:root{--blue: var(--club-color, #0077C8);--blue-dark: var(--club-color-dark, #005FA3);--blue-soft: rgba(0, 119, 200, .1);--blue-glow: rgba(0, 119, 200, .25);--navy: #0B1426;--navy-mid: #142040;--bg: #EEF2F7;--surface: #FFFFFF;--surface-2: #F8FAFC;--border: #E2E8F0;--border-strong: #CBD5E1;--text: #0F172A;--text-2: #475569;--muted: #94A3B8;--green: #16A34A;--green-soft: #DCFCE7;--orange: #EA580C;--red: #DC2626;--red-soft: #FEE2E2;--gold: #C9A03A;--gold-soft: rgba(201, 160, 58, .13);--purple: #7C3AED;--purple-soft: #EDE9FE;--s1: 0 1px 2px rgba(15,23,42,.06);--s2: 0 1px 3px rgba(15,23,42,.09),0 1px 2px rgba(15,23,42,.05);--s3: 0 4px 8px -1px rgba(15,23,42,.08),0 2px 4px -2px rgba(15,23,42,.04);--s4: 0 10px 20px -3px rgba(15,23,42,.1),0 4px 8px -4px rgba(15,23,42,.04);--s5: 0 24px 40px -5px rgba(15,23,42,.14),0 10px 16px -6px rgba(15,23,42,.06);--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:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.011em;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-thumb{background:#cbd0e8;border-radius:4px}.skeleton{background:linear-gradient(90deg,#e2e5ef 25%,#edf0f7,#e2e5ef 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:#ffffffa6;transition:background var(--t),color var(--t)}.nav-btn:hover{background:#ffffff0f;color:#fff}.nav-btn.active{background:#0077c833!important;color:#60b8f0!important}.nav-btn.active i{color:#60b8f0}.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:#fff9!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}.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)}.btn-primary{background:var(--blue);color:#fff;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(--blue-dark);box-shadow:0 4px 12px var(--blue-glow)}.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)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--red);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)}.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);cursor:pointer}.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.progress-bar{height:6px;border-radius:3px;background:var(--border);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}}