.pwa-install{position:fixed;right:18px;bottom:18px;z-index:90;border:0;border-radius:16px;padding:12px 16px;color:#fff;background:linear-gradient(145deg,var(--gradient-end),var(--gradient-start));box-shadow:0 6px 0 color-mix(in srgb,var(--gradient-start) 75%,#000),0 16px 30px rgba(0,0,0,.2);font-weight:900;cursor:pointer}.network-status{position:fixed;left:12px;bottom:12px;z-index:89;padding:5px 9px;border-radius:999px;color:#fff;font-size:9px;font-weight:900;opacity:.82}.network-status.online{background:#15803d}.network-status.offline{background:#dc2626}.ios-install-help{position:fixed;right:16px;bottom:75px;z-index:91;width:min(340px,calc(100vw - 32px));padding:16px;border-radius:17px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.25);border:1px solid var(--line);font-size:12px;line-height:1.6}.pwa-standalone .pwa-install{display:none!important}
.portal-auth{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--gradient-end) 28%,transparent),transparent 32%),radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--gradient-start) 18%,transparent),transparent 34%),linear-gradient(145deg,var(--page-start),var(--page-end));color:#25302e}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1.08fr) minmax(390px,.92fr)}.login-story{position:relative;overflow:hidden;padding:clamp(32px,6vw,80px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.22),transparent 25%),linear-gradient(145deg,var(--gradient-start),var(--gradient-end));box-shadow:10px 0 40px color-mix(in srgb,var(--gradient-start) 25%,transparent)}.login-story:after{content:'PI';position:absolute;right:-25px;bottom:-65px;font-size:260px;font-weight:900;opacity:.07}.auth-logo{position:relative;z-index:1;display:block;width:min(330px,75%)}.auth-logo img,.mobile-auth-logo img,.register-card header img{display:block;width:100%;max-height:92px;object-fit:contain;object-position:left center}.login-story>div{position:relative;z-index:1;max-width:620px}.auth-kicker{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.18em;opacity:.85}.login-story h1{font-size:clamp(32px,4.6vw,64px);line-height:1.04;margin:15px 0}.login-story p{max-width:580px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.88)}.login-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.login-benefits span{padding:12px 14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:13px;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}.login-story>small{position:relative;z-index:1;opacity:.7}.login-form-side{display:grid;place-items:center;padding:30px}.auth-form-card{width:min(430px,100%);padding:34px;border:1px solid color-mix(in srgb,var(--gradient-start) 12%,#fff);border-radius:25px;background:rgba(255,255,255,.95);box-shadow:0 8px 0 color-mix(in srgb,var(--gradient-start) 12%,#e5e9e7),0 30px 70px rgba(40,20,25,.15)}.mobile-auth-logo{display:none}.auth-form-card h2{font-size:28px;margin:8px 0}.auth-form-card>p{color:#667085;margin:0 0 22px}.auth-form-card label,.compact-register label{display:grid;gap:6px;font-size:10px;font-weight:900;margin-bottom:13px}.auth-form-card input,.compact-register input,.compact-register textarea,.compact-register select{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--gradient-start) 18%,#d8dfdc);border-radius:12px;padding:10px 12px;background:#fff;color:#26322f;outline:0;box-shadow:inset 0 2px 5px rgba(0,0,0,.04)}.auth-form-card input:focus,.compact-register input:focus,.compact-register textarea:focus,.compact-register select:focus{border-color:var(--gradient-start);box-shadow:0 0 0 3px color-mix(in srgb,var(--gradient-end) 18%,transparent)}.compact-register select{appearance:auto;background:#fff}.auth-switch{text-align:center!important;margin:20px 0 12px!important}.auth-switch a,.auth-back,.terms-check a{color:var(--gradient-start);font-weight:900}.auth-back{display:block;text-align:center;font-size:11px}.register-auth{display:grid;place-items:center;padding:22px}.register-card{width:min(800px,100%);padding:24px 28px;border:1px solid color-mix(in srgb,var(--gradient-start) 15%,#fff);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 8px 0 color-mix(in srgb,var(--gradient-start) 15%,#e5e9e7),0 28px 65px rgba(50,20,25,.16)}.register-card header{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px;margin-bottom:15px}.register-card header h1{margin:5px 0;font-size:25px}.register-card header p{margin:0;color:#667085;font-size:11px}.compact-register{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.compact-register .wide{grid-column:1/-1}.terms-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important}.terms-check input{width:18px!important;min-height:18px!important;margin:2px 0}.register-actions{display:flex;justify-content:center;gap:10px}.register-card>.auth-back{margin-top:14px}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.dashboard-card{position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--page-start) 55%,#fff));box-shadow:0 5px 0 color-mix(in srgb,var(--gradient-start) 10%,#e7ece9),0 15px 28px rgba(20,35,31,.07)}.dashboard-card:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-25px;background:color-mix(in srgb,var(--gradient-end) 16%,transparent)}.dashboard-card small{display:block;color:var(--muted);font-weight:800}.dashboard-card b{display:block;margin:5px 0;font-size:25px;color:var(--gradient-start)}.online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.12);margin-right:6px}.charts-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-bottom:18px}.chart-panel h2{margin-top:0}.bar-chart{height:220px;display:flex;align-items:end;gap:10px;padding:20px 5px 0;border-bottom:1px solid var(--line)}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar-column b{font-size:10px;color:var(--gradient-start)}.bar-column i{display:block;width:min(34px,80%);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(var(--gradient-end),var(--gradient-start));box-shadow:inset 3px 0 rgba(255,255,255,.18)}.bar-column small{font-size:8px;color:var(--muted)}.category-chart{display:grid;gap:10px}.category-row{display:grid;grid-template-columns:105px 1fr 35px;gap:8px;align-items:center;font-size:10px}.category-track{height:10px;border-radius:10px;background:var(--soft);overflow:hidden}.category-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end))}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.live-list,.top-list{display:grid;gap:9px}.live-item,.top-item{display:flex;justify-content:space-between;gap:12px;padding:9px;border-bottom:1px solid var(--line);font-size:10px}.live-item:last-child,.top-item:last-child{border:0}.live-item small,.top-item small{color:var(--muted)}
@media(min-width:761px){.pwa-install,.ios-install-help{display:none!important}}@media(max-width:900px){.login-layout{grid-template-columns:1fr}.login-story{display:none}.mobile-auth-logo{display:block;width:220px;margin:0 auto 20px}.login-form-side{min-height:100vh;padding:18px}.dashboard-grid{grid-template-columns:1fr 1fr}.charts-grid,.dashboard-bottom{grid-template-columns:1fr}}@media(max-width:760px){body{padding-bottom:env(safe-area-inset-bottom)}.pwa-install{right:12px;bottom:calc(14px + env(safe-area-inset-bottom));font-size:11px}.network-status{bottom:calc(14px + env(safe-area-inset-bottom))}.portal-auth{padding-top:0}.auth-form-card{padding:23px}.register-auth{padding:10px}.register-card{padding:17px}.register-card header{grid-template-columns:110px 1fr;gap:12px}.register-card header h1{font-size:18px}.compact-register{display:block}.register-actions{display:grid}.dashboard-grid{gap:7px}.dashboard-card{padding:11px}.dashboard-card b{font-size:18px}.bar-chart{height:180px;gap:4px}.category-row{grid-template-columns:85px 1fr 26px}}