:root{--g:rgba(255,255,255,.13);--g2:rgba(255,255,255,.22);--gb:rgba(255,255,255,.34);--gold:#f0c86e;--gold2:#c9922a;--grn:#2ecc71;--blu:#6ec6ff;--tx:#f5f9ff;--mu:rgba(245,249,255,.68);--r:20px;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;margin:0;padding:0}
body{font:14px/1.5 Inter,system-ui,sans-serif;color:var(--tx);min-height:100vh;background:#063a5e linear-gradient(160deg,#063a5e,#0e6ba8 30%,#1fa37a 62%,#2ecc71 80%,#f0c86e) fixed;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);z-index:-1;opacity:.5}
body:before{width:460px;height:460px;background:var(--gold);top:-140px;right:-100px}body:after{width:500px;height:500px;background:#17d3c0;bottom:-170px;left:-140px}
h1,h2,h3,.ph{font-family:Poppins,sans-serif}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--gb);box-shadow:0 8px 32px rgba(6,40,70,.28),inset 0 1px 0 rgba(255,255,255,.45);border-radius:var(--r)}
#app{display:flex;min-height:100vh}
aside{width:240px;margin:12px;padding:16px 12px;position:sticky;top:12px;height:calc(100vh - 24px);display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;font:700 15px Poppins}.brand img{width:40px;height:40px;border-radius:12px;border:1px solid var(--gb)}.brand small{display:block;font:500 10px Inter;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;color:var(--mu);cursor:pointer;border:1px solid transparent;transition:.25s;font-weight:500}.nav:hover{background:var(--g);color:#fff}
.nav.on{background:var(--g2);color:#fff;border-color:var(--gb);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.nav i{font-style:normal;width:20px;text-align:center}
main{flex:1;min-width:0;padding:12px 12px 12px 0}
.top{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:12px;position:sticky;top:12px;z-index:5}.top h2{font-size:18px;flex:1}
.av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));display:grid;place-items:center;color:#4a2a00;font-weight:700;font-size:12px}
.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:12px}.two{grid-template-columns:1.5fr 1fr}
.card{padding:16px}.stat b{display:block;font:700 26px Poppins}.stat span{color:var(--mu);font-size:12px}.stat em{font-style:normal;color:var(--gold);float:right;font-size:20px}
.card h3{font-size:14px;margin-bottom:10px}
.btn{border:1px solid var(--gb);background:var(--g2);color:#fff;padding:8px 14px;border-radius:12px;font:600 13px Inter;cursor:pointer;transition:.25s}.btn:hover{background:rgba(255,255,255,.32);transform:translateY(-1px)}
.btn.p{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#3b2300;border:0}.btn.s{padding:4px 9px;font-size:11px}
input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--gb);background:rgba(255,255,255,.12);color:#fff;font:inherit;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,200,110,.25)}
::placeholder{color:var(--mu)}option{color:#10233a}label{font-size:12px;color:var(--mu);display:block;margin:10px 0 4px}
.bar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.bar input{flex:1;min-width:140px}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--gold);font:600 11px Inter;text-transform:uppercase;letter-spacing:.06em}th,td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12);white-space:nowrap}tr:hover td{background:rgba(255,255,255,.06)}
.tag{padding:2px 9px;border-radius:99px;font-size:11px;background:rgba(46,204,113,.28);border:1px solid rgba(46,204,113,.5)}
.li{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}.li:last-child{border:0}.li small{color:var(--mu);display:block}.li div{flex:1}
.mod{position:fixed;inset:0;background:rgba(3,25,45,.5);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;padding:16px}.mod .glass{width:100%;max-width:440px;padding:20px;max-height:90vh;overflow:auto}
#login{min-height:100vh;display:grid;place-items:center;padding:16px}#login .glass{width:100%;max-width:380px;padding:30px;text-align:center}#login img{width:84px;height:84px;border-radius:24px;margin:0 auto 12px;border:1px solid var(--gb)}
.err{color:#ffb4a8;font-size:12px;margin-top:8px;min-height:16px}.sub{color:var(--mu);font-size:12px;margin-bottom:14px}
#tabs{display:none}aside{overflow-y:auto}.gl{font:600 10px Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:10px 12px 2px}.nav{padding:7px 12px}a.btn{text-decoration:none;display:inline-block}
@media(max-width:1100px){aside{width:68px;align-items:center}aside .brand div,aside .nav span,aside .who,aside .gl{display:none}.two{grid-template-columns:1fr}}
@media(max-width:700px){aside{display:none}main{padding:8px 8px 84px}.top{top:calc(8px + env(safe-area-inset-top,0px))}
#tabs{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:6px;justify-content:space-around;z-index:20}
#tabs .nav{flex-direction:column;gap:0;font-size:10px;padding:6px 8px}#tabs i{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.view{animation:in .4s ease}@keyframes in{from{opacity:0;transform:translateY(8px)}}}
a{color:inherit;text-decoration:none}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 14px}.ok{color:#9dffc4;font-size:12px}.bars{display:flex;align-items:flex-end;gap:10px;height:150px}.bars div{flex:1;text-align:center;font-size:11px;color:var(--mu)}.bars i{display:block;border-radius:9px 9px 3px 3px;background:linear-gradient(#f0c86e,#2ecc71);margin-bottom:4px}@media print{aside,.top,#tabs,.bar,.noprint{display:none!important}body{background:#fff!important;color:#000}.glass{background:#fff!important;box-shadow:none;border:1px solid #ccc;backdrop-filter:none}th{color:#000}td,h3,span{color:#000!important}}.hero{padding:34px 22px;text-align:center}.hero h1{font-size:28px}.pub{max-width:1000px;margin:auto;padding:12px}.pnav{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:12px;flex-wrap:wrap}.pnav b{flex:1;font-family:Poppins}