:root{
  --black:#0b0b0a;--yellow:#ffd400;--red:#e30620;--bg:#f7f7f4;--surface:#fff;
  --text:#171611;--muted:#6d685e;--green:#159455;--green-bg:#ecf9f1;
  --orange:#e88a00;--orange-bg:#fff6e6;--red-bg:#fff0f1;--border:#e8e5dc;
  --shadow:0 4px 18px rgba(27,25,18,.055);--radius:14px;--container:1440px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}
body{margin:0;min-width:0;min-height:100vh;background:var(--bg);overflow-x:hidden}
button,input,select,textarea{font:inherit}
button,a{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
a{color:inherit;text-decoration:none}
button{color:inherit}
:focus-visible{outline:3px solid rgba(255,212,0,.72);outline-offset:3px}
.icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.container{width:min(var(--container),calc(100% - 48px));margin:auto;padding:28px 0 72px}
footer{text-align:center;color:var(--muted);font-size:12px;padding:8px 20px 30px}

/* Capçalera */
.topbar{height:72px;background:var(--black);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.header-inner{height:100%;width:min(var(--container),calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;margin-right:auto}
.topbar-logo{width:42px;height:48px;object-fit:contain}
.brand strong{font-size:18px;letter-spacing:.02em}
.desktop-nav{height:100%;display:flex;align-items:center;gap:4px}
.desktop-nav a{height:100%;display:flex;align-items:center;gap:7px;padding:0 12px;color:#d8d8d5;font-size:13px;position:relative}
.desktop-nav a .icon{width:18px;height:18px}
.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.045)}
.desktop-nav a.active{color:#fff}
.desktop-nav a.active:after{content:"";position:absolute;height:3px;background:var(--yellow);left:12px;right:12px;bottom:7px;border-radius:3px}
.profile-area{display:flex;align-items:center;gap:9px;border-left:1px solid #333;padding-left:18px}
.profile-initials{width:38px;height:38px;border-radius:50%;background:#526070;display:grid;place-items:center;font-size:13px;font-weight:800}
.profile-name{display:none}
.profile-area form{margin:0}
.logout-button{border:0;background:transparent;color:#d8d8d5;display:flex;align-items:center;gap:6px;padding:9px;cursor:pointer;border-radius:8px}
.logout-button span{display:none}.logout-button:hover{background:#242422;color:#fff}

/* Home hero */
.home-hero{min-height:190px;background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--yellow);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(240px,.8fr) minmax(500px,1.45fr) minmax(165px,.5fr);align-items:center;gap:28px;padding:18px 24px;overflow:hidden}
.welcome{padding:12px 0}.eyebrow{color:var(--red);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.welcome h1,.calendar-page-head h1,.page-title h1{font-size:clamp(34px,3.2vw,46px);line-height:1.04;margin:0 0 12px;letter-spacing:-.04em}
.welcome>p:last-child,.calendar-page-head>div>p,.page-title>p:last-child{color:var(--muted);line-height:1.55;margin:0;max-width:360px}
.next-session{background:#fff;border:1px solid var(--border);border-radius:13px;padding:16px 18px;box-shadow:0 6px 20px rgba(20,20,16,.07)}
.section-label{display:inline-block;background:var(--yellow);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:850;text-transform:uppercase}
.next-session-body{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:13px}
.session-symbol{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:var(--red);color:#fff;flex:none}
.match .session-symbol,.next-session.match .session-symbol{background:var(--yellow);color:var(--black)}
.session-symbol .icon{width:27px;height:27px;stroke-width:2}
.session-type{display:block;color:var(--red);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.match .session-type{color:#c57500}
.next-session-copy h2{font-size:19px;line-height:1.2;margin:3px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.next-session-copy p,.session-info p{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px;margin:0;min-width:0}
.next-session-copy p .icon,.session-info p .icon{width:16px;height:16px}
.next-session-when{text-align:right;display:grid;justify-items:end;gap:4px}.next-session-when>span{font-size:13px;color:var(--muted);text-transform:capitalize}.next-session-when>strong{font-size:28px;line-height:1}.button.accent{margin-top:7px;background:var(--yellow);padding:8px 13px;border-radius:7px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.button.accent:hover{background:#f1c900;transform:translateY(-1px)}.button.accent .icon{width:15px}
.year-mark{font-size:92px;font-weight:900;letter-spacing:-.065em;color:#f3ead7;text-align:center;line-height:.9;opacity:.82}

/* KPIs */
.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0 26px}
.kpi-card{min-height:94px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:15px;display:flex;align-items:center;gap:13px}
.kpi-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none}.kpi-icon.red{background:var(--red);color:#fff}.kpi-icon.yellow{background:var(--yellow);color:var(--black)}.kpi-card>div>span{display:block;color:var(--muted);font-size:12px;line-height:1.25}.kpi-card strong{display:block;font-size:28px;line-height:1.05;margin-top:3px}.kpi-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.progress{width:100%;height:5px;background:#e9e7e1;border-radius:10px;margin-top:6px;overflow:hidden}.progress i{display:block;height:100%;background:var(--red);border-radius:10px}

/* Layout principal */
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.section-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:7px 3px 13px}.section-heading h2{font-size:22px;margin:0}.section-heading>a{color:var(--red);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;justify-self:end}.section-heading>a .icon{width:16px}
.filter-tabs{display:flex;gap:8px;min-width:0}.filter-tabs button{min-height:36px;border:0;border-radius:8px;background:#efefec;padding:8px 20px;cursor:pointer;font-size:12px;white-space:nowrap}.filter-tabs button:hover{background:#e5e4df}.filter-tabs button.active{background:var(--red);color:#fff}
.session-list{display:grid;gap:8px}
.session-row{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--red);border-radius:12px;min-height:78px;display:grid;grid-template-columns:68px 52px minmax(190px,1fr) 130px minmax(155px,auto) 24px;gap:14px;align-items:center;padding:9px 14px 9px 8px;box-shadow:var(--shadow)}
.session-row.match{border-left-color:var(--yellow)}.session-row:hover{box-shadow:0 8px 22px rgba(27,25,18,.09);transform:translateY(-1px)}.session-row.past{opacity:.58}
.session-date{text-align:center;text-transform:uppercase;display:grid;line-height:1}.session-date>span,.session-date small{font-size:9px;font-weight:800}.session-date strong{font-size:23px;margin:3px 0}.session-date small{color:var(--muted)}
.session-info{min-width:0}.session-info h3{font-size:15px;line-height:1.2;margin:2px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-info p{font-size:11px;white-space:nowrap;overflow:hidden}.session-info p>a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.session-info p>a:hover{color:var(--red)}
.session-time{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;white-space:nowrap}.session-time .icon{width:17px}
.session-attendance{display:flex;justify-content:flex-end}.row-arrow{color:var(--muted);display:grid;place-items:center}.row-arrow:hover{color:var(--red);transform:translateX(2px)}
.kit-badge{display:inline-flex;margin-top:6px;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.kit-first{background:var(--black);color:var(--yellow)}.kit-second{background:var(--red-bg);color:var(--red)}
.attendance-badge{min-height:43px;border-radius:9px;padding:6px 10px;display:grid;grid-template-columns:18px auto;align-items:center;column-gap:5px;font-size:12px;font-weight:800;white-space:nowrap}.attendance-badge small{grid-column:2;font-size:10px;font-weight:500}.attendance-badge.yes{border:1px solid #67c897;background:var(--green-bg);color:#08703d}.attendance-badge.pending{border:1px solid #f0b04e;background:var(--orange-bg);color:#aa6100}.attendance-badge.no{border:1px solid #ef8c99;background:var(--red-bg);color:#b80920}.attendance-badge .icon{width:16px}
.attendance-form{display:grid;justify-items:end;gap:5px}.attendance-current{display:flex;align-items:center;gap:7px}.change-answer{border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;cursor:pointer;padding:5px}.attendance-choices{display:flex;gap:5px}.choice{height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:5px 8px;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:750;cursor:pointer}.choice .icon{width:14px}.choice-yes:hover{border-color:var(--green);color:var(--green)}.choice-no:hover{border-color:var(--red);color:var(--red)}.choice-pending:hover{border-color:var(--orange);color:var(--orange)}.attendance-form.saving{opacity:.55;pointer-events:none}.attendance-form.saved{animation:savedPulse .55s ease}.choice:disabled{cursor:wait}@keyframes savedPulse{50%{transform:scale(1.025)}}

/* Sidebar */
.dashboard-sidebar{display:grid;gap:14px}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:16px;box-shadow:var(--shadow)}.sidebar-card h3{font-size:15px;margin:0 0 14px;display:flex;align-items:center;gap:8px}.sidebar-card h3 .icon{width:19px}.attendance-summary{list-style:none;margin:0;padding:0;display:grid;gap:11px}.attendance-summary li{display:grid;grid-template-columns:23px 1fr auto;align-items:center;font-size:13px}.status-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.status-dot .icon{width:12px}.status-dot.yes{background:var(--green);color:#fff}.status-dot.pending{background:var(--orange);color:#fff}.status-dot.no{background:var(--red);color:#fff}.sidebar-cta{margin-top:15px;min-height:38px;background:var(--red-bg);color:var(--red);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:750}.sidebar-cta:hover{background:#ffe2e5}.sidebar-cta .icon{width:14px}.quick-links{display:grid}.quick-links a{display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:8px;padding:10px 2px;border-top:1px solid var(--border);font-size:12px}.quick-links a:first-child{border:0}.quick-links a:hover{color:var(--red);padding-left:5px}.quick-links .icon:last-child{width:14px}

/* Calendari */
.calendar-page-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:8px 0 18px}.calendar-page-head h1{margin-bottom:8px}.month-selector{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:5px}.month-selector>a{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;font-size:23px}.month-selector>a:hover{background:#f0efeb}.month-selector strong{min-width:155px;text-align:center;font-size:14px}.month-selector .today-link{width:auto;padding:0 13px;background:var(--black);color:#fff;font-size:12px}.mobile-pending{display:none}.calendar-filters{margin-bottom:20px}.calendar-days{display:grid;gap:25px}.day-group{display:grid;gap:9px}.day-heading{border-bottom:1px solid var(--border);padding:0 3px 8px}.day-heading>div{display:flex;align-items:baseline;gap:10px}.day-heading strong{text-transform:capitalize;font-size:15px}.day-heading span{color:var(--muted);font-size:11px}

/* Pàgines secundàries i formularis */
.page-title{margin:8px 0 24px}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.player-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px;display:flex;gap:13px;box-shadow:var(--shadow)}.avatar{width:46px;height:46px;border-radius:10px;background:var(--yellow);display:grid;place-items:center;font-weight:850}.player-card h3{margin:2px 0 4px;font-size:16px}.player-card p,.player-card small{margin:0;color:var(--muted);font-size:12px}.number{background:#f2f1ec;border-radius:999px;padding:3px 7px;font-size:10px;margin-left:6px}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:12px}thead th{background:var(--black);color:#fff;text-align:center}td small{display:block;color:var(--muted);margin-top:3px}.row-actions{white-space:nowrap}.row-actions form{display:inline}.danger-link,.inline-link{border:0;background:none;cursor:pointer;margin-left:8px;padding:0;font:inherit}.danger-link{color:var(--red)}.inline-link{color:var(--text);text-decoration:underline;text-underline-offset:2px}.state-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.state-pill.active{background:var(--green-bg);color:var(--green)}.state-pill.inactive{background:#efeeea;color:var(--muted)}
.admin-form{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:18px;box-shadow:var(--shadow)}.admin-form summary{cursor:pointer;font-weight:750;padding:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 18px 20px}.form-grid label,.stack label{font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.stack input{display:block;width:100%;margin-top:6px;border:1px solid #d6d3ca;border-radius:8px;padding:11px;background:#fff;color:var(--text);min-height:44px}.form-grid textarea{min-height:80px}.form-grid .wide{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:8px}.form-grid .check input{width:auto;margin:0;min-height:auto}.actions{display:flex;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--border);background:#fff;border-radius:8px;padding:9px 16px;font-weight:750;cursor:pointer}.button.primary{background:var(--red);border-color:var(--red);color:#fff}
.flash,.error{padding:11px 14px;border-radius:9px;margin:0 0 15px;font-size:13px}.flash{background:var(--green-bg);color:var(--green)}.error{background:var(--red-bg);color:var(--red)}.empty-state,.empty{background:#fff;border:1px dashed #d5d2c9;border-radius:12px;padding:28px;text-align:center;color:var(--muted)}.empty-state h3,.empty h1{color:var(--text);margin-top:0}
.summary-filter{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(145px,190px)) auto auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px 16px;margin:-7px 0 18px;box-shadow:var(--shadow)}.summary-filter>div{align-self:center}.summary-filter .eyebrow{margin:0 0 4px}.summary-filter strong,.summary-filter small{display:block}.summary-filter strong{font-size:14px}.summary-filter small{color:var(--muted);font-size:10px;margin-top:3px}.summary-filter label{font-size:11px;font-weight:750}.summary-filter input{display:block;width:100%;min-height:42px;margin-top:5px;border:1px solid #d6d3ca;border-radius:8px;padding:8px 10px;background:#fff;color:var(--text)}.summary-filter .button{white-space:nowrap}

/* Login */
.login-card{width:min(420px,calc(100% - 32px));margin:6vh auto;background:#fff;border:1px solid var(--border);border-top:4px solid var(--yellow);border-radius:15px;padding:32px;box-shadow:0 14px 38px rgba(25,22,14,.1);text-align:center}.login-logo{width:92px;height:104px;object-fit:contain;margin:auto}.login-card h1{font-size:30px;margin:5px 0 8px}.login-card>p:not(.eyebrow){color:var(--muted);font-size:13px}.stack{display:grid;gap:15px;text-align:left;margin-top:23px}.stack .button{width:100%}.password-field{display:block;position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:4px;top:10px;width:38px;height:38px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.password-toggle:hover{background:#f1f0eb;color:var(--text)}.password-toggle .icon{width:19px;height:19px}.hide-password-icon,.password-toggle.revealed .show-password-icon{display:none}.password-toggle.revealed .hide-password-icon{display:block}.remember-option{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-weight:400!important}.remember-option input{width:18px!important;height:18px;min-height:0!important;margin:1px 0 0!important;accent-color:var(--red);flex:none}.remember-option span{display:grid;gap:2px}.remember-option strong{font-size:12px}.remember-option small{font-size:10px;line-height:1.35;color:var(--muted);font-weight:400}

/* Navegació mòbil */
.bottom-nav,.mobile-more,.more-backdrop{display:none}

@media(max-width:1279px){
  .header-inner{gap:14px}.desktop-nav a{padding:0 8px}.desktop-nav a .icon{display:none}
  .home-hero{grid-template-columns:minmax(220px,.75fr) minmax(430px,1.5fr) 130px;gap:18px}.year-mark{font-size:65px}
  .session-row{grid-template-columns:58px 46px minmax(170px,1fr) 110px minmax(145px,auto) 20px;gap:10px}.session-symbol{width:46px;height:46px}
}

@media(max-width:1023px){
  .container,.header-inner{width:min(100% - 32px,var(--container))}.desktop-nav a{font-size:12px;padding:0 6px}.desktop-nav a:nth-last-child(-n+2){display:none}
  .home-hero{grid-template-columns:230px 1fr}.year-mark{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-card:nth-child(5){grid-column:span 2}
  .dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:767px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.container{width:100%;padding:16px 16px 34px}footer{display:none}
  .topbar{height:64px;position:sticky}.header-inner{width:100%;padding:0 16px}.topbar-logo{width:34px;height:40px}.brand strong{font-size:15px}.desktop-nav,.profile-name,.logout-button{display:none}.profile-area{border:0;padding:0;margin-left:auto}.profile-initials{width:34px;height:34px;background:transparent;border:1px solid #777}
  .home-hero{display:flex;flex-direction:column;align-items:stretch;background:transparent;border:0;box-shadow:none;padding:0;overflow:visible;gap:16px}.welcome{position:relative;padding:8px 2px 0}.welcome:after{content:"1975";position:absolute;right:0;top:2px;color:#f1e7d1;font-size:54px;font-weight:900;z-index:-1}.welcome h1{font-size:31px}.welcome>p:last-child{font-size:13px;max-width:270px}.eyebrow{font-size:10px;margin-bottom:9px}
  .next-session{border-left:4px solid var(--yellow);padding:14px;box-shadow:var(--shadow)}.next-session-body{grid-template-columns:52px 1fr;gap:10px}.next-session .session-symbol{width:48px;height:48px}.next-session-copy h2{font-size:16px;white-space:normal;margin-bottom:5px}.next-session-copy p{font-size:11px}.next-session-when{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left;border-top:1px solid var(--border);padding-top:10px;margin-top:2px}.next-session-when>span{font-size:11px}.next-session-when>strong{font-size:17px}.next-session-when .button{width:100%;order:3;margin:7px 0 0;flex-basis:100%}.next-session-when{flex-wrap:wrap}.section-label{font-size:9px;padding:5px 9px}
  .kpi-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 24px}.kpi-card{min-height:83px;padding:9px 5px;display:grid;justify-items:center;text-align:center;gap:4px}.kpi-icon{width:34px;height:34px;border-radius:9px}.kpi-icon .icon{width:17px}.kpi-card strong{font-size:21px}.kpi-card>div>span{font-size:9px}.kpi-card:nth-child(5){grid-column:1/-1;display:flex;justify-content:flex-start;text-align:left;padding:11px 14px}.kpi-card:nth-child(5) .kpi-icon{width:38px;height:38px}.kpi-card:nth-child(5)>div{flex:1}.kpi-card small{font-size:9px}
  .dashboard-layout{display:block}.dashboard-sidebar{display:none}.section-heading{grid-template-columns:1fr auto;gap:8px;margin:0 0 12px}.section-heading h2{font-size:19px}.section-heading>a{font-size:11px}.filter-tabs{grid-column:1/-1;grid-row:2;overflow:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{min-height:36px;padding:8px 18px;flex:none}.session-list{gap:8px}
  .session-row{min-height:76px;grid-template-columns:48px 34px minmax(0,1fr) auto;gap:8px;padding:9px 8px;border-radius:10px}.session-row .session-symbol{width:34px;height:34px;border-radius:9px}.session-row .session-symbol .icon{width:18px}.session-date strong{font-size:19px}.session-info h3{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.session-info p{font-size:10px}.session-info p a,.kit-badge{display:none}.session-time{grid-column:3;font-size:11px;margin-top:-5px}.session-time .icon{display:none}.session-attendance{grid-column:4;grid-row:1/3}.row-arrow{display:none}.attendance-current{display:block}.change-answer{display:block;margin:auto}.attendance-badge{min-height:34px;padding:5px 7px;font-size:10px}.attendance-badge small{display:none}.attendance-choices{position:absolute;right:8px;left:8px;bottom:7px;background:#fff;padding:5px;box-shadow:0 5px 14px rgba(0,0,0,.12);border-radius:9px;justify-content:center;z-index:2}.attendance-form{position:relative}.choice{height:38px;flex:1;justify-content:center}.session-row:has(.attendance-choices:not([hidden])){padding-bottom:58px}
  .calendar-page-head{display:block;margin:4px 0 14px}.calendar-page-head h1{font-size:30px}.calendar-page-head>div>p{font-size:12px}.mobile-pending{display:block;color:var(--orange);font-size:11px;font-weight:750;margin-top:8px}.month-selector{margin-top:14px;justify-content:space-between}.month-selector strong{min-width:auto}.calendar-filters{margin-bottom:18px}.day-heading strong{font-size:12px}.day-heading span{font-size:10px}.calendar-days{gap:22px}
  .player-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.table-wrap{border-radius:9px}
  .summary-filter{grid-template-columns:1fr 1fr;margin-top:-8px;padding:13px;gap:10px}.summary-filter>div{grid-column:1/-1}.summary-filter .button{width:100%;padding-left:8px;padding-right:8px;font-size:11px}
  .bottom-nav{display:grid;position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);background:var(--black);color:#fff;border-top:1px solid #2d2d2a}.bottom-nav a,.bottom-nav button{border:0;background:transparent;color:#e1e1dc;display:grid;place-items:center;align-content:center;gap:3px;font-size:9px;cursor:pointer}.bottom-nav .icon{width:20px;height:20px}.bottom-nav .active{color:var(--yellow)}
  .more-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:78}.mobile-more{display:grid;position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:80;background:#fff;border-radius:14px;padding:10px;box-shadow:0 15px 40px rgba(0,0,0,.25)}.mobile-more[hidden],.more-backdrop[hidden]{display:none}.mobile-more-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px}.mobile-more-head button{border:0;background:#eee;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.mobile-more>a,.mobile-more form button{width:100%;min-height:48px;border:0;border-top:1px solid var(--border);background:#fff;display:flex;align-items:center;gap:12px;padding:10px;text-align:left}.mobile-more form{margin:0}.mobile-more .icon{width:20px}
}

@media(max-width:374px){
  .container{padding-left:12px;padding-right:12px}.kpi-grid{gap:5px}.kpi-card{padding:7px 3px}.kpi-card>div>span{font-size:8px}
  .session-row{grid-template-columns:43px 31px minmax(0,1fr);gap:6px;min-height:96px;padding:9px 8px}
  .session-date{grid-row:1/3}.session-info{grid-column:3;grid-row:1}.session-info h3{display:block;overflow:visible;text-overflow:clip;white-space:normal;-webkit-line-clamp:unset}.session-info p{white-space:normal;overflow:visible}
  .session-time{grid-column:3;grid-row:2;margin-top:0}.session-attendance{grid-column:2/4;grid-row:3;justify-content:flex-end}.attendance-badge{padding:4px 7px}.attendance-badge .icon{display:none}.choice{font-size:9px;padding:4px}
}
.status-mark{font-size:17px;font-weight:900;line-height:1}
.session-row[data-session-url]{cursor:pointer}.session-row[data-session-url]:focus-visible{outline:3px solid rgba(255,212,0,.72);outline-offset:2px}

/* Detall de sessió */
.session-detail{max-width:1180px;margin:auto}.back-link{display:inline-flex;margin:0 0 16px;color:var(--muted);font-size:13px;font-weight:700}.back-link:hover{color:var(--red)}
.session-detail-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start;background:#fff;border:1px solid var(--border);border-left:5px solid var(--red);border-radius:14px;padding:22px 24px;box-shadow:var(--shadow)}.session-detail-head.match{border-left-color:var(--yellow)}.session-detail-head .session-symbol{width:58px;height:58px}.session-detail-head h1{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.035em;margin:2px 0 7px}.session-detail-head .eyebrow{margin:0}.session-description{color:var(--muted);margin:0 0 12px}.session-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 20px;color:var(--muted);font-size:13px}.session-detail-meta span,.session-detail-meta a{display:inline-flex;align-items:center;gap:6px}.session-detail-meta a{text-decoration:underline;text-underline-offset:3px}.session-detail-meta a:hover{color:var(--red)}.session-detail-meta .icon{width:16px;height:16px}
.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.detail-summary article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px 18px;display:flex;align-items:baseline;gap:10px;box-shadow:var(--shadow)}.detail-summary strong{font-size:28px;line-height:1}.detail-summary span{font-size:12px;color:var(--muted)}.detail-summary .yes{border-left:4px solid var(--green)}.detail-summary .no{border-left:4px solid var(--red)}.detail-summary .pending{border-left:4px solid var(--orange)}
.attendance-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.attendance-group{background:#fff;border:1px solid var(--border);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.attendance-group>header{display:flex;gap:10px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--border)}.attendance-group>header .status-dot{margin-top:1px}.attendance-group>header h2{font-size:17px;margin:0;display:flex;align-items:center;gap:7px}.attendance-group>header h2 b{min-width:24px;height:24px;border-radius:99px;background:#f0efeb;display:grid;place-items:center;font-size:11px}.attendance-group>header p{margin:3px 0 0;color:var(--muted);font-size:11px}.attendance-role{margin-top:15px}.attendance-role h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.attendance-role h3 span{min-width:20px;height:20px;border-radius:99px;background:#f1f0eb;display:grid;place-items:center;font-size:10px}.attendance-role ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.attendance-person{min-height:52px;border:1px solid var(--border);border-radius:10px;padding:7px 9px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center}.person-avatar{width:34px;height:34px;border-radius:9px;background:var(--yellow);display:grid;place-items:center;font-size:12px;font-weight:850}.person-avatar.goalkeeper{background:var(--black);color:var(--yellow)}.attendance-person strong{display:block;font-size:12px}.attendance-person small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.player-number{font-size:10px;font-weight:800;color:var(--muted)}.attendance-empty{border:1px dashed var(--border);border-radius:9px;padding:11px;text-align:center;color:var(--muted);font-size:11px}.player-detail-attendance{margin-top:18px}.player-detail-attendance h2{font-size:20px}.player-detail-attendance .session-date,.player-detail-attendance .row-arrow{display:none}.player-detail-attendance .session-row{grid-template-columns:52px minmax(0,1fr) 130px minmax(155px,auto)}
.next-session-when>span,.day-heading strong{text-transform:none}.next-session-when>span::first-letter,.day-heading strong::first-letter{text-transform:uppercase}
@media(min-width:768px) and (max-width:1100px){
  .home-hero{grid-template-columns:230px minmax(0,1fr)}.year-mark{display:none}
  .kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-card:nth-child(5){grid-column:span 2}
  .dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{grid-template-columns:repeat(2,1fr)}
  .session-row{min-height:88px;grid-template-columns:56px 44px minmax(0,1fr) 100px minmax(145px,auto) 18px;gap:9px}
  .session-row .session-symbol{width:44px;height:44px}.session-info h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(max-width:767px){
  .home-hero{gap:14px}
  .welcome{isolation:isolate}
  .welcome:after{z-index:0;opacity:.72;font-size:52px;letter-spacing:-.06em;line-height:1;pointer-events:none}
  .welcome>*{position:relative;z-index:1}
  .welcome>p:last-child{max-width:255px}
  .next-session{padding:13px}
  .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}
  .kpi-card{min-width:0;min-height:80px;padding:8px 4px;gap:3px}
  .session-row{position:relative}
  .session-attendance,.attendance-form{position:static}
  .attendance-form:has(.attendance-choices:not([hidden])) .attendance-current{display:none}
  .attendance-choices{left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px}
  .choice{width:100%;min-width:0;height:44px;padding:0 6px;gap:4px;font-size:11px;white-space:nowrap}
  .choice .icon{display:block;width:15px;height:15px}
  .change-answer{min-height:34px;padding:7px 5px;font-size:11px}
  .session-row:has(.attendance-choices:not([hidden])){padding-bottom:66px}
  .session-detail{margin-top:0}.back-link{margin-bottom:12px}.session-detail-head{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px 14px}.session-detail-head .session-symbol{width:46px;height:46px}.session-detail-head h1{font-size:25px}.session-detail-meta{display:grid;gap:8px;font-size:12px}.detail-summary{gap:6px;margin:12px 0}.detail-summary article{display:grid;gap:3px;padding:11px 8px;text-align:center}.detail-summary strong{font-size:23px}.detail-summary span{font-size:9px}.attendance-groups{grid-template-columns:1fr;gap:10px}.attendance-group{padding:14px}.attendance-role{margin-top:12px}.attendance-person{min-height:50px}.player-detail-attendance .session-row{grid-template-columns:34px minmax(0,1fr) auto}.player-detail-attendance .session-symbol{grid-column:1}.player-detail-attendance .session-info{grid-column:2}.player-detail-attendance .session-time{grid-column:2}.player-detail-attendance .session-attendance{grid-column:3;grid-row:1/3}
}