*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#07080D;--bg2:#0D0F17;--bg3:#131620;--sf:rgba(255,255,255,.04);--sf2:rgba(255,255,255,.07);--sf3:rgba(255,255,255,.10);--gl:rgba(12,14,24,.65);--gl2:rgba(12,14,24,.82);--bd:rgba(255,255,255,.06);--bd2:rgba(255,255,255,.10);--bd3:rgba(255,255,255,.16);--tx:#F0F0F5;--tx2:#A0A0B8;--tx3:#5E5E78;--br:#FF5722;--br2:#FF7043;--brg:linear-gradient(135deg,#FF5722,#FF9800);--pk:#FF2D7B;--blu:#4D7CFF;--cy:#00E5CA;--pu:#A855F7;--yl:#FFD600;--gn:#22D87C;--gns:rgba(34,216,124,.1);--bl:#4D7CFF;--bls:rgba(77,124,255,.1);--am:#FFB020;--ams:rgba(255,176,32,.1);--rd:#FF4757;--rds:rgba(255,71,87,.1);--pus:rgba(168,85,247,.1);--sb:264px;--r:14px;--rs:10px;--e:cubic-bezier(.4,0,.2,1);--sp:cubic-bezier(.34,1.56,.64,1)}
html{font-size:15.5px}body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--tx);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.login-wrap{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .5s,transform .5s}.login-wrap.hide{opacity:0;transform:scale(1.05);pointer-events:none}
.login-box{background:var(--bg2);border:1px solid var(--bd2);border-radius:22px;padding:48px 40px;width:92%;max-width:420px;text-align:center;position:relative;z-index:1;animation:loginIn .6s var(--sp)}
@keyframes loginIn{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.login-logo{width:72px;height:auto;margin:0 auto 10px;display:block;border-radius:14px}
.login-title{font-family:'Clash Display',sans-serif;font-size:1.6rem;font-weight:700;margin-bottom:4px;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-sub{font-size:.82rem;color:var(--tx3);margin-bottom:28px}.login-err{font-size:.78rem;color:var(--rd);margin-bottom:12px;min-height:1.2em}
.bg-c{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;animation:oF 20s ease-in-out infinite}.orb:nth-child(1){width:500px;height:500px;background:var(--pk);top:-10%;left:-5%;animation-duration:22s}.orb:nth-child(2){width:600px;height:600px;background:var(--blu);top:40%;right:-10%;animation-duration:26s;animation-delay:-5s}.orb:nth-child(3){width:400px;height:400px;background:var(--cy);bottom:-5%;left:30%;animation-duration:24s;animation-delay:-10s}.orb:nth-child(4){width:350px;height:350px;background:var(--pu);top:20%;left:50%;animation-duration:28s;animation-delay:-3s}.orb:nth-child(5){width:300px;height:300px;background:var(--yl);bottom:20%;right:20%;animation-duration:20s;animation-delay:-8s;opacity:.07}
@keyframes oF{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(60px,-40px) scale(1.1)}50%{transform:translate(-30px,60px) scale(.95)}75%{transform:translate(-50px,-30px) scale(1.05)}}
.bg-g{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black,transparent)}
.side{position:fixed;left:0;top:0;bottom:0;width:var(--sb);background:var(--gl2);backdrop-filter:blur(40px) saturate(1.3);border-right:1px solid var(--bd);display:flex;flex-direction:column;z-index:100;transition:transform .4s var(--e)}
.brand{padding:24px 20px 20px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:12px}.brand img{width:38px;height:auto;border-radius:10px}
.brand-t h1{font-family:'Clash Display',sans-serif;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.15}.brand-t p{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tx3)}
.sn{flex:1;padding:14px 10px;overflow-y:auto}.ng{margin-bottom:18px}.ng-l{font-size:.56rem;text-transform:uppercase;letter-spacing:.18em;color:var(--tx3);padding:0 14px;margin-bottom:6px;font-weight:700}
.ni{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:var(--rs);color:var(--tx2);cursor:pointer;font-size:.86rem;font-weight:500;position:relative;transition:all .25s var(--e);overflow:hidden}
.ni::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;border-radius:0 4px 4px 0;transition:all .3s var(--e)}.ni::after{content:'';position:absolute;inset:0;border-radius:var(--rs);opacity:0;transition:opacity .3s}
.ni:hover{color:var(--tx)}.ni:hover::after{opacity:1;background:var(--sf)}.ni.active{color:#fff;font-weight:600}.ni.active::before{width:3px;background:var(--br)}.ni.active::after{opacity:1;background:linear-gradient(135deg,rgba(255,87,34,.12),rgba(255,152,0,.06))}
.ni svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.7;position:relative;z-index:1;transition:transform .25s var(--sp)}.ni:hover svg{transform:translateX(2px)}
.ni-t{position:relative;z-index:1}.ni-b{margin-left:auto;position:relative;z-index:1;background:var(--brg);color:#fff;font-size:.58rem;font-weight:700;padding:2px 8px;border-radius:8px;box-shadow:0 2px 8px rgba(255,87,34,.3);animation:bP 2.5s ease infinite}@keyframes bP{0%,100%{box-shadow:0 2px 8px rgba(255,87,34,.3)}50%{box-shadow:0 2px 16px rgba(255,87,34,.5)}}
.sf{padding:14px;border-top:1px solid var(--bd)}.upill{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--rs);cursor:pointer;transition:all .25s var(--e)}.upill:hover{background:var(--sf)}
.av{border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;transition:all .3s var(--sp);position:relative;overflow:hidden}.av::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);pointer-events:none}.av:hover{transform:scale(1.08) rotate(-3deg)}.av-32{width:32px;height:32px;font-size:.72rem}.av-36{width:36px;height:36px;font-size:.78rem}.av-42{width:42px;height:42px;font-size:.86rem}.av-50{width:50px;height:50px;font-size:1.05rem}
.main{margin-left:var(--sb);min-height:100vh;position:relative;z-index:1}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--gl);backdrop-filter:blur(30px) saturate(1.4);border-bottom:1px solid var(--bd)}
.tl{display:flex;align-items:center;gap:14px}.burger{display:none;background:none;border:none;color:var(--tx2);cursor:pointer;padding:4px}.burger svg{width:20px;height:20px}
.pt{font-family:'Clash Display',sans-serif;font-size:1.15rem;font-weight:600}.pt span{color:var(--tx3);font-weight:400;font-family:'Plus Jakarta Sans';font-size:.9rem}
.tr{display:flex;align-items:center;gap:8px}.tbb{width:36px;height:36px;border-radius:10px;background:var(--sf);border:1px solid var(--bd);color:var(--tx2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s var(--e);position:relative}.tbb:hover{background:var(--sf2);color:#fff;transform:translateY(-2px)}.tbb svg{width:17px;height:17px}
.ndot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--pk);border:2px solid var(--bg)}
.cnt{padding:24px 28px 52px}.page{display:none}.page.active{display:block;animation:pgIn .5s var(--e) forwards}@keyframes pgIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.card{background:var(--gl);backdrop-filter:blur(20px);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:all .3s var(--e)}.card:hover{border-color:var(--bd2);box-shadow:0 8px 40px rgba(0,0,0,.15)}
.ch{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--bd);flex-wrap:wrap;gap:8px}.ch h3{font-size:.95rem;font-weight:700}.cb{padding:20px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:var(--rs);font-family:inherit;font-size:.82rem;font-weight:600;border:none;cursor:pointer;transition:all .25s var(--e);position:relative;overflow:hidden}.btn svg{width:15px;height:15px;position:relative;z-index:1}
.btn-p{background:var(--brg);color:#fff;box-shadow:0 4px 16px rgba(255,87,34,.25)}.btn-p::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);pointer-events:none}.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,87,34,.35)}
.btn-p::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:bShm 3s ease infinite}@keyframes bShm{0%{left:-100%}50%,100%{left:150%}}
.btn-g{background:var(--sf);color:var(--tx2);border:1px solid var(--bd)}.btn-g:hover{background:var(--sf2);color:var(--tx)}
.btn-ok{background:linear-gradient(135deg,var(--gn),#1aab64);color:#fff;box-shadow:0 2px 12px rgba(34,216,124,.2)}.btn-ok:hover{transform:translateY(-1px)}
.btn-no{background:linear-gradient(135deg,var(--rd),#e63946);color:#fff}.btn-no:hover{transform:translateY(-1px)}
.btn-bl{background:linear-gradient(135deg,var(--bl),#3366FF);color:#fff}.btn-bl:hover{transform:translateY(-1px)}
.btn-pu{background:linear-gradient(135deg,var(--pu),#9333EA);color:#fff}.btn-pu:hover{transform:translateY(-1px)}
.btn-am{background:linear-gradient(135deg,var(--am),#E5850A);color:#fff}.btn-am:hover{transform:translateY(-1px)}
.btn-sm{padding:6px 13px;font-size:.74rem;border-radius:8px}.btn-lg{padding:14px 36px;font-size:.95rem;border-radius:14px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px}
.stat{background:var(--gl);backdrop-filter:blur(16px);border:1px solid var(--bd);border-radius:var(--r);padding:22px;position:relative;overflow:hidden;transition:all .35s var(--e)}.stat:hover{transform:translateY(-4px);border-color:var(--bd2);box-shadow:0 12px 40px rgba(0,0,0,.15)}
.stat-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:all .35s var(--sp)}.stat:hover .stat-ic{transform:scale(1.12) rotate(-6deg)}.stat-ic svg{width:19px;height:19px}
.stl{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--tx3);margin-bottom:6px;font-weight:700}
.stv{font-family:'Clash Display',sans-serif;font-size:1.9rem;font-weight:700;letter-spacing:-.04em;line-height:1}
.sts{font-size:.72rem;color:var(--tx3);margin-top:8px}
.stb{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:.5;transition:opacity .3s}.stat:hover .stb{opacity:1}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.60rem;text-transform:uppercase;letter-spacing:.14em;color:var(--tx3);padding:12px 16px;border-bottom:1px solid var(--bd);font-weight:700}td{padding:14px 16px;font-size:.86rem;border-bottom:1px solid var(--bd);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:rgba(255,255,255,.015)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:7px;font-size:.7rem;font-weight:600;transition:all .2s var(--sp);border:1px solid transparent}
.b-gn{background:var(--gns);color:var(--gn)}.b-am{background:var(--ams);color:var(--am)}.b-rd{background:var(--rds);color:var(--rd)}.b-bl{background:var(--bls);color:var(--bl)}.b-pu{background:var(--pus);color:var(--pu)}.b-br{background:rgba(255,87,34,.1);color:var(--br2)}
.b-dot{width:6px;height:6px;border-radius:50%;display:inline-block}
.fg{margin-bottom:16px}.fg label{display:block;font-size:.74rem;font-weight:600;color:var(--tx2);margin-bottom:5px}
.fc{width:100%;background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--rs);padding:11px 14px;color:var(--tx);font-family:inherit;font-size:.86rem;outline:none;transition:all .25s var(--e)}.fc:focus{border-color:var(--br);box-shadow:0 0 0 4px rgba(255,87,34,.1)}.fc::placeholder{color:var(--tx3)}
select.fc{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235E5E78' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}select.fc option{background:var(--bg2);color:var(--tx)}textarea.fc{resize:vertical;min-height:80px}
.fgr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mo-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(12px);z-index:200;display:none;align-items:center;justify-content:center}.mo-bg.show{display:flex}.mo-bg.show .mo{animation:moIn .4s var(--sp)}@keyframes moIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.mo{background:var(--bg2);border:1px solid var(--bd2);border-radius:18px;width:92%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px rgba(0,0,0,.3)}
.moh{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--bd)}.moh h3{font-size:1.05rem;font-weight:700}
.mox{background:var(--sf);border:1px solid var(--bd);color:var(--tx3);cursor:pointer;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s}.mox:hover{background:var(--rds);color:var(--rd)}
.mob{padding:24px}.mof{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--bd)}
.gps-box{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--rs);margin-bottom:16px;font-size:.84rem;border:1px solid var(--bd)}
.gps-box.ok{background:rgba(34,216,124,.06);border-color:rgba(34,216,124,.2);color:var(--gn)}.gps-box.fail{background:rgba(255,71,87,.06);border-color:rgba(255,71,87,.2);color:var(--rd)}.gps-box.loading{background:rgba(255,176,32,.06);border-color:rgba(255,176,32,.2);color:var(--am)}
.gps-pulse{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:gpsP 1.5s ease infinite}.gps-box.ok .gps-pulse{background:var(--gn)}.gps-box.fail .gps-pulse{background:var(--rd)}.gps-box.loading .gps-pulse{background:var(--am)}
@keyframes gpsP{0%,100%{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 6px transparent}}
.ck-hero{background:var(--gl);backdrop-filter:blur(20px);border:1px solid var(--bd);border-radius:var(--r);padding:44px 32px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}
.ck-hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,rgba(255,87,34,.06),transparent);animation:ckG 5s ease-in-out infinite alternate;border-radius:50%}@keyframes ckG{from{transform:translate(-50%,-50%) scale(.8)}to{transform:translate(-50%,-50%) scale(1.2)}}
.clock{font-family:'Clash Display',sans-serif;font-size:4rem;font-weight:700;letter-spacing:-.04em;position:relative;z-index:1;background:linear-gradient(135deg,#fff 30%,var(--tx2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.clkd{color:var(--tx3);font-size:.9rem;margin-bottom:20px;position:relative;z-index:1}
.ckb{display:flex;gap:14px;justify-content:center;position:relative;z-index:1;flex-wrap:wrap}
.ckmsg{font-size:.86rem;color:var(--tx3);margin-top:16px;position:relative;z-index:1}.ckmsg b{color:var(--gn)}
.pbar{height:7px;border-radius:4px;background:var(--sf2);overflow:hidden}.pbar-f{height:100%;border-radius:4px;transition:width .8s var(--e);position:relative}.pbar-f::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:pSh 2s ease infinite}@keyframes pSh{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.cp-card{background:var(--gl);backdrop-filter:blur(16px);border:1px solid var(--bd);border-radius:var(--r);padding:22px;transition:all .35s var(--e);position:relative;overflow:hidden}.cp-card:hover{transform:translateY(-4px);border-color:var(--bd2);box-shadow:0 16px 48px rgba(0,0,0,.12)}
.cp-stats{display:flex;gap:10px;margin:14px 0}.cp-stat{flex:1;text-align:center;padding:10px 6px;background:var(--sf);border-radius:var(--rs);border:1px solid var(--bd)}.cp-stat .cpv{font-family:'Clash Display',sans-serif;font-size:1.15rem;font-weight:700}.cp-stat .cpl{font-size:.54rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);font-weight:600;margin-top:2px}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.fpills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.fpill{padding:7px 16px;border-radius:20px;font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s;background:var(--sf);border:1px solid var(--bd);color:var(--tx2)}.fpill:hover{background:var(--sf2);color:var(--tx)}.fpill.active{background:var(--brg);color:#fff;border-color:transparent}
.cal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}.cal-top h3{font-family:'Clash Display',sans-serif;font-size:1.5rem;font-weight:600}
.cnav{display:flex;gap:4px}.cnav button{width:36px;height:36px;border-radius:9px;background:var(--sf);border:1px solid var(--bd);color:var(--tx2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s var(--e);font-size:1.1rem}.cnav button:hover{background:var(--sf2);color:#fff;transform:scale(1.08)}
.cg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cg-dl{text-align:center;font-size:.60rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--tx3);padding:10px 0}
.cg-c{min-height:130px;background:var(--sf);border:1px solid var(--bd);border-radius:var(--rs);padding:8px 9px;cursor:pointer;transition:all .25s var(--e)}.cg-c:hover{border-color:var(--br);box-shadow:0 0 0 3px rgba(255,87,34,.08);transform:translateY(-1px)}.cg-c.today{border-color:var(--br);background:rgba(255,87,34,.04)}.cg-c.empty{background:transparent;border-color:transparent;pointer-events:none}
.cgn{font-size:.72rem;font-weight:600;color:var(--tx2);margin-bottom:4px}.cgtn{background:var(--brg);color:#fff;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;box-shadow:0 2px 8px rgba(255,87,34,.3)}
.cgev{font-size:.6rem;padding:3px 6px;border-radius:4px;margin-bottom:2px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s;cursor:pointer}.cgev:hover{transform:scale(1.03);filter:brightness(1.2)}
.tc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:18px;margin-bottom:10px;transition:all .3s var(--e)}.tc:hover{border-color:var(--bd2);box-shadow:0 8px 28px rgba(0,0,0,.1);transform:translateY(-2px)}.tc.overdue{border-left:3px solid var(--rd)}.tc.is-done{opacity:.45}
.tct{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.tct h4{font-size:.92rem;font-weight:600;flex:1}.tct h4.xd{text-decoration:line-through;color:var(--tx3)}
.tcm{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.74rem;color:var(--tx3)}
.leave-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rs);padding:14px;margin-bottom:8px;display:flex;align-items:center;gap:14px;transition:all .2s}.leave-card:hover{border-color:var(--bd2)}
.ug{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.uc{background:var(--gl);backdrop-filter:blur(16px);border:1px solid var(--bd);border-radius:var(--r);padding:24px;transition:all .35s var(--e)}.uc:hover{transform:translateY(-5px);border-color:var(--bd2);box-shadow:0 20px 50px rgba(0,0,0,.12)}
.cli-det{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px;font-size:.82rem}.cli-det span{display:flex;align-items:center;gap:6px;color:var(--tx2)}.cli-det svg{width:14px;height:14px;flex-shrink:0;color:var(--tx3)}.cli-det a{color:var(--pk);text-decoration:none}.cli-det a:hover{color:#ff5c9e}
.dtbl{width:100%;border-collapse:collapse;margin-top:10px}.dtbl th{font-size:.58rem;padding:10px;background:var(--sf);border-bottom:1px solid var(--bd)}.dtbl td{font-size:.84rem;padding:10px;border-bottom:1px solid var(--bd)}.dtbl tr:last-child td{border-bottom:none}
.stg>*{opacity:0;transform:translateY(18px);animation:stgIn .55s var(--e) forwards}.stg>:nth-child(1){animation-delay:.05s}.stg>:nth-child(2){animation-delay:.1s}.stg>:nth-child(3){animation-delay:.15s}.stg>:nth-child(4){animation-delay:.2s}.stg>:nth-child(5){animation-delay:.25s}.stg>:nth-child(6){animation-delay:.3s}@keyframes stgIn{to{opacity:1;transform:translateY(0)}}
@media(max-width:1024px){.cg-c{min-height:70px}.cli-det{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.side{transform:translateX(-100%)}.side.open{transform:translateX(0)}.main{margin-left:0}.burger{display:flex}.topbar{padding:12px 16px}.cnt{padding:16px}.stats{grid-template-columns:repeat(2,1fr)}.cg .cg-c{min-height:50px;padding:4px}.cgev{display:none}.ug{grid-template-columns:1fr}.clock{font-size:3rem}.fgr{grid-template-columns:1fr}.cli-det{grid-template-columns:1fr}.cp-grid{grid-template-columns:1fr}}
@media(max-width:480px){.stats{grid-template-columns:1fr}}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:10px}