@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{--bg: #fff7ed;--surface: #ffffff;--surface-soft: #f8fafc;--text: #172033;--text-soft: #475569;--muted: #7b8794;--line: #e4e8ee;--accent: #e21b2d;--accent-soft: #fff1f2;--brand: #e21b2d;--brand-deep: #a8071a;--success: #15803d;--danger: #b42318;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--bg);margin:0}.matches-page{font-family:Rajdhani,ui-sans-serif,system-ui,sans-serif}.dashboard-page{font-family:Oxanium,Rajdhani,ui-sans-serif,system-ui,sans-serif}.dashboard-tile strong,.matches-page .stat-value,.matches-page .role-pill,.matches-page .team-box-head button{font-family:Oxanium,Rajdhani,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}.dashboard-page .section-title,.matches-page .section-title,.matches-page .panel-header h3,.matches-page .list-title,.matches-page .team-box-head strong,.matches-page .segmented-control button,.matches-page .primary,.matches-page .ghost{font-family:Rajdhani,ui-sans-serif,system-ui,sans-serif;font-weight:700}button,input,select{font:inherit}button{border:0;cursor:pointer}h1,h2,h3,p{margin:0}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;height:100vh;padding:16px;position:sticky;top:0}.brand,.account{align-items:center;display:flex;gap:10px}.brand strong,.account strong{font-weight:600}.brand small,.account small{color:var(--muted);display:block;font-size:12px;margin-top:2px}.logo{align-items:center;background:#fff;border:1px solid rgba(138,21,56,.16);border-radius:8px;display:inline-flex;height:36px;justify-content:center;overflow:hidden;padding:5px;width:36px}.logo img{display:block;height:100%;object-fit:contain;width:100%}.logo.large{height:52px;width:52px}nav{display:grid;gap:2px}nav button,.account .icon{align-items:center;background:transparent;border-radius:8px;color:var(--text-soft);display:flex;gap:10px;min-height:40px;padding:8px 9px;text-align:left}nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:500}nav button:hover,.account .icon:hover{background:#f1f5f9}.nav-icon,.mobile-nav-icon{align-items:center;background:transparent;color:currentColor;display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;width:24px}.tone-sunset,.tone-coral,.tone-lime,.tone-sky,.tone-gold,.tone-ember,.tone-violet{background:transparent;color:currentColor}.account{border-top:1px solid var(--line);margin-top:auto;padding-top:12px}.account .icon{margin-left:auto;min-height:34px;padding:6px}.content{display:grid;gap:14px;max-width:1080px;min-height:100vh;padding:20px;position:relative;width:100%}.content:before{background:url(/pickleball-watermark.png) center / contain no-repeat;bottom:76px;content:"";height:min(46vw,520px);opacity:.075;pointer-events:none;position:fixed;right:max(18px,8vw);width:min(46vw,520px);z-index:0}.content>*{position:relative;z-index:1}.topbar{align-items:center;background:linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.1) 42% 55%,transparent 55%),radial-gradient(circle at 92% -30%,rgba(255,205,160,.2),transparent 38%),linear-gradient(135deg,#9f1239,#c5162a 54%,#e76f51);border:1px solid rgba(159,18,57,.14);border-radius:8px;color:#fff;display:flex;justify-content:flex-start;min-height:68px;overflow:hidden;padding:11px 14px;position:relative}.topbar:after{background:#ffedd524;border-radius:8px;content:"";height:92px;position:absolute;right:18px;top:-32px;transform:skew(-22deg);width:96px}.topbar>*{position:relative;z-index:1}.topbar-title{align-items:center;display:flex;gap:11px;min-width:0}.topbar-logo{background:transparent;border:0;box-shadow:none;flex:0 0 auto;height:44px;padding:0;width:44px}.topbar strong{display:block;font-size:18px;font-family:inherit;font-weight:600;margin-top:2px}.app-footer{background:linear-gradient(112deg,transparent 0 42%,rgba(226,27,45,.08) 42% 55%,transparent 55%),linear-gradient(135deg,#fff,#fff7ed);border:1px solid rgba(226,27,45,.14);border-left:4px solid var(--brand);border-radius:8px;color:#7f1d1d;font-size:12px;font-weight:600;margin-top:2px;padding:10px 12px;text-align:center}.eyebrow,.muted-label{color:var(--muted);font-size:12px;font-weight:500}.eyebrow{text-transform:none}.mobile-nav{display:none}.page-grid,.stack-list,.operator-form,.modal-form{display:grid;gap:10px}.page-heading{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:0 4px}.page-heading>.primary{flex:0 0 auto;min-height:38px;padding:0 12px}.section-title{color:var(--text);font-size:21px;font-weight:600;letter-spacing:0;line-height:1.25}.panel-card,.stat-card,.list-card,.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none;padding:12px}.panel-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.panel-header h3{align-items:center;display:flex;font-size:15px;font-weight:500;gap:7px;margin:0}.stat-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.match-summary-strip{display:grid;gap:8px}.stat-card{display:grid;gap:6px;min-height:76px}.stat-value{color:var(--text);font-size:22px;font-weight:600;line-height:1.15}.summary-strip{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip strong{display:block;font-size:19px;font-weight:500;margin-top:4px}.dashboard-hero{background:radial-gradient(circle at 88% 28%,rgba(255,255,255,.92) 0 10px,transparent 11px),radial-gradient(circle at 88% 28%,rgba(132,204,22,.24) 0 35px,transparent 36px),linear-gradient(90deg,transparent 0 32%,rgba(255,255,255,.58) 32% 34%,transparent 34% 66%,rgba(255,255,255,.5) 66% 68%,transparent 68%),linear-gradient(0deg,transparent 0 54%,rgba(255,255,255,.5) 54% 56%,transparent 56%),linear-gradient(135deg,#fff,#f0fdf4 48%,#fed7aa);border:1px solid rgba(34,197,94,.18);border-radius:8px;box-shadow:0 12px 28px #15803d14;color:var(--text);display:grid;min-height:112px;overflow:hidden;padding:16px;position:relative}.dashboard-hero:after{background:radial-gradient(circle,rgba(132,204,22,.9) 0 2px,transparent 3px);background-size:10px 10px;border:2px solid rgba(132,204,22,.38);border-radius:999px;content:"";height:48px;opacity:.5;position:absolute;right:22px;top:20px;width:48px}.dashboard-hero div:first-child{display:grid;gap:5px}.dashboard-hero span{color:#c2410c;font-size:12px;font-weight:800;text-transform:uppercase}.dashboard-hero strong{color:#101827;font-size:29px;font-weight:900;line-height:1.05;text-shadow:1px 0 0 rgba(239,68,68,.28),-1px 0 0 rgba(34,211,238,.22),0 2px 0 rgba(251,146,60,.12)}.dashboard-hero small{color:var(--text-soft)}.dashboard-grid{display:grid;gap:8px}.dashboard-tile{align-items:center;background:linear-gradient(118deg,transparent 0 42%,rgba(34,197,94,.1) 42% 50%,transparent 50%),linear-gradient(135deg,#fffffffa,#f0fdf4e6);border:1px solid rgba(34,197,94,.14);border-radius:8px;box-shadow:0 10px 22px #7c2d1212;color:var(--text);display:flex;justify-content:space-between;min-height:76px;overflow:hidden;padding:13px 14px;position:relative}.dashboard-tile:after{animation:dashboardSparkle 2.2s ease-in-out infinite;background:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 2px),#a3e635;background-size:5px 5px,auto;border-radius:999px;clip-path:none;content:"";height:14px;opacity:.38;position:absolute;right:18px;top:14px;width:14px}@keyframes dashboardSparkle{0%,to{opacity:.22;transform:scale(.82) rotate(0)}50%{opacity:.72;transform:scale(1.18) rotate(24deg)}}.dashboard-tile.players{background:radial-gradient(circle at 92% 12%,rgba(132,204,22,.18),transparent 24%),linear-gradient(118deg,transparent 0 42%,rgba(34,197,94,.1) 42% 50%,transparent 50%),linear-gradient(135deg,#fff,#f0fdf4)}.dashboard-tile.attendance{background:radial-gradient(circle at 92% 12%,rgba(45,212,191,.16),transparent 24%),linear-gradient(118deg,transparent 0 42%,rgba(45,212,191,.08) 42% 50%,transparent 50%),linear-gradient(135deg,#fff,#ecfeff)}.dashboard-tile.matches{background:radial-gradient(circle at 92% 12%,rgba(248,113,113,.13),transparent 24%),linear-gradient(118deg,transparent 0 42%,rgba(226,27,45,.08) 42% 50%,transparent 50%),linear-gradient(135deg,#fff,#fff1f2)}.dashboard-tile.fund{background:radial-gradient(circle at 92% 12%,rgba(251,146,60,.16),transparent 24%),linear-gradient(118deg,transparent 0 42%,rgba(251,146,60,.12) 42% 50%,transparent 50%),linear-gradient(135deg,#fff,#ffedd5)}.dashboard-tile span{color:#9a3412;font-size:13px;font-weight:700;text-transform:uppercase}.dashboard-tile strong{color:var(--text);font-size:26px;font-weight:900;text-align:right;text-shadow:1px 0 0 rgba(239,68,68,.22),-1px 0 0 rgba(138,21,56,.18)}.muted,.muted-copy{color:var(--muted)}.muted-copy{font-size:13px;line-height:1.45;margin-top:3px}.list-card{display:grid;gap:10px}.list-card>div:first-child,.list-card-main{min-width:0}.list-card-row{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.list-card-main{display:grid;gap:3px}.list-actions{align-items:center;display:flex;flex:0 0 auto;gap:6px;justify-content:flex-end}.list-search{align-items:center;display:flex;gap:8px;margin:4px 0 2px}.list-search .field-input{min-height:40px}.ghost.compact{font-size:12px;min-height:34px;padding:0 10px}.debt-row{align-items:center;background:linear-gradient(135deg,#fff,#f8fffb);border-color:#14b8a624;gap:7px}.debt-row .list-title{font-weight:800}.debt-row .list-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px}.debt-row .role-pill{font-size:11px;min-height:26px;padding:4px 6px}.debt-row .settle-button{font-size:11px;min-height:26px;padding:0 6px}.debt-row .danger-icon.compact{height:28px;min-height:28px;width:28px}.debt-row.with-qr{background:linear-gradient(135deg,#f0fdfa,#fff7ed);border-color:#14b8a642}.list-card-extra{min-width:0}.finance-history-row.income{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#14b8a638}.finance-history-row.expense{background:linear-gradient(135deg,#fff1f2,#fff);border-color:#f8717138}.list-title{font-weight:500}.match-history-card{align-items:flex-start}.match-battle-card{background:radial-gradient(circle at 94% 10%,rgba(20,184,166,.13),transparent 22%),linear-gradient(118deg,transparent 0 44%,rgba(255,255,255,.62) 44% 51%,transparent 51%),linear-gradient(135deg,#fff,#fff7ed);border:1px solid rgba(251,146,60,.22);border-left:4px solid #14b8a6;border-radius:10px;box-shadow:0 12px 26px #7c2d1214;display:grid;gap:10px;overflow:hidden;padding:11px;position:relative}.match-battle-head,.match-history-footer{align-items:center;display:flex;gap:8px;justify-content:space-between}.match-battle-head strong{color:#7f1d1d;font-size:15px;font-weight:800}.match-battle-tools{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.match-battle-tools span{background:linear-gradient(135deg,#ef4444,#fb7185);box-shadow:0 6px 14px #ef44442e;border-radius:999px;color:#fff;font-size:12px;font-weight:800;padding:5px 8px;white-space:nowrap}.history-battle-arena{background:radial-gradient(circle at 50% 50%,rgba(251,191,36,.34),transparent 20%),linear-gradient(90deg,#fef3c7c7 0,#fef3c7c7 47%,#f0fdfad1 53%,#f0fdfad1);border:1px solid rgba(251,146,60,.18);border-radius:10px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);padding:7px}.history-battle-team{border-radius:9px;display:grid;gap:7px;min-width:0;padding:8px 7px}.history-battle-team.side-a{background:#fffbebf5;border:1px solid rgba(245,158,11,.28)}.history-battle-team.side-b{background:#f0fdfaf5;border:1px solid rgba(20,184,166,.26)}.history-battle-team.winner{border-color:#ef444457;box-shadow:inset 0 0 0 2px #fb923c29,0 8px 18px #f973161a}.history-battle-label{align-items:center;display:flex;justify-content:space-between}.history-battle-label strong{font-size:13px;font-weight:800}.history-battle-label span{background:linear-gradient(135deg,#ef4444,#f97316);border-radius:999px;color:#fff;font-size:10px;font-weight:800;padding:3px 6px}.history-player-list{display:grid;gap:6px}.history-player{align-items:center;background:#ffffffdb;border:1px solid rgba(251,146,60,.14);border-radius:8px;display:flex;gap:7px;min-height:38px;min-width:0;padding:5px 7px}.history-player span{font-size:12px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-player-avatar{height:28px;width:28px}.history-vs{align-items:center;display:grid;justify-items:center;position:relative}.history-vs .vs-bolt{background:linear-gradient(180deg,#facc15,#fb7185);box-shadow:0 0 18px #fb923c3d;height:58px;top:auto;width:24px}.history-vs strong{color:#fff;font-family:Oxanium,Rajdhani,system-ui,sans-serif;font-size:22px;font-weight:900;position:relative;text-shadow:2px 2px 0 #dc2626,-1px -1px 0 #ea580c,0 6px 12px rgba(249,115,22,.22);z-index:1}.match-history-actions{align-items:flex-end;display:grid;gap:8px;justify-items:end}.danger-icon{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:var(--danger);display:inline-flex;height:36px;justify-content:center;width:36px}.danger-icon.compact{height:30px;width:30px}.danger-icon:disabled{cursor:not-allowed;opacity:.55}.row-actions{align-items:center;display:inline-flex;gap:6px;justify-content:flex-end}.account-list-panel{gap:10px}.account-rows{display:grid;gap:7px}.account-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto auto;min-height:58px;padding:9px}.account-row-main{align-items:baseline;display:flex;gap:7px;min-width:0}.account-row-main strong,.account-row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-row-main strong{color:var(--text);flex:1 1 auto;font-size:14px;font-weight:800;min-width:0}.account-row-main span{color:var(--text-soft);flex:0 1 auto;font-size:12px;max-width:86px}.account-row-status,.account-row-actions{align-items:center;display:inline-flex;gap:5px}.account-row-actions .icon-button,.account-row-actions .danger-icon{height:32px;min-height:32px;width:32px}.account-detail{display:grid;gap:8px}.account-detail div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:3px;padding:9px 10px}.account-detail span{color:var(--muted);font-size:12px}.account-detail strong{color:var(--text);font-size:14px;overflow-wrap:anywhere}.field{color:var(--text-soft);display:grid;gap:5px;font-size:14px}.field-label{color:var(--text-soft);font-size:12px;font-weight:500}input,select,.field-input{background:var(--surface);border:1px solid #cfd6df;border-radius:8px;color:var(--text);min-height:44px;padding:9px 11px;width:100%}.field-input:focus,input:focus,select:focus{border-color:var(--accent);outline:2px solid rgba(226,27,45,.14)}.primary,.ghost,.icon-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:500;gap:8px;justify-content:center;min-height:42px;padding:0 13px;white-space:nowrap}.primary{background:linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.18) 38% 50%,transparent 50%),linear-gradient(135deg,#b4071b,var(--accent) 58%,#ff5538);box-shadow:0 8px 18px #e21b2d29;color:#fff}.primary:hover{background:linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.2) 38% 50%,transparent 50%),linear-gradient(135deg,#970617,#cf1326 58%,#f04438)}.ghost,.icon-button{background:var(--surface);border:1px solid var(--line);color:var(--text-soft)}.primary:disabled,.ghost:disabled{cursor:not-allowed;opacity:.55}.icon-button{height:36px;padding:0;width:36px}.icon-text{gap:7px}.form-grid{display:grid;gap:9px}.form-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.form-error,.form-success{border-radius:8px;font-size:14px;padding:9px 11px}.form-error{background:#fff7f7;border:1px solid #fecaca;color:var(--danger)}.form-success{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--success)}.role-pill,.status-chip{border-radius:8px;display:inline-flex;font-size:12px;font-weight:500;padding:5px 8px;white-space:nowrap}.role-pill{background:#f1f5f9;border:1px solid var(--line);color:var(--text-soft)}.role-pill.tone-income{background:#f0fdf4;border-color:#bbf7d0;color:var(--success)}.role-pill.tone-expense{background:#fff5f5;border-color:#fecaca;color:var(--danger)}.role-pill.tone-pending{background:#fffbeb;border-color:#fde68a;color:#b45309}.settle-button{font-size:12px;min-height:30px;padding:0 9px}.status-chip{background:#f8fafc;border:1px solid var(--line);color:var(--muted)}.status-chip.active{background:#f0fdf4;border-color:#bbf7d0;color:var(--success)}.status-chip.approval-pending{background:#fffbeb;border-color:#fde68a;color:#b45309}.status-chip.approval-approved{background:#f0fdf4;border-color:#bbf7d0;color:var(--success)}.status-chip.approval-rejected{background:#fff5f5;border-color:#fecaca;color:var(--danger)}.login-page{align-items:center;background:linear-gradient(rgba(226,27,45,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(226,27,45,.035) 1px,transparent 1px),radial-gradient(circle at 18% 8%,rgba(226,27,45,.14),transparent 30%),radial-gradient(circle at 88% 82%,rgba(251,146,60,.18),transparent 26%),linear-gradient(135deg,#fff7ed,#fff1f2 48%,#fffaf4);background-size:28px 28px,28px 28px,auto,auto,auto;display:flex;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:18px;position:relative}.login-page:before,.login-page:after{background:linear-gradient(135deg,#e21b2d47,#ffb14224);content:"";height:190px;position:absolute;transform:skew(-22deg);width:74px}.login-page:before{left:10%;top:-42px}.login-page:after{bottom:-52px;right:9%}.login-panel{background:linear-gradient(128deg,transparent 0 38%,rgba(226,27,45,.055) 38% 52%,transparent 52%),linear-gradient(180deg,#fffffffa,#fffaf4fa);border:1px solid rgba(226,27,45,.14);box-shadow:0 22px 50px #7c2d1221,inset 0 0 0 1px #ffffffd1;color:var(--text);display:grid;gap:14px;max-width:392px;padding:28px;position:relative;width:100%;z-index:1}.login-panel:before,.login-panel:after{border-color:#e21b2d5c;border-style:solid;content:"";height:30px;position:absolute;width:30px}.login-panel:before{border-width:1px 0 0 1px;left:12px;top:12px}.login-panel:after{border-width:0 1px 1px 0;bottom:12px;right:12px}.login-mark{display:flex;justify-content:center}.login-panel .logo.large{background:#fff;border:1px solid rgba(226,27,45,.18);border-radius:8px;box-shadow:0 10px 22px #e21b2d1f;height:58px;padding:7px;width:58px}.login-copy{display:grid;gap:7px;text-align:center}.login-copy>span{color:var(--brand);font-size:13px;font-weight:600;letter-spacing:0}.login-panel h1{color:var(--text);font-size:29px;font-weight:700;letter-spacing:0;line-height:1.15;text-shadow:0 8px 22px rgba(226,27,45,.28)}.login-panel p{color:var(--text-soft);font-size:16px;font-weight:500;line-height:1.35}.login-tabs{background:#f1f5f9;border:1px solid var(--line);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.login-tabs button{background:transparent;border-radius:6px;color:var(--text-soft);font-size:14px;font-weight:600;min-height:38px}.login-tabs button.active{background:linear-gradient(135deg,#e21b2d,#ff5538);box-shadow:0 8px 18px #e21b2d4d;color:#fff}.login-panel .field{color:var(--text-soft);font-size:13px;font-weight:600;letter-spacing:0}.login-panel .field-input{background:#fff;border-color:#cfd6df;border-radius:8px;color:var(--text);min-height:46px}.login-panel .field-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #e21b2d1f}.login-submit{background:linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.2) 38% 50%,transparent 50%),linear-gradient(135deg,#b4071b,#e21b2d 58%,#ff5538);border-radius:8px;box-shadow:0 10px 22px #e21b2d2e;color:#fff;font-size:16px;font-weight:700;min-height:50px}.login-submit:disabled{cursor:not-allowed;opacity:.58}.login-hint{background:#fff1f2;border:1px solid rgba(226,27,45,.14);border-radius:8px;color:#7f1d1d;font-size:13px;font-weight:400;line-height:1.5;padding:9px 11px}.login-hint span{color:var(--brand-deep);font-weight:600}.match-entry{display:grid;gap:10px}.battle-arena{background:linear-gradient(90deg,#facc152e 0,#facc152e 48%,#e21b2d2e 52%,#e21b2d2e),linear-gradient(135deg,#fffdf7,#fff7ed);border:1px solid rgba(251,146,60,.18);border-radius:8px;display:grid;gap:8px;grid-template-areas:"teamA vs teamB";grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);overflow:hidden;padding:9px;position:relative}.battle-arena:before{background:linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.48) 42% 47%,transparent 47%),linear-gradient(68deg,transparent 0 50%,rgba(17,24,39,.08) 50% 54%,transparent 54%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.battle-team{border-radius:8px;display:grid;gap:8px;min-width:0;padding:9px;position:relative;z-index:1}.battle-team.team_a{background:linear-gradient(135deg,#fef3c7eb,#ffffffe6);border:1px solid rgba(245,158,11,.24);grid-area:teamA}.battle-team.team_b{background:linear-gradient(135deg,#fee2e2f0,#ffffffe6);border:1px solid rgba(226,27,45,.22);grid-area:teamB}.battle-team.winner{box-shadow:0 10px 22px #f9731629}.battle-team-head{align-items:center;display:flex;justify-content:space-between}.battle-team-head strong{color:#111827;font-size:16px;font-weight:800}.battle-team-head span{background:#111827;border-radius:999px;color:#fff;font-size:11px;font-weight:800;padding:4px 8px}.vs-panel{align-items:center;align-self:stretch;display:grid;gap:8px;grid-area:vs;justify-items:center;position:relative;z-index:2}.vs-bolt{background:#111827;clip-path:polygon(55% 0,31% 43%,48% 43%,31% 100%,75% 35%,55% 35%);height:72px;opacity:.95;position:absolute;top:6px;width:34px}.vs-panel>strong{color:#fff;font-family:Oxanium,Rajdhani,system-ui,sans-serif;font-size:28px;font-weight:900;line-height:1;text-shadow:2px 2px 0 #111827,-1px -1px 0 #111827,0 8px 14px rgba(17,24,39,.25);z-index:1}.winner-toggle{display:grid;gap:5px;width:100%}.winner-toggle button{background:#ffffffc7;border:1px solid rgba(17,24,39,.1);border-radius:8px;color:var(--text-soft);font-size:12px;font-weight:800;min-height:32px;padding:0 6px}.winner-toggle button.active{background:#111827;color:#fff}.finance-summary{display:grid;gap:8px}.finance-tabs{overflow-x:auto;scrollbar-width:none}.finance-tabs::-webkit-scrollbar{display:none}.finance-tabs button{min-width:86px;white-space:nowrap}.finance-summary-row{align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:8px;display:flex;gap:12px;justify-content:space-between;min-height:68px;padding:11px 12px}.finance-summary-row.income{border-left-color:var(--success)}.finance-summary-row.expense{border-left-color:var(--danger)}.finance-summary-row.balance{background:linear-gradient(135deg,#fffffff5,#f8fafcfa),linear-gradient(135deg,#e21b2d14,#8a15380f);border-left-color:var(--brand)}.finance-summary-row.pending{background:linear-gradient(135deg,#fffffff5,#fffbebfa);border-left-color:#f59e0b}.finance-summary-row div{display:grid;gap:3px;min-width:0}.finance-summary-row strong{font-size:14px;font-weight:700}.finance-summary-row span{color:var(--muted);font-size:12px}.finance-summary-row b{color:var(--text);font-size:21px;font-weight:800;text-align:right;white-space:nowrap}.finance-summary-row.income b{color:var(--success)}.finance-summary-row.expense b{color:var(--danger)}.finance-summary-row.balance b{color:var(--brand)}.finance-summary-row.pending b{color:#b45309}.finance-form{gap:12px}.finance-type-switch{background:#eef1f5;border:1px solid var(--line);border-radius:8px;display:grid;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px}.finance-type-switch button{background:transparent;border-radius:6px;color:var(--text-soft);font-weight:600;min-height:40px}.finance-type-switch button.active:first-child{background:#dcfce7;color:var(--success)}.finance-type-switch button.active:last-child{background:#fee2e2;color:var(--danger)}.money-input{font-size:19px;font-weight:700;text-align:right}.qr-panel{gap:12px}.qr-help{background:linear-gradient(135deg,#fff7ed,#f8fafc);border:1px solid #fed7aa;border-radius:8px;color:var(--text-soft);display:grid;gap:4px;line-height:1.45;padding:10px}.qr-help strong{color:var(--text)}.vietqr-image{background:#fff;border:1px solid var(--line);border-radius:8px;display:block;margin:0 auto;max-width:320px;padding:8px;width:100%}.vietqr-image.inline{max-width:124px;padding:5px}.vietqr-image.preview{max-width:210px;padding:6px}.vietqr-image.entry{max-width:148px;padding:5px}.entry-qr-card{align-items:center;background:linear-gradient(135deg,#ecfdf5fa,#fff7edfa),linear-gradient(120deg,#14b8a61f,#f973161a);border:1px solid rgba(20,184,166,.2);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px}.entry-qr-copy{display:grid;gap:5px;min-width:0}.entry-qr-copy strong{color:#0f766e;font-size:15px;font-weight:800}.entry-qr-copy span{color:var(--text-soft);font-size:12px;line-height:1.35}.inline-qr-card{align-items:center;background:linear-gradient(135deg,#ecfdf5,#fff7ed);border:1px solid rgba(20,184,166,.2);border-radius:8px;display:flex;gap:10px;padding:8px;width:100%}.inline-qr-info{display:grid;gap:3px;min-width:0}.inline-qr-info strong{color:#ea580c;font-size:17px}.inline-qr-info span{color:var(--text-soft);font-size:12px;line-height:1.35}.qr-preview-card{align-items:center;background:linear-gradient(135deg,#ecfdf5,#fff7ed);border:1px solid rgba(20,184,166,.18);border-radius:8px;display:grid;gap:10px;justify-items:center;padding:10px;text-align:center}.qr-preview-card>div{display:grid;gap:3px}.qr-preview-card strong{color:var(--text)}.qr-preview-card span{color:var(--text-soft);font-size:13px}.qr-modal-body{display:grid;gap:10px;text-align:center}.match-entry-top{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.fee-config{display:grid;gap:6px}.fee-presets{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.fee-presets::-webkit-scrollbar{display:none}.fee-presets button{background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--text-soft);flex:0 0 auto;font-size:12px;font-weight:600;min-height:32px;padding:0 9px;white-space:nowrap}.fee-presets button.active{background:#fff7ed;border-color:#fb923c;color:#c2410c}.fee-presets button:disabled{cursor:not-allowed;opacity:.55}.player-slot-toolbar{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto}.player-mode-switch{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;display:grid;gap:2px;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px}.player-mode-switch button{background:transparent;border-radius:5px;color:var(--text-soft);font-size:11px;font-weight:600;min-height:28px}.player-mode-switch button.active{background:#fff;box-shadow:0 3px 9px #0f172a14;color:var(--brand)}.player-source-pill{align-items:center;background:#ecfdf5;border:1px solid rgba(20,184,166,.22);border-radius:7px;color:#0f766e;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;min-height:34px;padding:0 9px}.fee-waive-pill{align-items:center;background:#fff;border:1px solid #fed7aa;border-radius:7px;color:#9a3412;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;min-height:34px;padding:0 9px;white-space:nowrap}.fee-waive-pill svg{flex:0 0 auto}.fee-waive-pill.active{background:#fff7ed;border-color:#fb923c;color:#c2410c}.team-picker-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.team-box{background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:8px;display:grid;gap:8px;padding:9px}.team-box.winner{background:linear-gradient(135deg,#fff,#fff1f2);border-color:#e21b2d52}.team-box-head{align-items:center;display:flex;justify-content:space-between}.team-box-head strong{font-size:14px;font-weight:500}.team-box-head button{background:#fff;border:1px solid rgba(226,27,45,.24);border-radius:8px;color:var(--accent);font-size:12px;font-weight:600;min-height:30px;padding:0 10px}.team-box-head button.active{background:linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.18) 38% 50%,transparent 50%),linear-gradient(135deg,#b4071b,var(--accent) 58%,#ff5538);border-color:var(--accent);color:#fff;box-shadow:0 7px 16px #e21b2d33}.player-slot-row{align-items:start;background:#ffffffb8;border:1px solid rgba(226,232,240,.86);border-radius:8px;display:grid;gap:7px;grid-template-columns:24px minmax(0,1fr);padding:6px}.player-slot-index{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:var(--text-soft);display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-top:5px;width:24px}.quick-player{display:grid;gap:6px;position:relative}.player-chip{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--text);display:inline-flex;font-size:13px;font-weight:500;gap:8px;justify-content:flex-start;min-height:42px;padding:0 10px;width:100%}.player-chip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip-avatar{height:28px;width:28px}.player-chip svg{color:var(--muted);flex:0 0 auto}.player-options{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 18px #0f172a14;display:grid;max-height:210px;overflow:auto;padding:5px;position:static;z-index:1}.player-options button{align-items:center;background:transparent;border-radius:7px;color:var(--text);display:flex;justify-content:space-between;min-height:36px;padding:8px 9px;text-align:left}.player-options button:hover{background:#f1f5f9}.player-options small{color:var(--muted)}.save-match{width:100%}.checkin-hero{background:linear-gradient(116deg,rgba(255,255,255,.1) 0 32%,rgba(255,255,255,.24) 32% 43%,transparent 43%),radial-gradient(circle at 92% 0%,rgba(209,250,229,.48),transparent 32%),linear-gradient(135deg,#0f766e,#14b8a6 58%,#67e8f9);border-radius:8px;color:#fff;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 180px 150px;overflow:hidden;padding:15px;position:relative}.checkin-hero.checked{background:linear-gradient(116deg,rgba(255,255,255,.1) 0 32%,rgba(255,255,255,.22) 32% 43%,transparent 43%),radial-gradient(circle at 92% 0%,rgba(236,253,245,.46),transparent 32%),linear-gradient(135deg,#047857,#10b981 58%,#5eead4)}.checkin-hero>*{position:relative;z-index:1}.checkin-copy{display:grid;gap:4px;min-width:0}.checkin-kicker{align-items:center;color:#ffffffd6;display:inline-flex;font-size:12px;font-weight:700;gap:6px;text-transform:uppercase}.checkin-copy strong{font-size:24px;font-weight:800;line-height:1.05}.checkin-copy span{color:#ffffffdb;font-size:13px}.checkin-hero .field-label{color:#ffffffdb}.checkin-date{background:#fffffff5;border-color:#ffffff57}.checkin-button{align-items:center;align-self:end;background:#fff;border-radius:8px;box-shadow:0 10px 22px #0f766e33;color:#0f766e;display:inline-flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 14px}.checkin-button:hover:not(:disabled){transform:translateY(-1px)}.checkin-button:focus-visible{outline:3px solid rgba(255,255,255,.38);outline-offset:2px}.checkin-button:disabled{background:#ffffff9e;box-shadow:none;color:#17203394;cursor:not-allowed}.checkin-glow{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.checkin-glow span{background:#ffffffb8;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);height:10px;opacity:.5;position:absolute;width:10px}.checkin-glow span:nth-child(1){left:42%;top:18%}.checkin-glow span:nth-child(2){right:15%;top:20%}.checkin-glow span:nth-child(3){bottom:18%;left:22%}.attendance-detail{display:grid;gap:10px}.attendance-columns{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-columns>div{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;padding:10px}.attendance-columns strong{font-size:14px;font-weight:700}.member-pill-list{display:flex;flex-wrap:wrap;gap:6px}.member-pill-list small{color:var(--muted)}.member-pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 8px}.member-pill.present{background:#dcfce7;color:var(--success)}.member-pill.absent{background:#fff5f5;color:var(--danger)}.attendance-calendar{display:grid;gap:9px}.calendar-actions{display:flex;gap:6px}.calendar-actions .ghost{min-height:34px;padding:0 10px}.calendar-weekdays,.month-grid{display:grid;gap:5px;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{color:var(--muted);font-size:11px;font-weight:700;text-align:center}.month-day{align-items:center;aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);display:grid;gap:2px;justify-items:center;min-width:0;padding:4px 2px}.month-day strong{font-size:13px;font-weight:700;line-height:1}.month-day span,.month-day small{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;justify-content:center;min-height:17px;min-width:25px;padding:2px 4px}.month-day span{background:#fee2e2;color:var(--brand)}.month-day.has-session{background:#fff7f7;border-color:#e21b2d38}.month-day.active{background:var(--brand);border-color:var(--brand);box-shadow:0 8px 16px #e21b2d33;color:#fff}.month-day.active span{background:#fff;color:var(--brand)}.month-day.muted-day{color:#b8c0cc}.month-day.muted-day:not(.active){background:#f8fafc}.search-panel{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.search-panel .ghost{min-height:44px}.data-panel{overflow:hidden}.compact-list{display:grid;gap:8px}.compact-row{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.compact-main{display:grid;gap:3px;min-width:0}.compact-main strong{font-weight:500}.compact-main span,.compact-main small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-main small{color:var(--text-soft);font-size:13px}.compact-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.compact-side{align-items:end;display:grid;gap:8px;justify-items:end}.compact-side .ghost{font-size:0;height:36px;min-height:36px;padding:0;width:36px}.compact-side .ghost svg{height:16px;width:16px}.pager{align-items:center;display:flex;gap:9px;justify-content:space-between;padding-top:10px}.pager span{color:var(--muted);font-size:13px;text-align:center}.pager .ghost{min-width:86px}.modal-backdrop{align-items:center;background:#0f172a5c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:fixed;z-index:50}.modal-panel{background:var(--surface);border-radius:8px;max-height:calc(100vh - 32px);max-width:660px;overflow:auto;padding:14px;width:100%}.modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.modal-head h3{font-size:17px;font-weight:500}.modal-actions{display:flex;gap:9px;justify-content:flex-end}.confirm-dialog{align-items:flex-start;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid rgba(251,146,60,.26);border-radius:8px;display:flex;gap:11px;margin-bottom:14px;padding:12px}.confirm-dialog strong{display:block;font-size:16px;font-weight:700;margin-bottom:5px}.confirm-dialog p{color:var(--text-soft);font-size:14px;line-height:1.45;margin:0}.confirm-icon{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:var(--danger);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.danger-action{align-items:center;background:linear-gradient(135deg,#dc2626,#f97316);border-radius:8px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:0 14px}.danger-action:disabled{cursor:not-allowed;opacity:.55}.profile-panel{align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto}.profile-panel h2{font-size:18px;font-weight:500}.avatar{align-items:center;background:linear-gradient(135deg,#fff7ed,#fee2e2);border:1px solid rgba(226,27,45,.18);border-radius:8px;color:var(--brand);display:inline-flex;font-weight:500;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-upload{cursor:pointer}.avatar-upload span{align-items:center;background:#e21b2df0;border:2px solid #ffffff;border-radius:999px;bottom:-2px;color:#fff;display:inline-flex;height:24px;justify-content:center;position:absolute;right:-2px;width:24px}.avatar-upload input{display:none}.nickname-form,.password-form{max-width:520px}.nickname-form,.password-form{display:grid;gap:9px}.password-form h2{align-items:center;display:flex;font-size:17px;font-weight:500;gap:8px}.empty-state{color:var(--muted);padding:14px;text-align:center}.segmented-control{background:#eef1f5;border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:2px;padding:3px}.segmented-control button{background:transparent;border-radius:6px;color:var(--text-soft);font-size:13px;font-weight:500;min-height:31px;padding:0 11px}.segmented-control button.active{background:#fff;box-shadow:0 1px 4px #0f172a14;color:var(--brand)}.rankings-tabs-row{display:flex;justify-content:center;padding:0 4px}.rankings-tabs{display:flex;width:100%;max-width:360px}.rankings-tabs button{flex:1 1 0;text-align:center}.rankings-note{color:var(--text-soft);font-size:13px;margin:-4px 0 0;padding:0 4px;text-align:center}.leaderboard-podium{align-items:end;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:6px}.leaderboard-podium.podium-count-1{grid-template-columns:minmax(0,1fr) minmax(0,2.35fr) minmax(0,1fr)}.leaderboard-podium.podium-count-2{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr)}.podium-placeholder{min-height:1px}.podium-card{align-items:center;background:linear-gradient(180deg,#fffffff2,#f8fafcfa),linear-gradient(135deg,#8a153814,#e21b2d0a);border:1px solid #d9dee7;border-radius:8px;display:grid;gap:7px;justify-items:center;min-height:160px;overflow:hidden;padding:12px 10px 0;position:relative;text-align:center}.podium-card:before{background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.5) 38% 45%,transparent 45%),radial-gradient(circle at 20% 22%,rgba(255,255,255,.72),transparent 8%),radial-gradient(circle at 78% 18%,rgba(255,255,255,.52),transparent 7%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.podium-card.rank-1{background:linear-gradient(180deg,#fff3b0,#fff 58%),linear-gradient(135deg,#f59e0b3d,#e21b2d14);border-color:#eab308;min-height:198px}.podium-count-1 .podium-card.rank-1{min-height:214px}.podium-card.rank-2{background:linear-gradient(180deg,#eef2f7,#fff 62%),linear-gradient(135deg,#94a3b833,#2563eb0f);border-color:#cbd5e1;min-height:176px}.podium-card.rank-3{background:linear-gradient(180deg,#ffd9bf,#fff 62%),linear-gradient(135deg,#c2410c2e,#e21b2d0d);border-color:#fdba74;min-height:152px}.rank-medal{align-items:center;display:grid;justify-content:center;justify-items:center;min-height:40px;position:relative;width:36px;z-index:1}.medal-ribbon{background:linear-gradient(90deg,#ef4444 0,#ef4444 48%,#b91c1c 48%,#b91c1c 52%,#ef4444 52%);clip-path:polygon(0 0,100% 0,82% 100%,50% 78%,18% 100%);height:23px;position:absolute;top:17px;width:24px}.medal-face{align-items:center;border:2px solid rgba(255,255,255,.78);border-radius:999px;box-shadow:0 7px 14px #0f172a29;color:#fff;display:inline-flex;font-size:14px;font-weight:800;height:34px;justify-content:center;position:relative;width:34px;z-index:2}.player-avatar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--brand);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:700;justify-content:center;overflow:hidden}.player-avatar img{height:100%;object-fit:cover;width:100%}.podium-avatar{box-shadow:0 10px 22px #0f172a29;height:58px;width:58px}.podium-card.rank-1 .podium-avatar{border-color:#eab308;height:72px;width:72px}.podium-card.rank-1 .medal-face{background:radial-gradient(circle at 34% 28%,#fff7ad,#fbbf24 46%,#b45309)}.podium-card.rank-2 .medal-face{background:radial-gradient(circle at 34% 28%,#fff,#cbd5e1 48%,#64748b)}.podium-card.rank-3 .medal-face{background:radial-gradient(circle at 34% 28%,#ffe2c5,#f97316 48%,#9a3412)}.podium-card>strong,.podium-card>span,.podium-card>small,.fun-title,.podium-avatar,.podium-base{position:relative;z-index:1}.podium-sparkles{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.podium-sparkles span{animation:sparklePulse 1.9s ease-in-out infinite;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);height:10px;opacity:.74;position:absolute;width:10px}.podium-sparkles span:nth-child(1){left:14%;top:18%}.podium-sparkles span:nth-child(2){animation-delay:.42s;right:15%;top:26%}.podium-sparkles span:nth-child(3){animation-delay:.78s;bottom:34%;right:28%}@keyframes sparklePulse{0%,to{opacity:.28;transform:scale(.78) rotate(0)}48%{opacity:.95;transform:scale(1.18) rotate(22deg)}}@media(prefers-reduced-motion:reduce){.podium-sparkles span,.fun-title.rgb-led,.dashboard-tile:after{animation:none}}.podium-card strong{font-size:16px;font-weight:600}.fun-title{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid rgba(226,27,45,.16);border-radius:999px;color:#9f1239;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;line-height:1.15;max-width:100%;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.fun-title.compact{justify-self:start;max-width:100%;padding:4px 7px}.fun-title.rgb-led{animation:ledGlow 2.8s linear infinite;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ef4444,#f97316,#facc15,#22c55e,#06b6d4,#e21b2d,#ef4444) border-box;background-size:auto,240% 100%;border:2px solid transparent;box-shadow:0 0 14px #e21b2d2e;color:#7f1d1d;text-shadow:0 0 10px rgba(249,115,22,.32)}@keyframes ledGlow{0%{background-position:0 0,0% 50%}to{background-position:0 0,240% 50%}}.podium-card span{color:var(--brand);font-size:22px;font-weight:600}.podium-card small{color:var(--muted)}.podium-base{align-self:end;background:var(--brand);color:#fff;font-size:12px;font-weight:600;margin:4px -10px 0;min-height:34px;padding:9px 0;width:calc(100% + 20px)}.podium-card.rank-1 .podium-base{background:#ca8a04}.podium-card.rank-2 .podium-base{background:#64748b}.podium-card.rank-3 .podium-base{background:#c2410c}.leaderboard-list{display:grid;gap:8px}.leader-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:34px 38px minmax(0,1fr) auto 52px;padding:10px}.leader-avatar{height:38px;width:38px}.leader-rank{align-items:center;background:#f1f5f9;border-radius:8px;color:var(--text-soft);display:inline-flex;font-weight:600;height:30px;justify-content:center;width:30px}.leader-name{display:grid;gap:2px;min-width:0}.leader-name strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-name span{color:var(--muted);font-size:12px}.leader-stats{display:flex;gap:5px}.leader-stats span{background:#f8fafc;border:1px solid var(--line);border-radius:7px;color:var(--text-soft);font-size:12px;padding:4px 6px}.leader-points{color:var(--brand);font-size:20px;font-weight:700;text-align:right}.sr-only{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}@media(max-width:900px){.shell{display:block}.sidebar{display:none}.content{display:flex;flex-direction:column;gap:10px;max-width:none;padding:10px;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.content:before{bottom:calc(82px + env(safe-area-inset-bottom));height:260px;opacity:.08;right:-64px;width:260px}.topbar{align-items:center;border:0;border-radius:0 0 10px 10px;display:flex;flex:0 0 62px;height:62px;margin:-10px -10px 0;min-height:62px;max-height:62px;padding:10px 18px;position:sticky;top:0;z-index:12}.topbar:after{height:70px;right:20px;top:-24px;width:82px}.topbar .eyebrow{display:none}.topbar-logo{height:40px;padding:0;width:40px}.topbar strong{color:#fff;font-size:18px;font-weight:600;margin:0}.mobile-nav{background:linear-gradient(180deg,#fffffff5,#fffaf4fa),linear-gradient(135deg,#e21b2d0d,#14b8a60d);border:1px solid rgba(228,232,238,.95);border-bottom:0;border-radius:14px 14px 0 0;bottom:0;box-shadow:0 -8px 24px #0f172a1f;display:flex;gap:3px;left:0;overflow-x:auto;padding:7px 8px calc(7px + env(safe-area-inset-bottom));position:fixed;right:0;scrollbar-width:none;z-index:20}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{background:transparent;border-radius:11px;color:#475569;flex:1 0 52px;flex-direction:column;gap:3px;justify-content:center;min-height:54px;padding:4px 3px}.mobile-nav button.active{background:linear-gradient(180deg,#fff1f2,#fff);box-shadow:inset 0 0 0 1px #e21b2d14,0 6px 14px #e21b2d1f}.mobile-nav-icon{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(203,213,225,.78);border-radius:10px;box-shadow:0 4px 10px #0f172a14;color:#334155;display:inline-flex;height:28px;justify-content:center;padding:5px;width:28px}.mobile-nav button.active .mobile-nav-icon{background:linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.2) 38% 50%,transparent 50%),linear-gradient(135deg,#b4071b,#e21b2d 58%,#ff5538);border-color:#e21b2d38;color:#fff;transform:translateY(-1px)}.mobile-nav-label{color:var(--text-soft);font-size:10px;font-weight:400;line-height:1.1;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav button.active .mobile-nav-label{color:var(--accent);font-weight:700}.page-grid{gap:9px}.page-heading{align-items:center;flex-direction:row;gap:8px;min-height:0}.page-heading .eyebrow{display:none}.section-title{font-size:18px;font-weight:500}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{min-height:104px;padding:14px}.dashboard-hero strong{font-size:25px}.match-entry-top,.team-picker-grid,.form-grid.two-up,.form-grid.three-up,.checkin-hero,.search-panel,.summary-strip{grid-template-columns:1fr}.checkin-hero{gap:10px;padding:13px}.player-chip{min-height:44px}.player-chip span{overflow:visible;text-overflow:clip;white-space:normal}.history-battle-arena{gap:5px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);padding:6px}.history-battle-team{padding:6px}.history-player{align-items:flex-start;min-height:42px;padding:5px}.history-player span{overflow:visible;text-overflow:clip;white-space:normal}.history-vs strong{font-size:19px}.history-vs .vs-bolt{height:48px;width:23px}.checkin-copy strong{font-size:23px}.checkin-button{width:100%}.attendance-columns{grid-template-columns:1fr}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.leaderboard-podium.podium-count-1{grid-template-columns:minmax(0,.5fr) minmax(0,2fr) minmax(0,.5fr)}.leaderboard-podium.podium-count-2{grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr) minmax(0,.85fr)}.podium-card,.podium-card.rank-1,.podium-card.rank-2,.podium-card.rank-3{min-height:142px;padding:9px 6px 0}.podium-card.rank-1{min-height:166px}.podium-count-1 .podium-card.rank-1{min-height:178px}.podium-card strong{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-card span{font-size:17px}.podium-card small{font-size:11px}.podium-avatar,.podium-card.rank-1 .podium-avatar{height:48px;width:48px}.podium-base{margin-left:-6px;margin-right:-6px;min-height:29px;padding:7px 0;width:calc(100% + 12px)}.leader-row{grid-template-columns:30px 36px minmax(0,1fr) 48px}.leader-avatar{height:36px;width:36px}.leader-stats,.filter-panel{display:none}.page-heading .primary{min-height:38px;width:auto}.list-card{align-items:center;display:grid}.list-actions{align-items:center;flex-direction:column;gap:5px}.debt-row .list-actions{flex-direction:row;flex-wrap:nowrap}.debt-row .list-card-row{align-items:flex-start}.debt-row .role-pill,.debt-row .settle-button{font-size:10px;padding-inline:5px}.account-row{grid-template-columns:minmax(0,1fr) auto}.account-row-main{grid-column:1}.account-row-status{grid-column:1;justify-content:flex-start}.account-row-actions{grid-column:2;grid-row:1 / span 2}.entry-qr-card{align-items:start;gap:8px}.vietqr-image.entry{max-width:132px}.compact-row{align-items:start;grid-template-columns:minmax(0,1fr) auto}.pager{gap:8px}.pager .ghost{flex:1;min-width:0}.modal-backdrop{align-items:flex-end;padding:8px}.modal-panel{max-height:calc(100vh - 16px)}.modal-actions{flex-direction:column-reverse}.modal-actions .primary,.modal-actions .ghost{width:100%}.profile-panel{align-items:start;grid-template-columns:auto minmax(0,1fr)}.logout-button{grid-column:1 / -1;width:100%}}@media(max-width:520px){.content{padding:8px;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.panel-card,.stat-card,.list-card{padding:10px}.stat-grid{gap:7px}.stat-value{font-size:20px}}