:root{--clubos-green: #38D073;--clubos-green-vivid: #4EE088;--clubos-green-deep: #1AAD52;--clubos-blue: #1A90FF;--clubos-night: #080C10;--clubos-navy: #0D1520;--clubos-elev: #152030;--clubos-elev-2: #1C2C42;--clubos-text: #F0F6F0;--clubos-muted: rgba(240,246,240,.55);--clubos-dim: rgba(240,246,240,.3);--clubos-border: rgba(255,255,255,.08);--clubos-glass: rgba(255,255,255,.04);--clubos-grad: linear-gradient(150deg, #4EE088, #1AAD52);--clubos-r-sm: 8px;--clubos-r-md: 12px;--clubos-r-lg: 20px;--clubos-font-display: "Syne", sans-serif;--clubos-font-ui: "DM Sans", sans-serif}:root{--blue: var(--club-color, #1A90FF);--blue-dark: var(--club-color-dark, #0070E0);--blue-soft: rgba(26, 144, 255, .12);--blue-glow: rgba(26, 144, 255, .25);--navy: #0D1520;--navy-mid: #1C2C42;--bg: #080C10;--surface: #0D1520;--surface-2: #152030;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.15);--text: #F0F6F0;--text-2: rgba(240,246,240,.55);--muted: rgba(240,246,240,.3);--green: #38D073;--green-soft: rgba(56, 208, 115, .12);--orange: #FB923C;--red: #F87171;--red-soft: rgba(248,113,113,.12);--gold: #FBBF24;--gold-soft: rgba(251,191,36,.12);--purple: #A78BFA;--purple-soft: rgba(167,139,250,.12);--s1: 0 1px 3px rgba(0,0,0,.35);--s2: 0 2px 6px rgba(0,0,0,.45);--s3: 0 4px 12px rgba(0,0,0,.45);--s4: 0 8px 24px rgba(0,0,0,.55);--s5: 0 16px 48px rgba(0,0,0,.65);--t: .15s cubic-bezier(.4,0,.2,1);--t-slow: .26s cubic-bezier(.4,0,.2,1);--r: 8px;--r-lg: 14px;--r-xl: 18px}*,*:before,*:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;overscroll-behavior:none}body{margin:0;background:var(--bg);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.01em;color:var(--text);overflow-x:hidden}button,a,[role=button]{touch-action:manipulation;cursor:pointer}img,svg{user-select:none;-webkit-user-select:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.skeleton{background:linear-gradient(90deg,#0d1520 25%,#152030,#0d1520 75%);background-size:200% 100%;animation:skeleton-shine 1.4s ease infinite;border-radius:8px}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-hidden{display:none!important}.nav-btn{color:#ffffff8c;transition:background var(--t),color var(--t)}.nav-btn:hover{background:#ffffff0d;color:#f0f6f0}.nav-btn.active{background:#38d0731f!important;color:#38d073!important}.nav-btn.active i{color:#38d073}.nav-group-items{display:none}.nav-group.open .nav-group-items{display:block}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-group-hdr{transition:color var(--t)}.nav-group-hdr:hover{color:#ffffff80!important}#admin-left{display:flex;flex-direction:column}@media(max-width:768px){#admin-left{width:100%!important;min-width:unset!important}#admin-right{display:none}}.badge-etapa{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}#view-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}#view-container::-webkit-scrollbar{height:6px;width:6px}#view-container::-webkit-scrollbar-track{background:transparent}#view-container::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}#view-container::-webkit-scrollbar-thumb:hover{background:#fff3}.drag-over{outline:2px dashed var(--blue)!important;background:var(--blue-soft)!important}.table-compact tbody td{padding-top:5px!important;padding-bottom:5px!important;font-size:12px!important}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable.sort-asc .sort-ico:before{content:"↑"}th.sortable.sort-desc .sort-ico:before{content:"↓"}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--s2);border:1px solid var(--border)}.card-hover{transition:box-shadow var(--t),transform var(--t)}.card-hover:hover{box-shadow:var(--s4);transform:translateY(-1px)}.card-accent{border-left:3px solid var(--club-color,#1A90FF)}.card h3{font-family:Plus Jakarta Sans,sans-serif!important;font-weight:700!important;letter-spacing:-.015em}.section-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.02em}.kpi-val,.text-xl.font-bold,.text-2xl.font-bold,.text-2xl.font-black,.text-3xl.font-bold,.text-3xl.font-black,.text-lg.font-black{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.025em}.nav-btn span{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;letter-spacing:-.01em;font-size:13px}.nav-group-hdr span{font-family:Plus Jakarta Sans,sans-serif!important;font-size:9.5px!important;letter-spacing:.08em!important;font-weight:700!important}.kpi-number,.metric-big{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.025em}.btn-primary{background:var(--clubos-green,#38D073);color:#080c10;font-weight:700;border-radius:var(--r);padding:10px 20px;border:none;transition:background var(--t),box-shadow var(--t)}.btn-primary:hover{background:var(--clubos-green-vivid,#4EE088);box-shadow:0 4px 12px #38d0734d}.btn-ghost{background:transparent;color:var(--text-2);font-weight:600;border-radius:var(--r);padding:10px 16px;border:1px solid var(--border);transition:background var(--t),border-color var(--t)}.btn-ghost:hover{background:#ffffff0d;border-color:var(--border-strong)}.btn-danger{background:#ef4444;color:#fff;font-weight:700;border-radius:var(--r);padding:10px 20px;border:none}.input{width:100%;border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;font-size:14px;outline:none;transition:border-color var(--t),box-shadow var(--t);background:var(--surface-2);color:var(--text);font-family:Plus Jakarta Sans,sans-serif}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.select{width:100%;border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;font-size:14px;outline:none;background:var(--surface-2);color:var(--text);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif}.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.select option{background:var(--surface-2);color:var(--text)}.progress-bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease;background:var(--blue)}@media(max-width:640px){.btn-primary,.btn-ghost,.btn-danger{min-height:44px}.card{border-radius:12px}.input,.select{font-size:16px!important}#view-container.p-4{padding:12px!important}.modal-box{max-height:88dvh!important}}.bg-white{background-color:var(--surface)!important}.bg-slate-50,.bg-gray-50{background-color:var(--surface-2)!important}.bg-slate-100,.bg-gray-100{background-color:#1c2c42!important}.bg-slate-200,.bg-gray-200{background-color:#ffffff14!important}.bg-slate-300{background-color:#ffffff1f!important}.bg-slate-700,.bg-slate-800{background-color:#ffffff12!important}.bg-slate-900,.bg-gray-900{background-color:var(--bg)!important}.hover\:bg-white:hover{background-color:#ffffff0d!important}.hover\:bg-slate-50:hover,.hover\:bg-gray-50:hover{background-color:#ffffff0a!important}.hover\:bg-slate-100:hover,.hover\:bg-gray-100:hover{background-color:#ffffff12!important}.hover\:bg-slate-200:hover{background-color:#ffffff1a!important}.hover\:bg-slate-700:hover{background-color:#ffffff14!important}.hover\:bg-red-50:hover,.hover\:bg-red-100:hover{background-color:#f871711a!important}.hover\:bg-green-200:hover{background-color:#38d07326!important}.hover\:bg-blue-50:hover,.hover\:bg-blue-100:hover{background-color:#1a90ff1a!important}.text-slate-900,.text-gray-900,.text-slate-800,.text-gray-800{color:#f0f6f0!important}.text-slate-700,.text-gray-700{color:#f0f6f0d9!important}.text-slate-600,.text-gray-600{color:#f0f6f099!important}.text-slate-500,.text-gray-500{color:#f0f6f073!important}.text-slate-400,.text-gray-400{color:#f0f6f052!important}.text-slate-300,.text-gray-300{color:#f0f6f040!important}.text-slate-200,.text-gray-200{color:#f0f6f02e!important}.text-green-900,.text-green-800,.text-green-700,.text-green-600,.text-green-500,.text-green-400{color:#38d073!important}.bg-green-500,.bg-green-600{background-color:#38d073!important}.bg-green-100,.bg-green-50{background-color:#38d0731f!important}.border-green-500,.border-green-400,.border-green-300{border-color:#38d07366!important}.border-green-200,.border-green-100{border-color:#38d07333!important}.hover\:bg-green-100:hover{background-color:#38d07326!important}.text-blue-800,.text-blue-700,.text-blue-600,.text-blue-500,.text-blue-400{color:#1a90ff!important}.bg-blue-500,.bg-blue-600{background-color:#1a90ff!important}.bg-blue-100,.bg-blue-50{background-color:#1a90ff1f!important}.border-blue-500,.border-blue-400,.border-blue-300{border-color:#1a90ff4d!important}.border-blue-200,.border-blue-100{border-color:#1a90ff2e!important}.text-red-800,.text-red-700,.text-red-600,.text-red-500,.text-red-400{color:#f87171!important}.bg-red-100,.bg-red-50{background-color:#f871711f!important}.border-red-300,.border-red-200{border-color:#f8717140!important}.text-amber-900,.text-amber-800,.text-amber-700,.text-amber-600,.text-amber-500,.text-amber-400{color:#fbbf24!important}.bg-amber-100,.bg-amber-50{background-color:#fbbf241f!important}.border-amber-200,.border-amber-100{border-color:#fbbf2433!important}.text-orange-700,.text-orange-600,.text-orange-500,.text-orange-400{color:#fb923c!important}.bg-orange-100,.bg-orange-50{background-color:#f973161f!important}.border-orange-200{border-color:#f9731633!important}.text-purple-700,.text-purple-600,.text-purple-500,.text-purple-400{color:#a78bfa!important}.bg-purple-100,.bg-purple-50{background-color:#a78bfa1f!important}.border-purple-200{border-color:#a78bfa33!important}.text-yellow-700,.text-yellow-600,.text-yellow-500,.text-yellow-400{color:#fbbf24!important}.bg-yellow-100,.bg-yellow-50{background-color:#fbbf241f!important}.border-yellow-200,.border-yellow-100{border-color:#fbbf2433!important}.border-white{border-color:var(--surface)!important}.border-slate-50{border-color:#ffffff0a!important}.border-slate-100,.border-gray-100{border-color:#ffffff0f!important}.border-slate-200,.border-gray-200{border-color:#ffffff14!important}.border-slate-300,.border-gray-300{border-color:#ffffff1f!important}.border-slate-400,.border-gray-400{border-color:#fff3!important}.border-slate-600{border-color:#ffffff4d!important}.border-b-2.border-blue-600{border-color:#1a90ff!important}.border-b-2.border-green-600{border-color:#38d073!important}.divide-slate-50>*+*,.divide-slate-100>*+*,.divide-gray-100>*+*{border-color:#ffffff0d!important}.divide-slate-200>*+*,.divide-gray-200>*+*{border-color:#ffffff14!important}.divide-y>*+*{border-color:#ffffff0f!important}.focus\:ring-blue-500:focus{--tw-ring-color: rgba(26,144,255,.35) !important}.focus\:border-blue-500:focus{border-color:#1a90ff!important}input::placeholder,textarea::placeholder{color:var(--muted)!important}thead th{background-color:var(--surface-2)!important;color:var(--text-2)!important;border-color:var(--border)!important}tbody tr{border-color:var(--border)!important}tbody tr:hover{background-color:#ffffff08!important}