:root{--bg: #070b14;--bg2: #0d1422;--card: #121a2c;--card2: #18223a;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .14);--text: #eef2fa;--muted: #8a96ad;--dim: #5b6680;--lime: #d4ff3f;--lime-ink: #1a2300;--c1: #4d8bff;--c2: #ff6b57;--amber: #ffb938;--green: #3ee08f;--red: #ff5470;--cash: #3ee08f;--bank: #4d8bff;--jazzcash: #ff4f6d;--easypaisa: #34d6a4;--radius: 18px;--tabbar: 68px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.4;min-height:100vh;overscroll-behavior-y:none;background:radial-gradient(900px 420px at 85% -120px,rgba(212,255,63,.1),transparent 60%),radial-gradient(700px 380px at -10% -60px,rgba(77,139,255,.14),transparent 60%),var(--bg);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}input,select,textarea{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:14px;padding:13px 14px;outline:none;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d4ff3f26}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}label.f{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}#app{max-width:560px;margin:0 auto;min-height:100vh;padding-bottom:calc(var(--tabbar) + var(--safe-b) + 16px)}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:12px 16px 10px;background:linear-gradient(to bottom,#070b14f5,#070b14d1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.brand .ball{width:34px;height:34px;flex:none;filter:drop-shadow(0 0 10px rgba(212,255,63,.45))}.brand b{display:block;font-size:18px;font-weight:800;letter-spacing:.02em;line-height:1}.brand small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-top:3px}.live{display:inline-flex;align-items:center;gap:5px;color:var(--lime);font-weight:700;font-size:10.5px;letter-spacing:.12em}.live i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 #d4ff3f99;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #d4ff3f8c}70%{box-shadow:0 0 0 8px #d4ff3f00}to{box-shadow:0 0 #d4ff3f00}}.icon-btn{position:relative;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line)}.icon-btn svg{width:21px;height:21px}.icon-btn .badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:15px;color:var(--lime-ink);background:var(--lime)}.demo-flag{background:#ffb93824;color:var(--amber);border:1px solid rgba(255,185,56,.3);font-size:10px;font-weight:800;letter-spacing:.1em;padding:2px 6px;border-radius:6px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:30;width:100%;max-width:560px;display:flex;padding:8px 8px calc(8px + var(--safe-b));background:#0d1422f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border-radius:14px;color:var(--dim);font-size:11.5px;font-weight:600;transition:color .15s}.tabbar button svg{width:23px;height:23px}.tabbar button.on{color:var(--lime)}.tabbar button.on svg{filter:drop-shadow(0 0 8px rgba(212,255,63,.5))}.wrap{padding:14px 16px}.h1{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:6px 0 2px}.sub{color:var(--muted);font-size:13.5px}.sec{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 10px}.sec h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:12.5px}.right{text-align:right}.num{font-variant-numeric:tabular-nums}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hidden{display:none!important}.empty{text-align:center;color:var(--muted);padding:28px 10px}.empty .big{font-size:34px;margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 20px;border-radius:16px;font-weight:700;font-size:16px;transition:transform .08s,filter .15s}.btn:active{transform:scale(.97)}.btn svg{width:19px;height:19px;flex:none}.btn.primary{background:var(--lime);color:var(--lime-ink);box-shadow:0 8px 24px -8px #d4ff3f8c}.btn.ghost{background:var(--card2);border:1px solid var(--line2)}.btn.danger{background:#ff54701f;color:var(--red);border:1px solid rgba(255,84,112,.35)}.btn.ok{background:#3ee08f24;color:var(--green);border:1px solid rgba(62,224,143,.35)}.btn.block{width:100%}.btn.sm{height:38px;padding:0 14px;font-size:14px;border-radius:12px}.btn[disabled]{opacity:.4;pointer-events:none}.fab{position:fixed;right:max(16px,calc(50% - 264px));bottom:calc(var(--tabbar) + var(--safe-b) + 16px);z-index:25;height:56px;padding:0 22px;border-radius:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 14px;border-radius:12px;background:var(--card2);border:1px solid var(--line2);font-weight:600;font-size:14px;transition:all .12s}.chip.on{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}.seg{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{flex:1;white-space:nowrap;padding:9px 12px;border-radius:10px;font-weight:600;font-size:13.5px;color:var(--muted)}.seg button.on{background:var(--card2);color:var(--text);box-shadow:0 1px 0 var(--line2) inset}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;font-size:11.5px;font-weight:700;letter-spacing:.02em;background:var(--card2);color:var(--muted)}.tag.lime{background:#d4ff3f24;color:var(--lime)}.tag.amber{background:#ffb93826;color:var(--amber)}.tag.green{background:#3ee08f24;color:var(--green)}.tag.red{background:#ff547024;color:var(--red)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dates{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 6px;margin:0 -16px;scroll-snap-type:x proximity;scrollbar-width:none}.dates::-webkit-scrollbar{display:none}.dates button{flex:none;width:56px;padding:8px 0 9px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-align:center;scroll-snap-align:center;position:relative}.dates button small{display:block;font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.dates button b{display:block;font-size:21px;font-weight:800;line-height:1.15}.dates button em{display:block;height:4px;margin:4px auto 0;width:26px;border-radius:3px;background:var(--line2);overflow:hidden;font-style:normal}.dates button em i{display:block;height:100%;background:var(--lime);border-radius:3px}.dates button.on{background:var(--lime);border-color:var(--lime);color:var(--lime-ink);box-shadow:0 10px 26px -10px #d4ff3fb3}.dates button.on small{color:#1a2300b3}.dates button.on em{background:#1a230033}.dates button.on em i{background:var(--lime-ink)}.dates button.today:not(.on):after{content:"";position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--lime)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px}.stat small{display:block;color:var(--muted);font-size:11.5px;font-weight:600}.stat b{font-size:20px;font-weight:800}.grid{display:grid;grid-template-columns:50px 1fr 1fr;gap:6px;margin-top:12px}.ghead{position:sticky;top:64px;z-index:5;padding:8px 10px;border-radius:14px;font-weight:800;font-size:14px;display:flex;flex-direction:column;gap:2px;background:var(--bg2);border:1px solid var(--line)}.ghead.c1{box-shadow:inset 0 3px 0 var(--c1)}.ghead.c2{box-shadow:inset 0 3px 0 var(--c2)}.ghead small{font-weight:500;font-size:11px;color:var(--muted)}.time{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:2px;font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.time.now{color:var(--lime)}.time.now small{font-size:9.5px;letter-spacing:.14em;font-weight:800}.cell{min-height:58px;border-radius:14px;padding:8px 10px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:2px;position:relative;overflow:hidden;transition:transform .08s}.cell:active{transform:scale(.97)}.cell.free{border:1.5px dashed var(--line2);color:var(--dim);font-weight:600;font-size:13.5px;align-items:center}.cell.free.can{color:var(--muted)}.cell.free.can:hover{border-color:var(--lime);color:var(--lime)}.cell.free.past{opacity:.35}.cell .nm{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell .st{font-size:11.5px;font-weight:600;opacity:.85;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}.cell.c1{background:linear-gradient(135deg,#3f7cf5,#2a58c4);color:#fff;box-shadow:0 8px 20px -12px #4d8bffe6}.cell.c2{background:linear-gradient(135deg,#ff6b57,#d9452f);color:#fff;box-shadow:0 8px 20px -12px #ff6b57e6}.cell.pending{background:repeating-linear-gradient(-45deg,#ffb93829 0 8px,#ffb93812 8px 16px);border:1.5px solid rgba(255,185,56,.55);color:var(--amber);box-shadow:none}.cell.paid{filter:saturate(.55) brightness(.78)}.cell.due:after{content:"\20a8";position:absolute;top:6px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--amber);color:#2a1a00;font-size:11px;font-weight:900;display:grid;place-items:center;animation:pop 1.6s infinite}.cell.nowcell{outline:2px solid var(--lime);outline-offset:2px}.cell .shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%);transform:translate(-100%);animation:shine 3.5s infinite}@keyframes shine{60%,to{transform:translate(100%)}}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;color:var(--muted);font-size:12px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:14px;border-radius:5px;display:inline-block}.boys{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.boy{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:6px;background:#ffffff0f;color:var(--muted);white-space:nowrap}.scrim{position:fixed;inset:0;z-index:40;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}.scrim.show{opacity:1}.sheet{position:fixed;left:50%;bottom:0;z-index:41;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;transform:translate(-50%,100%);transition:transform .28s cubic-bezier(.2,.9,.3,1.1);background:var(--bg2);border:1px solid var(--line2);border-bottom:0;border-radius:26px 26px 0 0;padding:10px 18px calc(22px + var(--safe-b))}.sheet.show{transform:translate(-50%)}.sheet .grab{width:44px;height:5px;border-radius:3px;background:var(--line2);margin:0 auto 12px}.sheet h2{margin:2px 0;font-size:22px;font-weight:800}.sheet .actions{display:grid;gap:10px;margin-top:18px}.sheet .actions.two{grid-template-columns:1fr 1fr}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin-top:14px;font-size:14.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;font-weight:600}.hero{border-radius:20px;padding:16px;margin-top:10px;color:#fff;position:relative;overflow:hidden}.hero.c1{background:linear-gradient(135deg,#3f7cf5,#213f96)}.hero.c2{background:linear-gradient(135deg,#ff6b57,#a92f1f)}.hero .big{font-size:26px;font-weight:800;line-height:1.1}.hero .court-art{position:absolute;right:-10px;top:-10px;width:120px;opacity:.22}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pm{padding:14px;border-radius:16px;background:var(--card);border:1.5px solid var(--line2);text-align:left;display:flex;align-items:center;gap:10px;font-weight:700}.pm .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:13px;color:#06110a}.pm.on{border-color:var(--lime);background:#d4ff3f14}.price{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.price b{font-size:28px;font-weight:800;color:var(--lime)}.price s{color:var(--dim);margin-right:8px}.toasts{position:fixed;top:10px;left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:540px;z-index:60;display:grid;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;gap:12px;align-items:center;padding:12px 12px 12px 14px;border-radius:18px;background:#18223af7;border:1px solid var(--line2);box-shadow:0 18px 40px -12px #000000b3;animation:drop .35s cubic-bezier(.2,.9,.3,1.2)}.toast.err{border-color:#ff547080}.toast .ti{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:#d4ff3f24;color:var(--lime)}.toast.err .ti{background:#ff547024;color:var(--red)}.toast .ti svg{width:20px;height:20px}.toast p{margin:0;font-size:14px;font-weight:600;flex:1}@keyframes drop{0%{transform:translateY(-30px);opacity:0}}.list{display:grid;gap:8px}.item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.item .ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;font-weight:800;font-size:14px}.item .t{font-weight:700}.item .s{font-size:12.5px;color:var(--muted)}.item.unread{border-color:#d4ff3f73;background:linear-gradient(90deg,rgba(212,255,63,.07),var(--card) 60%)}.amount{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.xbtn{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--dim)}.xbtn:hover{color:var(--red);background:#ff54701a}.xbtn svg{width:17px;height:17px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{border-radius:18px;padding:14px;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}.kpi small{color:var(--muted);font-size:12px;font-weight:600;display:block}.kpi b{display:block;font-size:24px;font-weight:800;margin-top:4px;letter-spacing:-.01em}.kpi em{font-style:normal;font-size:12px;color:var(--muted)}.kpi.hero-kpi{grid-column:span 2;background:linear-gradient(135deg,#d4ff3f29,#d4ff3f08);border-color:#d4ff3f4d}.kpi.hero-kpi b{font-size:34px;color:var(--lime)}.bar{height:10px;border-radius:6px;background:var(--bg2);overflow:hidden}.bar i{display:block;height:100%;border-radius:6px}.mrow{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.mrow:last-child{border-bottom:0}.mrow .bar{grid-column:span 2}.chart{width:100%;height:170px;display:block}.heat{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.heat div{aspect-ratio:1;border-radius:6px;display:grid;place-items:center;font-size:9.5px;font-weight:700;color:#ffffffd9}.heat-l{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:4px;font-size:9.5px;color:var(--muted);text-align:center}table.ie{width:100%;border-collapse:collapse;font-size:14px}table.ie td{padding:7px 0;border-bottom:1px dashed var(--line)}table.ie td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}table.ie tr.h td{font-weight:800;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line2);padding-top:14px}table.ie tr.t td{font-weight:800;border-bottom:1px solid var(--line2)}table.ie tr.g td{font-size:17px;font-weight:800;border:0;padding-top:12px}table.ie.cf td{text-align:right;white-space:nowrap;padding-left:8px}table.ie.cf td:first-child{text-align:left;padding-left:0}table.ie td.ind{padding-left:14px;color:var(--muted)}details.hd{border-bottom:1px solid var(--line)}details.hd:last-child{border-bottom:0}details.hd summary{list-style:none;cursor:pointer;padding:10px 0}details.hd summary::-webkit-details-marker{display:none}details.hd .subs{padding:0 0 10px 18px;display:grid;gap:6px;font-size:13.5px;color:var(--muted)}.perm-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.perm{padding:6px 10px;border-radius:10px;font-size:12.5px;font-weight:600;background:var(--bg2);border:1px solid var(--line2);color:var(--muted)}.perm.on{background:#d4ff3f1f;border-color:#d4ff3f73;color:var(--lime)}.perm[disabled]{opacity:.6}.switch{width:46px;height:28px;border-radius:14px;background:var(--line2);position:relative;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:var(--green)}.switch.on:after{transform:translate(18px)}.login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:30px 22px;max-width:460px;margin:0 auto}.login .logo{width:84px;height:84px;filter:drop-shadow(0 0 30px rgba(212,255,63,.55));animation:bounce 2.4s infinite cubic-bezier(.5,0,.5,1)}@keyframes bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(25deg)}}.login h1{font-size:40px;font-weight:900;letter-spacing:-.02em;margin:18px 0 4px;line-height:1}.login h1 span{color:var(--lime)}.who{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.who button{text-align:left;padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--line2)}.who button b{display:block;font-size:15px}.who button small{color:var(--muted);font-size:12.5px}.who button .avatar{width:38px;height:38px;margin-bottom:10px;border-radius:12px}@media (min-width: 600px){.tabbar{border-radius:22px 22px 0 0;border:1px solid var(--line);border-bottom:0}}@media (prefers-reduced-motion: reduce){*,*:after{animation:none!important;transition:none!important}}.login .logo.sm{width:52px;height:52px}.login h1{font-size:34px}.pin-dots{display:flex;justify-content:center;gap:18px;margin:6px 0 18px}.pin-dots i{width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);transition:all .12s}.pin-dots i.on{background:var(--lime);border-color:var(--lime);box-shadow:0 0 14px #d4ff3f99;transform:scale(1.1)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:300px;margin:0 auto}.keypad button{height:62px;border-radius:20px;background:var(--card);border:1px solid var(--line2);font-size:26px;font-weight:700;transition:transform .06s,background .1s}.keypad button:active{transform:scale(.93);background:var(--lime);color:var(--lime-ink)}.busy .keypad{opacity:.5;pointer-events:none}.shake .pin-dots{animation:shake .4s}.shake .pin-dots i{border-color:var(--red)}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.welcome{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(600px 400px at 50% 40%,rgba(212,255,63,.18),transparent 70%),var(--bg);animation:fadein .3s;transition:opacity .45s}.welcome.out{opacity:0}.welcome .logo{width:96px;height:96px;filter:drop-shadow(0 0 30px rgba(212,255,63,.6));animation:bounce 1.2s infinite cubic-bezier(.5,0,.5,1)}.welcome small{margin-top:26px;font-size:18px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-weight:700}.welcome b{font-size:40px;font-weight:900;line-height:1.1;margin-top:6px;animation:rise .5s .1s both}.welcome span{margin-top:10px;padding:6px 16px;border-radius:12px;background:#d4ff3f24;color:var(--lime);font-weight:800;letter-spacing:.06em;animation:rise .5s .25s both}@keyframes fadein{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.hello{display:inline-flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:15px;color:var(--muted);padding:6px 12px;border-radius:12px;background:#d4ff3f12;border:1px solid rgba(212,255,63,.18);margin-bottom:4px}.hello b{color:var(--text)}.hello span{color:var(--lime);font-weight:700}.auth{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto}.auth-hero{position:relative;flex:1 0 34vh;min-height:230px;overflow:hidden}.court-hero{position:absolute;inset:0;width:100%;height:100%}.hero-ball{animation:heroball 2.6s infinite cubic-bezier(.45,0,.55,1);transform-origin:300px 92px;filter:drop-shadow(0 0 12px rgba(212,255,63,.9))}@keyframes heroball{0%,to{transform:translate(0)}50%{transform:translate(-14px,10px) rotate(40deg)}}.ball-trail{animation:trail 2.6s infinite ease-in-out}@keyframes trail{0%,to{opacity:.9}50%{opacity:.35}}.auth-hero:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(to bottom,transparent,var(--bg))}.auth-brand{position:absolute;top:max(22px,env(safe-area-inset-top));left:22px;z-index:2;display:flex;gap:12px;align-items:center}.auth-brand .logo{width:46px;height:46px;filter:drop-shadow(0 0 18px rgba(212,255,63,.6))}.auth-brand b{display:block;font-size:22px;font-weight:900;letter-spacing:.06em}.auth-brand small{color:#eef2fabf;font-size:12.5px;font-weight:500}.auth-card{position:relative;z-index:3;margin-top:-40px;padding:26px 22px calc(26px + var(--safe-b));background:#0d1422eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line2);border-bottom:0;border-radius:30px 30px 0 0;box-shadow:0 -20px 60px -20px #000c;animation:rise .45s both}.auth-card h1{font-size:30px;font-weight:900;margin:2px 0 4px;letter-spacing:-.01em}.auth-hi{color:var(--lime);font-weight:700;font-size:14px}.field-ic{position:relative}.field-ic span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:700;font-size:17px}.field-ic input{padding-left:36px;font-size:18px;font-weight:600;height:56px}.auth-card .btn.primary{height:56px;font-size:17px}.who-chip{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:var(--card);border:1px solid var(--line2);margin-bottom:18px}.who-chip .avatar{width:46px;height:46px;font-size:16px}.who-chip b{display:block;font-size:16px}.who-chip small{color:var(--muted);font-size:12.5px}.stay{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:18px;color:var(--muted);font-size:14px;cursor:pointer}.stay input{display:none}.stay .switch{width:40px;height:24px}.stay .switch:after{width:18px;height:18px}.stay .switch.on:after{transform:translate(16px)}.demo-note{margin:16px 0 0;text-align:center}@media (min-height: 820px){.keypad button{height:66px}}.install-bar{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;margin-bottom:12px;border-radius:16px;background:linear-gradient(90deg,#d4ff3f24,#4d8bff1f);border:1px solid rgba(212,255,63,.3)}.install-bar>span{font-size:22px}.install-bar b{display:block;font-size:14.5px}.install-bar small{color:var(--muted);font-size:12px}#app:has(.auth),#app:has(.login){padding-bottom:0}.auth-hero{flex:1 1 30vh;min-height:150px}.auth-brand b,.auth-brand small{text-shadow:0 2px 12px rgba(0,0,0,.9)}.auth .keypad{gap:10px}.auth .keypad button{height:56px}.auth .who-chip{margin-bottom:12px}.auth .pin-dots{margin:4px 0 14px}@media (min-height: 840px){.auth .keypad button{height:64px}}.auth-card{animation:none}.fit{margin:6px 0 18px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#ff6b572e,#d4ff3f1a);border:1px solid rgba(255,107,87,.35)}.fit-k{font-size:11px;font-weight:800;letter-spacing:.14em;color:#ff8a7a}.fit-t{font-size:20px;font-weight:900}.fit-streak{padding:6px 10px;border-radius:12px;background:#ffb9382e;color:var(--amber);font-weight:800;font-size:13px}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.fit-grid div{background:#070b1473;border-radius:14px;padding:10px}.fit-grid b{display:block;font-size:22px;font-weight:900}.fit-grid small{color:var(--muted);font-size:11.5px}.fit-bars{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;height:90px;margin-top:14px;align-items:end}.fit-bars div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.fit-bars i{width:100%;border-radius:6px 6px 3px 3px;background:#ff6b57b3}.fit-bars span{font-size:10px;color:var(--muted)}.fit-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:12.5px;color:var(--muted)}.grid.g30{grid-template-rows:auto repeat(24,34px);row-gap:4px}.g30 .cell{min-height:0;padding:4px 10px;border-radius:12px}.g30 .cell.free{font-size:12px;border-width:1px}.g30 .cell.free.half{border-style:dotted;opacity:.8}.g30 .cell.free.nowfree{border-color:var(--lime)}.g30 .cell.bk{justify-content:flex-start;padding-top:7px}.g30 .cell.bk .nm{font-size:14px}.g30 .cell.bk .st{font-size:11px}.g30 .time{font-size:12px;justify-content:flex-start;padding-top:8px}.g30 .time.half{font-size:10.5px;color:var(--dim);font-weight:600}.g30 .ghead{position:sticky}table.ie.cust td{vertical-align:top}table.ie.cust td:not(:first-child){text-align:right;white-space:nowrap;padding-left:8px}