@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg: #000000;--surface: #0b0b0b;--surface-2: #121212;--surface-3: #1a1a1a;--border: #232323;--border-strong: rgba(254, 176, 251, .28);--text: #ffffff;--text-muted: #9f9f9f;--accent: #feb0fb;--accent-2: #ffffff;--accent-hover: #ffc7fd;--accent-dim: rgba(254, 176, 251, .12);--accent-soft: rgba(254, 176, 251, .07);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--sidebar-w: 220px;--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--shadow-soft: 0 18px 48px rgba(0, 0, 0, .32);--shadow-strong: 0 28px 80px rgba(0, 0, 0, .48)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:radial-gradient(circle at top right,rgba(254,176,251,.07),transparent 24%),radial-gradient(circle at bottom left,rgba(254,176,251,.04),transparent 22%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,.brand{font-family:var(--font-display);letter-spacing:.04em}a{color:inherit}button,input,select,textarea{font:inherit}select option{color:#111;background:#fff}::selection{background:var(--accent);color:#000}.landing{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem 1.75rem;gap:1.35rem;background:radial-gradient(ellipse at 30% 70%,rgba(254,176,251,.18),transparent 52%),radial-gradient(ellipse at 75% 25%,rgba(254,176,251,.08),transparent 45%),var(--bg)}.hero{text-align:center;display:grid;justify-items:center;gap:.35rem;margin-top:-1.15rem}.hero-logo-lockup{display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}.hero-logo-mark{width:min(104px,24vw);height:auto;display:block;filter:drop-shadow(0 14px 30px rgba(0,0,0,.42))}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.35rem,6vw,3.4rem);margin:0;letter-spacing:.1em;text-transform:uppercase;color:var(--text);line-height:1}.hero h1 span{color:var(--accent)}.tagline{color:var(--text-muted);margin-top:.3rem;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-family:var(--font-display);font-weight:600}.login-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),#0b0b0be6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1.05rem;box-shadow:var(--shadow-strong)}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-family:var(--font-display);font-weight:700}.login-card input{padding:.75rem .9rem;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text);font-family:inherit;transition:border-color .15s,box-shadow .15s}.login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-card button{margin-top:.25rem;padding:.9rem;background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s}.login-card button:disabled{opacity:.5;cursor:not-allowed}.login-card button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 28px #feb0fb47;transform:translateY(-1px)}.error{background:var(--danger-bg);color:#fca5a5;border:1px solid rgba(239,68,68,.35);border-radius:16px;padding:.65rem .85rem;font-size:.85rem}.app-shell{display:flex;min-height:100vh;height:100%}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(180deg,rgba(254,176,251,.05),transparent 16%),#050505;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:1.4rem 1.25rem 1.1rem;border-bottom:1px solid var(--border);display:grid;gap:.4rem}.sidebar-brand-row{display:flex;align-items:center;gap:.6rem;min-width:0}.sidebar-brand-mark{width:22px;height:22px;object-fit:contain;flex-shrink:0}.sidebar-brand-kicker{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.sidebar-brand-text{font-family:var(--font-display);font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.sidebar-brand-text em{font-style:normal;color:var(--accent)}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:.75rem .6rem;gap:.15rem}.nav-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.6rem .85rem;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;font-family:var(--font-display);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:left;transition:background .15s,color .15s,border-color .15s;position:relative;border:1px solid transparent}.nav-item:hover{background:var(--surface-2);border-color:#ffffff0f;color:var(--text)}.nav-item.active{background:var(--accent-soft);border-color:var(--border-strong);color:var(--text)}.nav-item.active:before{content:none}.nav-icon{display:flex;align-items:center;flex-shrink:0}.nav-label{line-height:1}.sidebar-footer{border-top:1px solid var(--border);padding:.6rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-user{display:flex;align-items:center;gap:.7rem;padding:.5rem .65rem;border-radius:var(--radius-sm)}.sidebar-avatar{width:30px;height:30px;background:var(--accent-dim);border:1px solid var(--border-strong);border-radius:50%;color:#000;font-family:var(--font-display);font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.sidebar-user-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.sidebar-username{font-family:var(--font-display);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .85rem;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;font-family:var(--font-display);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:left;transition:background .15s,color .15s}.sidebar-logout:hover{background:var(--danger-bg);color:#fca5a5}.app-content{flex:1;overflow-y:auto;min-width:0;display:flex;flex-direction:column}.page-topbar{padding:1.1rem 2rem;border-bottom:1px solid var(--border);background:#080808e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:5}.page-title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text)}.page-back{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:.4rem .85rem;transition:all .15s;flex-shrink:0}.page-back:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.page-body{padding:2rem;flex:1}.home-hero{max-width:1080px;margin-bottom:1.5rem;padding:1.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,rgba(254,176,251,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 100%),var(--surface);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,320px);gap:1.5rem;box-shadow:var(--shadow-soft)}.home-hero-copy{display:grid;gap:.8rem}.home-hero-kicker,.home-section-kicker,.equipos-home-kicker{display:inline-block;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.home-hero-copy h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.15rem);font-weight:700;line-height:.96;text-transform:uppercase;letter-spacing:.06em;max-width:13ch}.home-hero-copy p{margin:0;max-width:44rem;color:var(--text-muted);line-height:1.7}.home-hero-summary{display:grid;gap:.75rem;align-content:end}.home-hero-stat{padding:.95rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;display:grid;gap:.2rem}.home-hero-stat strong{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.home-hero-stat span{color:var(--text-muted);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.home-section-head{display:grid;gap:.35rem;margin-bottom:1rem}.home-section-head p{margin:0;color:var(--text-muted)}.home-welcome{margin-bottom:2.5rem}.home-welcome h2{margin:0 0 .4rem;font-family:var(--font-display);font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.home-welcome p{margin:0;color:var(--text-muted);font-size:.9rem}.home-intro{max-width:1080px;margin-bottom:1rem;padding:1.2rem 1.3rem;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at top right,rgba(254,176,251,.06),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),var(--surface)}.home-intro-kicker{display:inline-block;margin-bottom:.75rem;font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.home-intro-kicker em{font-style:normal;color:var(--accent)}.home-intro h2{margin:0 0 .45rem;max-width:26ch;font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.55rem);font-weight:700;line-height:1.08;text-transform:uppercase;letter-spacing:.08em}.home-intro p{margin:0;max-width:56rem;color:var(--text-muted);line-height:1.65}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;max-width:1080px}.home-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.4rem 1.2rem;cursor:pointer;text-align:left;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.home-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-color, var(--accent));opacity:.5;transition:opacity .2s}.home-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.home-card:hover:before{opacity:1}.home-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.home-card-icon{width:34px;height:34px;background:color-mix(in srgb,var(--card-color, var(--accent)) 14%,transparent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:.9rem;color:var(--card-color, var(--accent))}.home-card-index{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--card-color, var(--accent)) 78%,white 22%)}.home-card-copy{display:grid;gap:.45rem}.home-card-title{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text);margin-bottom:.3rem}.home-card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.5}.home-card-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--card-color, var(--accent));font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.home-card-link:after{content:"↗";font-size:.82rem}.role-badge{display:inline-block;width:fit-content;align-self:flex-start;padding:.18rem .5rem;font-family:var(--font-display);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.role-badge.role-admin{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.role-badge.role-user{color:var(--accent-2);border-color:var(--accent-2);background:#22d3ee14}.role-badge.role-superusuario{color:#fbbf24;border-color:#fbbf2480;background:#fbbf2414}.env-badge{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;font-family:var(--font-display);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;vertical-align:middle}.user-row-env td{opacity:.6}.supervised-section{margin-bottom:1rem}.admin-list-note{margin-top:1.25rem;font-size:.82rem;color:var(--text-muted)}.admin-list-note code{font-style:normal;color:var(--accent-2);background:var(--surface-2);padding:.1rem .4rem;border:1px solid var(--border);border-radius:3px}.perfil-main{max-width:860px}.perfil-account-card{display:flex;align-items:center;gap:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left:3px solid #6ee7b7;padding:1.25rem 1.5rem;margin-bottom:2rem}.perfil-avatar{width:52px;height:52px;background:var(--accent-dim);border:1px solid rgba(124,58,237,.5);border-radius:50%;color:var(--accent);font-family:var(--font-display);font-size:1.4rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.perfil-account-info{display:flex;flex-direction:column;gap:.4rem}.perfil-username{font-family:var(--font-display);font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text)}.perfil-name-block{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.perfil-fullname{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text)}.perfil-nick{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.perfil-name-block .role-badge{display:none}.perfil-name-block .secondary-btn{margin-left:auto;color:var(--accent);border-color:#feb0fb6b;background:#feb0fb14}.perfil-name-block .secondary-btn:hover:not(:disabled){border-color:var(--accent);color:#000;background:var(--accent)}.perfil-section{margin-bottom:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.perfil-section-title{margin:0;padding:.6rem 1.25rem;background:var(--surface-2);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.perfil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:.5rem .75rem}.perfil-field{display:flex;flex-direction:column;padding:.55rem .5rem}.perfil-field dt{font-family:var(--font-display);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:.15rem}.perfil-field dd{margin:0;font-size:.93rem;color:var(--text)}.perfil-inline-meta{margin:-.5rem 0 1.5rem}.perfil-grid.perfil-grid-inline{display:inline-grid;grid-template-columns:minmax(180px,auto);padding:.2rem 0}.perfil-grid.perfil-grid-inline .perfil-field{padding:0;border-bottom:none}.perfil-grid.perfil-grid-inline .perfil-field dt{margin-bottom:.3rem}.perfil-grid.perfil-grid-inline .perfil-field dd{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.04em}.perfil-edit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem 1rem;padding:1rem 1.25rem}.perfil-edit-field{display:flex;flex-direction:column;gap:.3rem}.perfil-edit-field span{font-family:var(--font-display);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.perfil-edit-field input{padding:.5rem .7rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.perfil-edit-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.perfil-pw-actions{display:flex;align-items:center;gap:1rem;padding-top:.25rem;align-self:flex-end}.perfil-pw-msg{font-size:.82rem}.perfil-pw-error{color:#fca5a5}.perfil-pw-ok{color:#6ee7b7}.perfil-edit-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.perfil-no-employee{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;text-align:center;color:var(--text-muted)}.nomina-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.tab{padding:.55rem 1.2rem;background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;transition:all .15s}.tab:last-child{border-right:none}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.active{background:var(--accent);color:#fff}.toolbar-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.toolbar-note{font-size:.78rem;color:var(--text-muted);max-width:420px;line-height:1.4}.toolbar-actions input[type=search]{padding:.5rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);min-width:260px;font-size:.9rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.toolbar-actions input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.toolbar-actions input[type=search]::placeholder{color:var(--text-muted)}.primary-btn,.secondary-btn,.toolbar-delete{padding:.5rem 1.1rem;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;transition:all .15s;border:1px solid transparent}.primary-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.primary-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 20px #7c3aed66;transform:translateY(-1px)}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.secondary-btn{background:transparent;color:var(--text-muted);border-color:var(--border)}.secondary-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.secondary-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-delete{background:transparent;color:#fca5a5;border-color:#ef444459}.toolbar-delete:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger);color:#fecaca}.toolbar-delete:disabled{opacity:.4;cursor:not-allowed}.nomina-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;overflow-x:auto}.nomina-table{width:100%;border-collapse:collapse;font-size:.88rem}.nomina-table th,.nomina-table td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.nomina-table th{background:#ffffff08;font-family:var(--font-display);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.nomina-table tbody tr{cursor:pointer;transition:background .1s}.nomina-table tbody tr:last-child td{border-bottom:none}.nomina-table tbody tr:hover{background:var(--surface-2)}.nomina-table tbody tr.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.nomina-table .empty{text-align:center;color:var(--text-muted);padding:2.5rem}.detail-panel{margin-top:1.5rem;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),var(--surface);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-soft)}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.detail-header h3{margin:0;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text)}.detail-header h3 small{color:var(--accent);font-style:normal;margin-left:.6rem;font-weight:700}.detail-header button{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;cursor:pointer;font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;transition:all .15s}.detail-header button:hover{border-color:var(--accent);color:var(--accent)}.detail-panel dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem 1.5rem;margin:0}.detail-row{display:flex;flex-direction:column;padding:.4rem 0;border-bottom:1px solid var(--border)}.detail-row dt{font-family:var(--font-display);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.detail-row dd{margin:0;color:var(--text);font-size:.93rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10;padding:1rem}.modal{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 100%),#0b0b0bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.75rem;width:100%;max-width:760px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-strong)}.modal h3{margin:0 0 1.2rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);padding-bottom:.8rem;border-bottom:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem 1rem;margin-bottom:1.25rem;align-items:start}.form-grid label{display:flex;flex-direction:column;gap:.3rem}.form-grid span{font-family:var(--font-display);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{padding:.7rem .85rem;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-grid input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.form-grid select{cursor:pointer;height:2.6rem;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.form-info{margin-top:1rem;padding:.7rem .9rem;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-muted)}.form-info strong{color:var(--accent);font-weight:700}.form-info-error{color:#f87171}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border)}.modal-actions button{padding:.5rem 1.2rem;border-radius:999px;cursor:pointer;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;background:transparent;color:var(--text-muted);border:1px solid var(--border);transition:all .15s}.modal-actions button:hover{border-color:var(--accent);color:var(--accent)}.modal-actions .primary-btn{border-color:var(--accent);color:#000;background:var(--accent)}.modal-actions .primary-btn:hover{color:#000;background:var(--accent-hover)}.modal-actions .offboarding-btn{border-color:#fbbf2480;color:#fbbf24}.modal-actions .offboarding-btn:hover{border-color:#fbbf24;color:#fbbf24;background:#fbbf2414}.modal-actions .onboarding-btn{border-color:#6ee7b780;color:#6ee7b7}.modal-actions .onboarding-btn:hover{border-color:#6ee7b7;color:#6ee7b7;background:#6ee7b714}.holiday-list{margin-top:1.25rem;display:grid;gap:.75rem}.holiday-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05}.holiday-item span{color:var(--text);font-weight:600;letter-spacing:.03em}.export-btn{padding:.5rem 1.1rem;border-radius:var(--radius);cursor:pointer;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;transition:all .15s;background:transparent;color:var(--accent);border:1px solid var(--border-strong)}.export-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.export-modal{max-width:640px}.export-scope{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding:.9rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.export-radio{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;color:var(--text)}.export-radio input[type=radio]{accent-color:var(--accent);cursor:pointer}.export-cols-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.export-cols-title{font-family:var(--font-display);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700}.export-cols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.3rem .75rem;margin-bottom:.5rem;max-height:280px;overflow-y:auto;padding:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.export-col-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.3rem .4rem;border-radius:4px;transition:background .1s;font-size:.88rem;color:var(--text)}.export-col-item:hover{background:var(--border)}.export-col-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0}.estado-badge{display:inline-block;padding:.2rem .55rem;font-family:var(--font-display);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.estado-pendiente{color:#fbbf24;border-color:#fbbf2466;background:#fbbf2414}.estado-aprobada{color:#6ee7b7;border-color:#6ee7b766;background:#6ee7b714}.estado-rechazada{color:#fca5a5;border-color:#ef444466;background:var(--danger-bg)}.filter-group{display:flex;gap:.5rem}.filter-group select{padding:.5rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.filter-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.type-badge{display:inline-block;padding:.2rem .55rem;font-family:var(--font-display);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.type-badge.type-vacation{color:var(--accent);border-color:#feb0fb73;background:#feb0fb1a}.type-badge.type-sick{color:#f5b5b5;border-color:#ef444457;background:#ef44441a}.type-badge.type-unpaid{color:#e8dcc2;border-color:#dec9a547;background:#dec9a514}.type-badge.type-half-day{color:#ffd8fe;border-color:#feb0fb47;background:#feb0fb0f}.type-badge.type-other{color:#d0d0d0;border-color:#ffffff29;background:#ffffff0a}.summary-panel{margin-top:1.5rem;background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius);padding:1.25rem 1.5rem}.summary-panel h3{margin:0 0 1rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.summary-panel h3 small{color:var(--accent);font-style:normal;font-weight:700;margin-left:.5rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.3rem}.stat-label{font-family:var(--font-display);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--text)}.stat.stat-accent{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 20px #feb0fb1f}.stat.stat-accent .stat-value{color:var(--accent)}.legend{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.72rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.legend span{display:inline-flex;align-items:center;gap:.4rem}.swatch{display:inline-block;width:10px;height:10px;border:1px solid var(--border);border-radius:2px}.sw-vacation{background:#feb0fb2e;border-color:#feb0fb73}.sw-sick{background:#ef444424;border-color:#ef444480}.sw-unpaid{background:#dec9a524;border-color:#dec9a573}.sw-other{background:#ffffff14;border-color:#fff3}.sw-holiday{background:#78a9ff24;border-color:#78a9ff75}.sw-weekend{background:#ffffff14;border-color:#ffffff29}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.calendar-grid-full{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media (max-width: 1400px){.calendar-grid-full{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1000px){.calendar-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.calendar-grid-full{grid-template-columns:1fr}}.month-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem}.month-header{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text);margin-bottom:.6rem;font-size:.88rem}.month-header span{color:var(--accent);margin-left:.3rem}.week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.week-header span{text-align:center;font-family:var(--font-display);font-size:.65rem;color:var(--text-muted);letter-spacing:.08em;font-weight:700}.month-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;background:#ffffff05;color:var(--text);cursor:default;border-radius:6px;border:1px solid transparent}.day.empty{background:transparent}.day.weekend{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#b6b6b6}.day.holiday{background:#78a9ff1f;border:1px solid rgba(120,169,255,.42);color:#cfe0ff;font-weight:600}.day.leave.type-vacation{background:#feb0fb1f;border:1px solid rgba(254,176,251,.45);color:var(--accent);font-weight:600}.day.leave.type-sick{background:#ef44441a;border:1px solid rgba(239,68,68,.5);color:#f5b5b5;font-weight:600}.day.leave.type-unpaid{background:#dec9a514;border:1px solid rgba(222,201,165,.34);color:#e8dcc2;font-weight:600}.day.leave.type-half-day{background:#feb0fb0f;border:1px solid rgba(254,176,251,.24);color:#ffd8fe;font-weight:600}.day.leave.type-other{background:#ffffff0a;border:1px solid rgba(255,255,255,.14);color:#d0d0d0;font-weight:600}.dot-count{position:absolute;bottom:1px;right:2px;font-size:.55rem;color:var(--text);background:var(--bg);padding:0 3px;line-height:1;border-radius:2px}.proximamente{display:flex;align-items:center;justify-content:center;min-height:40vh}.proximamente-label{font-family:var(--font-display);font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:.25em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 3rem;border-top:2px solid var(--accent)}.equipos-home{max-width:1080px;margin:0 auto}.equipos-home-hero{margin-bottom:1.25rem;padding:1.35rem 1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,rgba(254,176,251,.08),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),var(--surface);display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem;box-shadow:var(--shadow-soft)}.equipos-home-hero>div:first-child{max-width:44rem;display:grid;gap:.6rem}.equipos-home-hero h2{margin:.15rem 0 .25rem;font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2.15rem);font-weight:700;line-height:1.02;text-transform:uppercase;letter-spacing:.08em;max-width:12ch}.equipos-home-hero p{margin:0;max-width:36rem;color:var(--text-muted);font-size:.96rem;line-height:1.65}.equipos-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.equipo-game-card{position:relative;overflow:hidden;min-height:220px;padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#080a121a,#080a12c7 62%,#080a12eb),linear-gradient(135deg,color-mix(in srgb,var(--game-card-accent, var(--accent)) 28%,transparent),transparent 45%),var(--game-card-image),linear-gradient(135deg,var(--surface),#050505);background-size:cover;background-position:center;color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;gap:.2rem;transition:transform .18s,border-color .18s,box-shadow .18s}.equipo-game-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--game-card-accent, var(--accent)) 55%,white 10%);box-shadow:0 16px 40px color-mix(in srgb,var(--game-card-accent, var(--accent)) 28%,transparent)}.equipo-game-card-title{position:relative;z-index:1;font-family:var(--font-display);font-size:1.7rem;font-weight:800;line-height:.95;text-transform:uppercase;text-shadow:0 8px 24px rgba(0,0,0,.55);margin-top:auto}.game-page-hero{max-width:1080px;margin:0 auto 1.5rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at top right,rgba(34,211,238,.1),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--game-accent, var(--accent)) 22%,transparent),transparent 52%),var(--surface)}.game-page-hero h2{margin:0;font-size:2.5rem;text-transform:uppercase}.game-page-hero-copy{max-width:760px;margin:.75rem 0 0;color:var(--text-muted);font-size:.95rem;line-height:1.6}.game-page-hero-link{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:120px;height:40px;margin-top:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000003d;transition:transform .15s,border-color .15s,background .15s;padding:0 .65rem}.game-page-hero-link:hover{transform:translateY(-1px);border-color:var(--game-accent, var(--accent));background:#ffffff0a}.game-page-hero-link img{width:auto;max-width:72px;max-height:20px;height:auto;display:block}.game-page-hero-link span{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.game-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-top:1.5rem}.game-overview-card{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05}.game-overview-label{display:block;margin-bottom:.45rem;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.game-overview-value{font-family:var(--font-display);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text)}.game-page-panel{max-width:1080px;margin:0 auto}.game-sections-tabs{display:flex;gap:.75rem;margin-bottom:1rem}.game-section-tab{padding:.75rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:border-color .15s,color .15s,background .15s}.game-section-tab:hover{border-color:var(--accent);color:var(--text)}.game-section-tab.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.game-section-card{min-height:260px;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),var(--surface);box-shadow:var(--shadow-soft)}.game-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.game-section-card h3{margin:0;font-family:var(--font-display);font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.game-section-description{max-width:720px;margin:.5rem 0 0;color:var(--text-muted);line-height:1.6}.game-section-counter{padding:.45rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.game-admin-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.game-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,200px));align-items:start;gap:1rem}.game-player-card{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.game-player-card-compact{display:flex;flex-direction:column;align-items:stretch;gap:1rem;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,background .15s,box-shadow .15s}.game-player-card-compact:hover{transform:translateY(-2px);border-color:var(--game-accent, var(--accent));box-shadow:0 8px 20px #0006}.game-player-card-compact.selected{border-color:var(--game-accent, var(--accent));background:linear-gradient(180deg,color-mix(in srgb,var(--game-accent, var(--accent)) 12%,transparent),transparent 40%),var(--bg)}.game-player-card-copy{display:grid;gap:.35rem}.game-player-nick{display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.12em;color:var(--text);line-height:1}.game-player-name{margin:0;color:var(--text-muted);font-size:.84rem}.game-player-figure{height:200px;border:1px dashed rgba(255,255,255,.14);border-radius:var(--radius-sm);background:#ffffff05;overflow:hidden;display:grid;place-items:center;text-align:center;gap:.2rem}.game-player-figure-photo{width:100%;height:100%;align-self:stretch;justify-self:stretch;border-style:solid;border-color:color-mix(in srgb,var(--game-accent, var(--accent)) 32%,rgba(255,255,255,.14));background:radial-gradient(circle at top,color-mix(in srgb,var(--game-accent, var(--accent)) 18%,transparent),transparent 58%),linear-gradient(180deg,#ffffff0a,#ffffff03)}.game-player-figure-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.game-player-figure-photo-uploaded img{object-fit:contain;object-position:center center}.game-player-figure span{font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text)}.game-player-figure small{color:var(--text-muted);font-size:.74rem;letter-spacing:.04em}.game-player-figure-lg{width:min(100%,240px);min-height:240px}.game-empty-state{padding:1.25rem;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted)}.game-player-detail{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:grid;gap:1.25rem}.game-player-modal{max-width:1040px}.game-player-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.game-player-detail-head{display:flex;align-items:flex-start;gap:1.25rem}.game-modal-close{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.45rem .9rem;cursor:pointer;font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;transition:all .15s}.game-modal-close:hover{border-color:var(--accent);color:var(--accent)}.game-player-detail-title{display:grid;gap:.4rem}.game-player-detail-title h4{margin:0;font-family:var(--font-display);font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.game-player-detail-title p{margin:0;color:var(--text-muted);font-size:.95rem}.game-player-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0}.game-detail-field{padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);display:grid;gap:.3rem}.game-detail-field dt{font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.game-detail-field dd{margin:0;color:var(--text);font-size:.88rem;overflow-wrap:anywhere}.game-player-docs{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.game-player-docs-title{display:block;margin-bottom:.75rem;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.game-player-docs-actions{display:flex;gap:.5rem;flex-wrap:wrap}.game-doc-modal{max-width:900px}.game-doc-copy{margin:.35rem 0 0;color:var(--text-muted);font-size:.92rem}.game-doc-preview{min-height:320px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);display:grid;place-items:center;overflow:hidden;margin-bottom:1rem}.game-doc-preview img{width:100%;height:100%;object-fit:contain;display:block}.game-doc-empty{color:var(--text-muted)}.game-file-label{position:relative;overflow:hidden}.game-file-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.game-admin-modal{max-width:680px}.equipos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.equipo-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;overflow:hidden;transition:background .15s,border-color .15s,box-shadow .15s}.equipo-card:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.equipo-card.selected{background:var(--accent-soft);border-color:var(--accent)}.equipo-card-bar{width:3px;background:var(--team-color, var(--accent));flex-shrink:0;border-radius:var(--radius) 0 0 var(--radius)}.equipo-card.selected .equipo-card-bar{box-shadow:0 0 12px var(--team-color, var(--accent))}.equipo-card-body{padding:1.1rem 1.2rem;flex:1;display:flex;flex-direction:column;gap:.4rem}.equipo-card-name{font-family:var(--font-display);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);transition:color .15s}.equipo-card:hover .equipo-card-name,.equipo-card.selected .equipo-card-name{color:var(--text)}.equipo-card-desc{font-size:.83rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipo-card-meta{display:flex;gap:1rem;font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.equipo-card-meta strong{color:var(--text)}.equipos-empty{text-align:center;color:var(--text-muted);padding:3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.team-color-dot{display:inline-block;width:8px;height:8px;margin-right:.6rem;vertical-align:middle;box-shadow:0 0 8px currentColor;border-radius:50%}.equipo-desc-text{color:var(--text-muted);font-size:.9rem;margin:0 0 1rem}.equipo-detail-count{font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700;margin-bottom:.75rem}.equipo-no-miembros{color:var(--text-muted);margin-top:.5rem}.miembros-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.miembro-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .9rem}.miembro-item.is-leader{border-left:2px solid var(--team-color, var(--accent))}.miembro-nick{font-family:var(--font-display);font-weight:800;font-size:.9rem;text-transform:uppercase;color:var(--text)}.miembro-name{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.lider-badge{display:inline-block;margin-top:.35rem;padding:.12rem .45rem;background:#22d3ee1a;color:var(--accent-2);border:1px solid var(--accent-2);border-radius:4px;font-family:var(--font-display);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.equipo-form-modal{max-width:680px}.color-picker-section{margin-bottom:1.25rem}.form-label-sm{display:block;font-family:var(--font-display);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:.5rem}.color-picker{display:flex;flex-wrap:wrap;gap:.5rem}.color-swatch{width:26px;height:26px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:transform .1s,box-shadow .1s;flex-shrink:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--text);box-shadow:0 0 0 3px #fff3;transform:scale(1.1)}.members-section{margin-bottom:1rem}.members-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem}.members-search{padding:.4rem .7rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-family:inherit;flex:1;max-width:220px;transition:border-color .15s,box-shadow .15s}.members-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.25rem;max-height:240px;overflow-y:auto;padding:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.member-check-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;cursor:pointer;border-radius:4px;transition:background .1s}.member-check-item:hover{background:var(--border)}.member-check-item input[type=checkbox]{accent-color:var(--accent);flex-shrink:0}.member-check-nick{font-family:var(--font-display);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);white-space:nowrap}.member-check-name{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-empty{color:var(--text-muted);padding:.5rem;font-size:.85rem;grid-column:1 / -1}.tile-perfil:before{background:linear-gradient(90deg,#6ee7b7,transparent)}.tile-admin:before{background:linear-gradient(90deg,var(--accent-2),transparent)}.header-username{font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.bottom-nav{display:none}@media (max-width: 720px){.landing{padding:.85rem 1rem 1.5rem}.hero-logo-mark{width:min(92px,28vw)}.hero h1{font-size:clamp(2rem,10vw,2.6rem)}.sidebar{display:none}.app-content{padding-bottom:64px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:#050505;border-top:1px solid var(--border);z-index:100;align-items:stretch}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text-muted);font-size:.5rem;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color .15s;padding:0}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-logout{color:#f87171}.bottom-nav-item svg{width:20px;height:20px}.equipo-game-card-title,.game-page-hero h2{font-size:1.8rem}.home-hero,.equipos-home-hero{grid-template-columns:1fr;display:grid}.game-sections-tabs,.game-section-header,.game-player-detail-head,.game-player-modal-head{flex-direction:column}.game-player-figure-lg{width:100%}.equipo-game-card{min-height:180px}.proximamente-label{font-size:1.35rem;padding:1rem 1.5rem;letter-spacing:.18em}.page-body{padding:1rem}}