*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#09111f;--bg-surface:#0c1b2e;--bg-input:#0e2236;--bg-input-focused:#112840;--border:#00c8c838;--border-focused:#00c8c8;--accent:#00c8c8;--accent-light:#00c8c81f;--text:#d8eef6;--text-muted:#5a8095;--error:#f55;--placeholder:#3a6070;--radius-input:11px;--radius-button:13px}html{height:100%}body{background:var(--bg-primary);color:var(--text);flex-direction:column;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;flex:1;min-height:100dvh;display:flex}.hero,.dashboard,.verify-page{flex:1 0 auto}.hidden{display:none!important}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border);background:#09111ff2;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.logo-header{align-items:center;gap:12px;display:flex}.logo-header svg{width:40px;height:45px}.logo-header-text{letter-spacing:3px;color:var(--accent);font-size:20px;font-weight:800}.nav-buttons{align-items:center;gap:12px;display:flex}.btn-nav{border:2px solid var(--accent);color:var(--accent);border-radius:var(--radius-button);cursor:pointer;background:0 0;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.btn-nav:hover{background:var(--accent);color:var(--bg-primary);transform:translateY(-2px)}.hero{isolation:isolate;justify-content:center;align-items:center;min-height:100vh;padding:100px 40px 60px;display:flex;position:relative;overflow:hidden}.hero:before{display:none}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;display:grid;position:relative}.hero-left{flex-direction:column;gap:30px;display:flex}.hero-title{color:var(--text);font-size:56px;font-weight:800;line-height:1.1}.hero-title .accent{color:var(--accent);display:block}.hero-subtitle{color:var(--text-muted);font-size:20px;line-height:1.6}.download-buttons{flex-wrap:wrap;gap:16px;display:flex}.btn-download{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-button);cursor:pointer;border:none;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.btn-download:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #00c8c84d}.hero-right{justify-content:center;align-items:center;display:flex}.logo-container{flex-direction:column;align-items:center;gap:20px;display:flex}.brand-name{letter-spacing:6px;color:var(--accent);font-size:32px;font-weight:800}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.active{animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-surface);border:2px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:16px;width:100%;max-width:420px;max-height:90vh;padding:40px;animation:.3s slideUp;position:relative;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:color .3s;display:flex;position:absolute;top:15px;right:15px}.modal-close:hover{color:var(--accent)}.modal-logo{text-align:center;margin-bottom:30px}.form-group{margin-bottom:14px}.form-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-input);width:100%;color:var(--text);padding:14px 16px;font-size:15px;transition:all .3s}.form-input::placeholder{color:var(--placeholder)}.form-input:focus{border-color:var(--border-focused);background:var(--bg-input-focused);outline:none}.form-input.input-invalid{border-color:var(--error)!important;background:#ff55550f!important}.form-input.input-valid{border-color:#00c8c873}.form-error,.field-error{color:var(--error);min-height:0;margin-top:4px;font-size:13px;line-height:1.35}.field-error:empty,.form-error:empty{min-height:0;margin:0;display:none}.field-hint{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.35}.field-hint:empty{display:none}.btn-submit{background:var(--accent);width:100%;color:var(--bg-primary);border-radius:var(--radius-button);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex}.btn-submit:hover:not(:disabled){background:#00e5e5;transform:translateY(-2px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit .spinner{border:2px solid #09111f4d;border-top-color:var(--bg-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-links{text-align:center;margin-top:20px}.modal-link{color:var(--text-muted);cursor:pointer;font-size:14px;font:inherit;background:0 0;border:none;text-decoration:none;transition:color .3s}.modal-link:hover{color:var(--accent);text-decoration:underline}.modal-link.accent{color:var(--accent);font-weight:600}.password-wrap{position:relative}.password-wrap .form-input{padding-right:44px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--accent);background:#00c8c814}.password-toggle svg{width:18px;height:18px}.strength{align-items:center;gap:6px;margin-top:4px;display:flex}.strength-bar{background:#ffffff14;border-radius:999px;flex:1;height:4px;overflow:hidden}.strength-fill{border-radius:inherit;width:0%;height:100%;transition:width .3s,background .3s}.strength-label{color:var(--text-muted);text-align:right;min-width:70px;font-size:12px}.register-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0;display:grid}.register-grid .form-group{min-width:0;margin-bottom:0}.otp-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:4px;display:grid}.otp-input{text-align:center;letter-spacing:1px;height:52px;font-size:20px;font-weight:700;padding:12px 4px!important}.otp-input:focus{box-shadow:0 0 0 3px #00c8c826;border-color:var(--accent)!important}.dashboard{background:var(--bg-primary);min-height:100vh;padding:120px 40px 60px}.dashboard-container{grid-template-columns:280px 1fr;gap:24px;max-width:1200px;margin:0 auto;display:grid}.dashboard-sidebar{background:var(--bg-surface);border:2px solid var(--border);border-radius:18px;height:fit-content;padding:24px;position:sticky;top:90px}.dashboard-panel{background:var(--bg-surface);border:2px solid var(--border);border-radius:18px;padding:24px}.dashboard-user{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.dashboard-user h2{color:var(--accent);word-break:break-word;font-size:20px}.dashboard-user p{color:var(--text-muted);word-break:break-all;font-size:14px}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px;display:grid}.dashboard-card{background:var(--bg-input);border:1px solid var(--border);border-radius:16px;padding:18px}.dashboard-card h3{color:var(--accent);margin-bottom:8px;font-size:16px}.dashboard-card p{color:var(--text-muted);font-size:14px;line-height:1.5}.dashboard-stats{gap:18px;margin-top:20px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stats-card,.history-card{background:var(--bg-input);border:1px solid var(--border);border-radius:16px;padding:18px}.stats-card h3,.history-card h3{color:var(--accent);margin-bottom:8px;font-size:16px}.stats-card p,.history-card p{color:var(--text-muted);margin-bottom:12px;font-size:14px;line-height:1.5}.summary-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.summary-item{border:1px solid var(--border);background:#00c8c80d;border-radius:14px;padding:14px}.summary-item span{color:var(--text-muted);margin-bottom:6px;font-size:12px;display:block}.summary-item strong{color:var(--text);font-size:22px}.chart-wrap{width:100%;height:220px}.chart-canvas{width:100%;height:220px;display:block}.history-list{gap:10px;display:grid}.history-item{border:1px solid var(--border);background:#ffffff05;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.history-meta strong{color:var(--text);margin-bottom:4px;font-size:14px;display:block}.history-meta span{color:var(--text-muted);font-size:12px}.badge{border:1px solid var(--border);color:var(--accent);background:#00c8c814;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:700}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text);border-radius:12px;align-items:flex-start;gap:10px;min-width:260px;max-width:360px;padding:14px 16px;font-size:14px;animation:.3s toastIn;display:flex;box-shadow:0 10px 30px #0006}.toast.error{border-left-color:var(--error)}.toast.success{border-left-color:var(--accent)}.toast-title{margin-bottom:2px;font-size:13px;font-weight:700}.toast-msg{color:var(--text-muted);font-size:13px;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px;line-height:1}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(5px)}}.form-success{color:var(--accent);border:1px solid var(--border);background:#00c8c814;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:13px}@media (width<=1200px){.hero-content{gap:40px}.dashboard-container{gap:20px;max-width:1000px}}@media (width<=1024px){.hero{padding:100px 32px 60px}.dashboard{padding:110px 32px 50px}}@media (width<=968px){.hero{min-height:auto;padding:90px 24px 50px}.hero-content{text-align:center;flex-direction:column;gap:28px;display:flex}.hero-right{order:1}.hero-left{order:2;align-items:center}.hero-title{font-size:42px;line-height:1.15}.hero-subtitle{max-width:600px;margin:0 auto}.download-buttons{justify-content:center}.logo-container svg{width:180px!important;height:auto!important}.header{padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top,0px))}.logo-header-text{letter-spacing:2px;font-size:16px}.nav-buttons{gap:8px}.btn-nav{min-height:38px;padding:8px 14px;font-size:12px}.dashboard-container{grid-template-columns:1fr}.dashboard-sidebar{position:static}.dashboard-panel{padding:20px}.stats-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.header{flex-wrap:wrap;gap:10px}.hero{padding:88px 20px 40px}.hero-title{font-size:36px}.hero-subtitle{font-size:17px}.brand-name{letter-spacing:4px;font-size:26px}.dashboard{padding:96px 20px 40px}.dashboard-cards,.summary-row{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}.chart-wrap,.chart-canvas{height:200px}.verify-page{padding:96px 20px 40px}.verify-card{padding:28px 22px}.modal{padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px))}.modal-content{max-width:420px}}@media (width<=640px){.header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.logo-header{gap:8px}.logo-header svg{width:32px!important;height:36px!important}.logo-header-text{letter-spacing:2px;font-size:15px}.btn-nav{min-height:40px;padding:9px 14px;font-size:13px}.hero{padding:82px 16px 36px}.hero-title{font-size:28px;line-height:1.2}.hero-subtitle{font-size:15px;line-height:1.5}.download-buttons{flex-direction:column;width:100%}.btn-download{justify-content:center;width:100%;min-height:48px;padding:14px 20px;font-size:15px}.logo-container svg{width:160px!important;height:auto!important}.brand-name{letter-spacing:3px;font-size:22px}.modal{padding:12px}.modal-content{border-radius:14px;max-width:100%;max-height:calc(100vh - 24px);margin:10px;padding:28px 18px}.verify-page{align-items:flex-start;min-height:100dvh;padding:88px 12px 24px}.verify-container{max-width:100%}.otp-grid{gap:6px}.otp-input{height:46px;font-size:18px;padding:8px 2px!important}.modal-logo svg{width:64px!important;height:auto!important}.form-input{padding:13px 14px;font-size:16px}.btn-submit{min-height:48px}.dashboard{padding:84px 14px 32px}.dashboard-panel,.dashboard-sidebar{border-radius:14px;padding:16px}.dashboard-cards,.summary-row{grid-template-columns:1fr}.chart-wrap,.chart-canvas{height:180px}.history-item{flex-direction:column;align-items:flex-start;gap:8px}.badge{align-self:flex-start}.verify-page{padding:82px 14px 32px}.verify-card{border-radius:14px;padding:24px 16px}.verify-title{font-size:22px}.toast-container{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.toast{width:100%;min-width:0;max-width:none}.register-grid{grid-template-columns:1fr!important;gap:0!important}.register-grid .form-group{margin-bottom:16px!important}.register-grid .form-group:last-child{margin-bottom:0!important}}@media (width<=480px){.hero-title{font-size:26px}.hero-subtitle,.btn-download{font-size:14px}.logo-container svg{width:140px!important}.brand-name,.verify-title{font-size:20px}.verify-subtitle{font-size:13px}.verify-card{padding:18px 14px}.verify-page{padding:82px 12px 20px}.otp-grid{gap:4px}.otp-input{height:42px;font-size:16px}.dashboard-user h2{font-size:18px}.summary-item strong{font-size:20px}.form-label{font-size:13px}}@media (width<=360px){.header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px))}.logo-header-text{letter-spacing:1.5px;font-size:14px}.btn-nav{padding:8px 10px;font-size:12px}.hero-title{font-size:24px}.hero{padding:76px 12px 28px}.modal-content{padding:22px 14px}.dashboard{padding:76px 12px 24px}.verify-card{padding:20px 12px}}@supports (padding:max(0px)){.header,.hero,.dashboard,.verify-page{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (height<=500px) and (orientation:landscape){.hero{min-height:auto;padding:72px 20px 28px}.hero-content{text-align:left;grid-template-columns:1fr 1fr}.modal-content{max-height:92dvh;overflow-y:auto}.verify-page{padding:72px 20px 24px}}.verify-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:110px 20px 60px;display:flex;position:relative}.verify-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#00c8c814 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.verify-container{z-index:1;width:100%;max-width:480px;position:relative}.verify-card{background:var(--bg-surface);border:2px solid var(--border);border-radius:18px;padding:36px;box-shadow:0 20px 60px #00000059}.verify-title{color:var(--text);text-align:center;margin-bottom:10px;font-size:28px;font-weight:800}.verify-subtitle{color:var(--text-muted);text-align:center;word-break:break-word;overflow-wrap:anywhere;margin-bottom:24px;font-size:14px;line-height:1.6}.verify-card .form-error,.verify-card .form-success{word-break:break-word;overflow-wrap:anywhere}.footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:28px 40px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));margin-top:auto}.footer-inner{flex-direction:column;gap:14px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{flex-direction:column;gap:4px;display:flex}.footer-logo{letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-size:16px;font-weight:800}.footer-subtitle{color:var(--text-muted);font-size:13px}.footer-bottom{color:var(--text-muted);border-top:1px solid #00c8c814;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:14px;font-size:13px;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent);text-decoration:underline}.footer-sep{opacity:.4}@media (width<=640px){.footer{padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.footer-links{gap:8px}}.public-app{flex-direction:column;min-height:100vh;display:flex}.portal-shell{background:var(--bg-primary);min-height:100vh;color:var(--text);padding-top:76px}.portal-header{z-index:500;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09111ff5;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;height:76px;padding:0 28px;display:grid;position:fixed;inset:0 0 auto}.portal-brand{color:var(--accent);font:inherit;letter-spacing:2.5px;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:800;display:inline-flex}.portal-brand:hover{color:#00e5e5}.portal-header-center{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:14px;font-weight:700}.portal-user{justify-self:end;align-items:center;gap:14px;display:flex}.portal-user>div{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.portal-user strong{color:var(--text);font-size:13px}.portal-user span{color:var(--text-muted);font-size:11px}.portal-body{grid-template-columns:250px minmax(0,1fr);max-width:1440px;min-height:calc(100vh - 76px);margin:0 auto;display:grid}.portal-sidebar{border-right:1px solid var(--border);background:#0c1b2e8f;height:calc(100vh - 76px);padding:28px 16px;position:sticky;top:76px;overflow-y:auto}.sidebar-caption{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;padding:0 12px 10px;font-size:10px;font-weight:800}.portal-nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:12px;flex-direction:column;gap:3px;margin:4px 0;padding:13px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.portal-nav-link small{color:inherit;opacity:.8;font-size:11px;font-weight:500}.portal-nav-link:hover{color:var(--text);background:#ffffff08}.portal-nav-link.active{color:var(--accent);background:var(--accent-light);border-color:var(--border)}.portal-content{min-width:0;padding:36px}.role-dashboard,.module-page{width:100%;max-width:1100px;margin:0 auto}.page-heading{margin-bottom:28px}.page-heading.compact{margin-bottom:18px}.eyebrow{color:var(--accent);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-block}.page-heading h1{color:var(--text);font-size:clamp(30px,4vw,48px);line-height:1.05}.page-heading p{max-width:700px;color:var(--text-muted);margin-top:10px;line-height:1.6}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;min-width:0;padding:18px}.metric-card span{color:var(--text-muted);margin-bottom:8px;font-size:12px;display:block}.metric-card strong{color:var(--text);word-break:break-word;font-size:22px;display:block}.metric-card small{color:var(--text-muted);word-break:break-word;margin-top:6px;line-height:1.4;display:block}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.module-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:flex}.module-card:hover{border-color:var(--border-focused);background:var(--bg-input);transform:translateY(-2px)}.module-card h2{color:var(--text);font-size:18px}.module-card p{color:var(--text-muted);margin-top:6px;line-height:1.5}.module-icon{width:42px;height:42px;color:var(--accent);background:var(--accent-light);border:1px solid var(--border);border-radius:12px;flex:0 0 42px;place-items:center;font-size:11px;font-weight:900;display:grid}.user-status-banner{background:linear-gradient(90deg, var(--accent-light), #00c8c805);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex}.user-status-banner>div{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.user-status-banner strong{color:var(--accent);font-size:13px}.status-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #00c8c817}.module-tabs{border-bottom:1px solid var(--border);gap:8px;margin:14px 0 16px;padding-bottom:10px;display:flex}.module-tabs a{color:var(--text-muted);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none}.module-tabs a:hover{color:var(--text);background:#ffffff08}.module-tabs a.active{color:var(--accent);background:var(--accent-light)}.simple-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:22px}.simple-panel h2{color:var(--text);margin-bottom:8px;font-size:19px}.simple-panel p{color:var(--text-muted);line-height:1.7}.forbidden-page{place-items:center;min-height:100vh;padding:100px 20px 40px;display:grid}.forbidden-page .simple-panel{text-align:center;width:100%;max-width:520px}.inline-action{justify-content:center;align-items:center;width:auto;min-width:170px;margin-top:18px;text-decoration:none;display:inline-flex}.route-loading{min-height:100vh;color:var(--text-muted);background:var(--bg-primary);place-items:center;display:grid}@media (width<=1000px){.portal-header{grid-template-columns:1fr auto}.portal-header-center{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.portal-header{height:68px;padding:0 16px}.portal-shell{padding-top:68px}.portal-body{grid-template-columns:1fr}.portal-sidebar{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;height:auto;padding:12px;display:grid;position:static}.sidebar-caption{grid-column:1/-1;padding-bottom:4px}.portal-nav-link{justify-content:center;min-height:58px;margin:0}.portal-content{padding:24px 18px 80px}.module-grid{grid-template-columns:1fr}.user-status-banner{flex-direction:column;align-items:flex-start}}@media (width<=560px){.portal-header{gap:10px}.portal-brand{letter-spacing:1.7px;font-size:15px}.portal-user>div{display:none}.portal-user .btn-nav{padding:8px 10px;font-size:11px}.portal-sidebar{grid-template-columns:1fr}.portal-nav-link{flex-direction:row;justify-content:space-between;align-items:center;min-height:auto}.portal-content{padding:22px 14px 90px}.metric-grid{grid-template-columns:1fr}}.sg-shell-vars,.app-shell{--bg-primary:#07111f;--bg-surface:#0d1b2d;--bg-surface-2:#12243a;--bg-input:#13293f;--border:#97c4d32e;--border-soft:#97c4d31c;--accent:#18c7c8;--accent-hover:#39dde0;--accent-light:#18c7c81a;--accent-ink:#062a33;--text:#f2f7fa;--text-muted:#a8bdca;--text-faint:#7891a3;--topbar-height:64px;--sidebar-width:238px;--sidebar-collapsed-width:72px}.app-shell{background:radial-gradient(900px 400px at 80% -10%, #00c8c812, transparent 60%), radial-gradient(700px 380px at 10% 0%, #6c90f00f, transparent 60%), var(--bg-primary);min-height:100vh;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.55}.app-shell svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:19px;height:19px;display:block}.app-shell .hidden{display:none!important}.app-shell .sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell .topbar{height:var(--topbar-height);z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111fed;border-bottom:1px solid #97c4d31f;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}.app-shell .topbar-start,.app-shell .topbar-end{align-items:center;gap:10px;min-width:0;display:flex}.app-shell .brand{min-height:44px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:10px;text-decoration:none;display:flex}.app-shell .brand-mark svg{width:39px;height:44px}.app-shell .brand-copy{align-items:center;min-height:44px;line-height:1;display:flex}.app-shell .brand-copy strong{letter-spacing:2.6px;color:var(--text);font-size:18px;font-weight:800;line-height:1}.app-shell .icon-btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;transition:all .18s;display:grid}.app-shell .icon-btn:hover{color:var(--text);border-color:var(--border-soft);background:#ffffff0f}.app-shell .topbar [data-mobile-nav]{display:none}.app-shell .bell{position:relative}.app-shell .bell-dot{color:#fff;background:#d63f53;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:4px;right:4px}.app-shell .user-menu-wrap{position:relative}.app-shell .user-trigger{cursor:pointer;min-height:42px;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:5px 10px 5px 6px;transition:all .18s;display:flex}.app-shell .user-trigger:hover{border-color:var(--border-soft);background:#ffffff0f}.app-shell .user-avatar{color:#d9fbff;background:linear-gradient(135deg,#00c8c847,#6c90f038);border:1px solid #00c8c859;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12.5px;font-weight:700;display:grid}.app-shell .user-copy{text-align:left;line-height:1.25;display:grid}.app-shell .user-copy strong{color:var(--text);font-size:13.5px;font-weight:650}.app-shell .user-copy span{color:var(--text-muted);font-size:11.5px}.app-shell .dropdown{border:1px solid var(--border);z-index:1000;background:#10233c;border-radius:13px;width:290px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000059}.app-shell .dropdown-item{cursor:pointer;text-align:left;width:100%;min-height:40px;color:var(--text);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.app-shell .dropdown-item:hover{color:#fff;background:#ffffff0f}.app-shell .dropdown-separator{background:var(--border-soft);height:1px;margin:6px 4px}.app-shell .dropdown-item-danger{color:#ffb1ba}.app-shell .dropdown-item-danger:hover{color:#ffd7db;background:#ef5a6c14}.app-shell .dropdown-head{padding:10px 12px}.app-shell .dropdown-head strong{font-size:13.5px;display:block}.app-shell .dropdown-head span{color:var(--text-muted);font-size:12px}.app-shell .dropdown-empty{color:var(--text-muted);margin:0;padding:10px 12px;font-size:13px}.app-shell .dropdown-item.notif-item{border-top:1px solid var(--border-soft);border-radius:0;align-items:start;gap:2px;display:grid}.app-shell .dropdown-item.notif-item strong{font-size:13px}.app-shell .dropdown-item.notif-item span{color:var(--text-muted);font-size:12px}.app-shell .dropdown-item.notif-item small{color:var(--text-muted);font-size:11px}.app-shell .dropdown-item.dropdown-link{color:#7ee7e7;justify-content:center;font-weight:700}.notif-perm-banner{margin-bottom:18px}.notif-perm-banner p{margin:8px 0 12px}.notif-perm-banner button{border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;background:#00c8c824;border-radius:10px;padding:8px 14px;font-weight:600}.notif-perm-banner button+button{background:0 0;font-weight:500}.app-shell .sidebar{top:var(--topbar-height);width:var(--sidebar-width);z-index:40;border-right:1px solid var(--border-soft);background:#0a1728;padding:12px 12px 18px;transition:width .18s,transform .18s;position:fixed;bottom:0;left:0;overflow:auto}.app-shell .sidebar-label{display:none!important}.app-shell .nav-group{margin-bottom:4px;position:relative}.app-shell .nav-group:last-of-type{margin-bottom:8px}.app-shell .nav{gap:3px;display:grid}.app-shell .nav-group-toggle{width:100%;min-height:42px;color:var(--text-muted);cursor:pointer;text-align:left;font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:flex-start;align-items:center;gap:11px;padding:9px 11px;transition:all .16s;display:flex;position:relative}.app-shell .nav-group-toggle svg{color:var(--text-faint)}.app-shell .nav-group-toggle:hover{color:var(--text);background:#ffffff0d}.app-shell .nav-group-toggle:hover svg{color:var(--accent)}.app-shell .nav-group.open>.nav-group-toggle,.app-shell .nav-group.active>.nav-group-toggle{color:var(--text);background:var(--accent-light);border-color:#00c8c833}.app-shell .nav-group.open>.nav-group-toggle svg,.app-shell .nav-group.active>.nav-group-toggle svg{color:var(--accent)}.app-shell .nav-group.active>.nav-group-toggle:before{content:"";background:var(--accent);border-radius:99px;width:3px;position:absolute;top:10px;bottom:10px;left:-12px}.app-shell .nav-group-title{white-space:nowrap;flex:1;font-size:13.8px;font-weight:650;display:block}.app-shell .sidebar .nav-group>.nav{gap:2px;padding:3px 0 5px 8px;display:none}.app-shell .sidebar .nav-group.open>.nav{display:grid}.app-shell .nav-link{min-height:38px;color:var(--text-muted);white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;padding:8px 10px;font-size:13px;font-weight:550;text-decoration:none;transition:all .16s;display:flex;position:relative}.app-shell .nav-link svg{color:var(--text-faint)}.app-shell .nav-link:hover{color:var(--text);background:#ffffff0d}.app-shell .nav-link:hover svg{color:var(--accent)}.app-shell .nav-link.active{color:var(--text);background:var(--accent-light);border-color:#00c8c838;padding-left:12px}.app-shell .nav-link.active svg{color:var(--accent)}.app-shell .nav-link.active:before{content:"";background:var(--accent);border-radius:99px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.app-shell .sidebar-backdrop{display:none}.app-shell .main-area{min-height:100vh;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);transition:margin-left .18s}.app-shell .content{width:100%;max-width:1420px;margin:0 auto;padding:28px 30px 44px}.app-shell .breadcrumb{color:var(--text-faint);margin-bottom:6px;font-size:12.5px}.app-shell .breadcrumb b{color:var(--text-muted);font-weight:600}.app-shell .page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.app-shell .page-header h1{letter-spacing:-.03em;color:#f2f9fd;margin:0;font-size:30px;font-weight:750;line-height:1.15}.app-shell .page-header p{color:var(--text-muted);max-width:640px;margin:6px 0 0;font-size:14px}.app-shell .page-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.app-shell .page-actions:empty{display:none}.app-shell .card,.app-shell .panel{background:linear-gradient(180deg, #ffffff06, transparent 40%), var(--bg-surface);border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 1px 2px #00000059}.app-shell .panel-body{padding:22px}.app-shell .empty-state,.app-shell .error-state,.app-shell .loading-state{text-align:center;place-items:center;min-height:300px;padding:36px 22px;display:grid}.app-shell .empty-state h2,.app-shell .error-state h2{color:var(--text);font-size:17px}.app-shell .empty-state p,.app-shell .error-state p{color:var(--text-muted);font-size:13.5px}.app-shell .state-icon{background:var(--accent-light);width:52px;height:52px;color:var(--accent);border:1px solid #00c8c833;border-radius:50%;place-items:center;margin:0 auto 14px;font-size:20px;display:grid}.app-shell .app-foot{max-width:none;color:var(--text-faint);border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;padding:12px 30px 20px;font-size:12px;display:flex}.app-shell .app-foot a{color:var(--text-faint);text-decoration:none}.app-shell .app-foot a:hover{color:var(--accent)}.app-shell .nav-group-toggle .chev{width:15px;height:15px;color:var(--text-faint);margin-left:auto;transition:transform .16s}.app-shell .nav-group.open .nav-group-toggle .chev{transform:rotate(180deg)}body.sg-collapsed .app-shell .sidebar{width:var(--sidebar-collapsed-width);padding:18px 10px;overflow:visible}body.sg-collapsed .app-shell .main-area{margin-left:var(--sidebar-collapsed-width)}body.sg-collapsed .app-shell .nav-group{margin-bottom:4px}body.sg-collapsed .app-shell .nav-group>.nav,body.sg-collapsed .app-shell .nav-group-title,body.sg-collapsed .app-shell .nav-group-toggle .chev{display:none}body.sg-collapsed .app-shell .nav-group-toggle{justify-content:center;padding-inline:0}body.sg-collapsed .app-shell .nav-group.open>.nav{border:1px solid var(--border);z-index:70;background:#10233c;border-radius:13px;gap:2px;min-width:236px;padding:8px;display:grid;position:absolute;top:0;left:calc(100% + 10px);box-shadow:0 12px 32px #00000059}body.sg-collapsed .app-shell .nav-group.active>.nav-group-toggle:before{left:2px}@media (width<=1180px){.app-shell{--sidebar-width:224px}}@media (width<=767px){.app-shell{--topbar-height:62px}.app-shell .topbar{height:62px;padding:0 12px}.app-shell .topbar [data-mobile-nav]{display:grid}.app-shell .topbar .desktop-collapse{display:none}.app-shell .brand-copy strong{letter-spacing:2px;font-size:16px}.app-shell .brand-mark svg{width:34px;height:39px}.app-shell .user-copy,.app-shell .user-trigger>svg{display:none}.app-shell .sidebar{width:min(84vw,310px);padding-top:12px;top:62px;transform:translate(-105%)}body.sg-mobile-open .app-shell .sidebar{transform:translate(0)}.app-shell .sidebar-backdrop{z-index:35;opacity:0;pointer-events:none;background:#0009;border:0;transition:opacity .18s;display:block;position:fixed;inset:62px 0 0}body.sg-mobile-open .app-shell .sidebar-backdrop{opacity:1;pointer-events:auto}.app-shell .main-area{margin-left:0;padding-top:62px}.app-shell .content{padding:18px 12px 32px}.app-shell .page-header{flex-direction:column;align-items:stretch}.app-shell .page-header h1{font-size:23px}.app-shell .nav-group-title{font-size:13.5px}}.user-shell .topbar-end{gap:8px}.user-shell .user-trigger{border-color:#0000;min-height:44px;padding:4px 9px 4px 6px}.user-shell .user-trigger:hover{background:#18c7c80f;border-color:#18c7c81f}.user-shell .user-avatar{background:linear-gradient(145deg,#18c7c833,#6f90f01f);border-color:#18c7c847;width:36px;height:36px}.user-shell .bell{background:#ffffff04;border-color:#97c4d31a;width:40px;height:40px}.user-shell .bell:hover{background:#18c7c812;border-color:#18c7c82e}.user-shell .bell-dot{background:#ef6878;border:2px solid #07111f;width:9px;min-width:9px;height:9px;padding:0;top:6px;right:6px}.user-shell .nav-group.active>.nav-group-toggle{color:#edf8fa;background:#18c7c817;border-color:#18c7c82e;box-shadow:inset 2px 0 #18c7c8d9}.user-shell .nav-group.active>.nav-group-toggle svg{color:var(--accent)}.user-shell .nav-group.open:not(.active)>.nav-group-toggle{background:#ffffff06}.user-shell .nav-link{color:#97adba;min-height:40px;padding-left:16px}.user-shell .nav-link.active{color:#f0fafb;background:#18c7c813;border-color:#18c7c826}.user-shell .nav-link.active:before{background:#18c7c8d9;width:2px;left:6px}.user-shell .nav-group>.nav{padding-left:11px}.user-shell .notification-popover{z-index:1000;background:#0e1d31;border:1px solid #97c4d329;border-radius:16px;flex-direction:column;width:min(390px,100vw - 26px);max-height:min(540px,100vh - 88px);animation:.16s ease-out sg-popover-in;display:flex;position:absolute;top:calc(100% + 11px);right:0;overflow:hidden;box-shadow:0 20px 55px #0000006b,0 4px 14px #0003}@keyframes sg-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.user-shell .notification-popover-head{border-bottom:1px solid #97c4d31a;justify-content:space-between;align-items:center;gap:12px;padding:16px 17px 14px;display:flex}.user-shell .notification-popover-eyebrow{color:#75909f;text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.user-shell .notification-popover-head strong{color:#eff7f9;font-size:15px;font-weight:750;display:block}.user-shell .notification-count{color:#8ba3b1;background:#97c4d30f;border:1px solid #97c4d31f;border-radius:999px;flex:none;padding:5px 9px;font-size:10.5px;font-weight:750}.user-shell .notification-count.has-unread{color:#ffd1d6;background:#ef687814;border-color:#ef687833}.user-shell .notification-popover-body{padding:4px 6px;overflow:auto}.user-shell .notification-popover-body::-webkit-scrollbar{width:7px}.user-shell .notification-popover-body::-webkit-scrollbar-thumb{background:#97c4d329;border-radius:999px}.user-shell .notification-item{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:12px 10px;transition:background .15s,border-color .15s;display:grid;position:relative}.user-shell .notification-item:hover{background:#ffffff09;border-color:#97c4d314}.user-shell .notification-item.is-unread{background:#18c7c809}.user-shell .notification-item-mark{background:#97c4d340;border-radius:50%;width:7px;height:7px;margin-top:5px}.user-shell .notification-item.is-unread .notification-item-mark{background:#ef6878;box-shadow:0 0 0 4px #ef687814}.user-shell .notification-item-content{gap:4px;min-width:0;display:grid}.user-shell .notification-item-title-row{align-items:center;gap:7px;min-width:0;display:flex}.user-shell .notification-item-title-row strong{color:#eef5f7;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.user-shell .notification-item.is-read .notification-item-title-row strong{color:#c2d1d9;font-weight:620}.user-shell .notification-unread-label{color:#82e4e4;text-transform:uppercase;letter-spacing:.05em;background:#18c7c817;border:1px solid #18c7c821;border-radius:999px;flex:none;padding:2px 6px;font-size:9px;font-weight:800}.user-shell .notification-item-message{color:#8da5b3;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.user-shell .notification-item-meta{color:#667f8f;font-size:10px}.user-shell .notification-item-meta i{color:#4c6777;padding:0 5px;font-style:normal}.user-shell .notification-empty-state{text-align:center;justify-items:center;gap:5px;padding:34px 20px 38px;display:grid}.user-shell .notification-empty-icon{color:#79dada;background:#18c7c814;border:1px solid #18c7c824;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:7px;display:grid}.user-shell .notification-empty-icon svg{width:18px;height:18px}.user-shell .notification-empty-state strong{color:#deeaee;font-size:12.5px}.user-shell .notification-empty-state>span:last-child{color:#748d9d;font-size:11.5px}.user-shell .notification-empty{color:#829ba9;text-align:center;margin:0;padding:24px 12px;font-size:12px}.user-shell .notification-popover-foot{border-top:1px solid #97c4d31a;padding:7px}.user-shell .notification-view-all{color:#82dada;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;font-size:11.5px;font-weight:750;display:flex}.user-shell .notification-view-all:hover{background:#18c7c812;border-color:#18c7c81c}.user-shell .user-page{max-width:1120px}.user-shell .user-breadcrumb{color:#637d8d;letter-spacing:.01em;margin-bottom:8px;font-size:11.5px}.user-shell .user-breadcrumb b{color:#8da7b5}.user-shell .user-page-header{align-items:flex-start;margin-bottom:20px}.user-shell .user-page-header h1{letter-spacing:-.035em;font-size:clamp(28px,3.4vw,38px)}.user-shell .user-page-header p{color:#91a8b5;max-width:720px;font-size:13.5px;line-height:1.6}.user-shell .user-eyebrow{color:#70d7d7;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:9.5px;font-weight:800;display:inline-block}.user-shell .user-welcome{background:linear-gradient(90deg,#18c7c812,#18c7c805);border:1px solid #18c7c81f;border-radius:13px;align-items:center;gap:12px;margin-bottom:16px;padding:13px 15px;display:flex}.user-shell .user-welcome-icon{color:#72dada;background:#18c7c817;border:1px solid #18c7c824;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.user-shell .user-welcome-icon svg{width:18px;height:18px}.user-shell .user-welcome strong{color:#e8f2f5;font-size:12.5px;display:block}.user-shell .user-welcome p{color:#8099a8;margin-top:2px;font-size:11.5px}.user-shell .user-live-card{background:#0d1b2d;border:1px solid #97c4d31f;border-radius:15px;padding:18px;box-shadow:0 8px 28px #00000021}.user-shell .user-section-head{margin-bottom:14px}.user-shell .user-section-label{color:#6f8a99;letter-spacing:.12em;font-size:9.5px;font-weight:800}.user-shell .user-section-head h2{color:#eef5f7;margin-top:4px;font-size:16px}.user-shell .user-section-head p{color:#7f98a7;margin-top:3px;font-size:11.5px}.user-shell .user-live-card>.simple-panel{box-shadow:none;background:0 0;border:0;padding:0}.user-shell .user-live-card>.simple-panel>h2{display:none}.user-shell .user-live-card>.simple-panel>.muted{color:#849ba8;font-size:11.5px}.user-shell .user-live-card .live-box{border:1px solid #97c4d31a;box-shadow:0 8px 24px #00000047}.user-shell .user-live-card button,.user-shell .user-device-card button,.user-shell .user-auto-live-card button{color:#d8e7ec;cursor:pointer;min-height:38px;font:inherit;background:#ffffff06;border:1px solid #97c4d329;border-radius:9px;padding:8px 13px;font-size:11.5px;font-weight:650}.user-shell .user-live-card button:hover,.user-shell .user-device-card button:hover,.user-shell .user-auto-live-card button:hover{color:#effafa;background:#18c7c80f;border-color:#18c7c847}.user-shell .user-live-card button:disabled,.user-shell .user-device-card button:disabled,.user-shell .user-auto-live-card button:disabled{opacity:.55;cursor:not-allowed}.user-shell .notifications-summary{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(130px,.55fr));gap:10px;margin-bottom:14px;display:grid}.user-shell .summary-primary,.user-shell .summary-stat{background:#0d1b2d;border:1px solid #97c4d31c;border-radius:13px;min-width:0}.user-shell .summary-primary{align-items:center;gap:11px;padding:14px 15px;display:flex}.user-shell .summary-icon{color:#77dada;background:#18c7c814;border:1px solid #18c7c821;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.user-shell .summary-icon svg{width:17px;height:17px}.user-shell .summary-primary strong{color:#f2f8fa;font-size:20px;line-height:1;display:block}.user-shell .summary-primary span:last-child{color:#7892a1;margin-top:3px;font-size:10.5px;display:block}.user-shell .summary-stat{align-content:center;gap:4px;padding:13px 14px;display:grid}.user-shell .summary-stat-label{color:#708a9a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:750}.user-shell .summary-stat strong{color:#dfecef;font-size:13px;font-weight:700}.user-shell .summary-stat strong.summary-alert{color:#ffadb5}.user-shell .notifications-panel{background:#0d1b2d;border:1px solid #97c4d31f;border-radius:15px;overflow:hidden}.user-shell .notifications-panel-head{border-bottom:1px solid #97c4d317;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 17px;display:flex}.user-shell .notifications-panel-head h2{color:#eef5f7;font-size:15px}.user-shell .notifications-panel-head p{color:#778f9d;margin-top:3px;font-size:11px}.user-shell .notifications-total-pill{color:#7f98a7;background:#97c4d30d;border:1px solid #97c4d31a;border-radius:999px;flex:none;padding:5px 8px;font-size:9.5px;font-weight:750}.user-shell .notification-list{gap:7px;padding:9px;display:grid}.user-shell .notification-card{background:#ffffff03;border:1px solid #97c4d314;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 12px;display:grid}.user-shell .notification-card.unread{background:#18c7c809;border-color:#18c7c81c}.user-shell .notification-card-icon{color:#83a0af;background:#97c4d30b;border:1px solid #97c4d31a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.user-shell .notification-card.unread .notification-card-icon{color:#75d7d8;background:#18c7c814;border-color:#18c7c821}.user-shell .notification-card-icon svg{width:17px;height:17px}.user-shell .notification-card-content{min-width:0}.user-shell .notification-card-title{align-items:center;gap:7px;min-width:0;display:flex}.user-shell .notification-card-title h3{color:#e7f0f3;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.user-shell .notification-card-content>p{color:#869eac;margin-top:4px;font-size:11.5px;line-height:1.5}.user-shell .notification-card-meta{color:#647e8d;flex-wrap:wrap;align-items:center;gap:4px;margin-top:7px;font-size:9.8px;display:flex}.user-shell .new-badge,.user-shell .read-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;flex:none;padding:2px 6px;font-size:8.5px;font-weight:800}.user-shell .new-badge{color:#82e0e0;background:#18c7c814;border:1px solid #18c7c821}.user-shell .read-badge{color:#718a99;background:#97c4d30a;border:1px solid #97c4d314}.user-shell .notification-read-btn{color:#87a6b3;min-height:34px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #97c4d31f;border-radius:8px;align-self:center;padding:7px 10px;font-size:10px;font-weight:700}.user-shell .notification-read-btn:hover{color:#81dddd;background:#18c7c80d;border-color:#18c7c838}.user-shell .notifications-loading{text-align:center;color:#78909f;padding:34px 18px;font-size:11.5px}.user-shell .notifications-empty-state{text-align:center;padding:48px 18px 52px}.user-shell .notifications-empty-icon{color:#72d7d8;background:#18c7c812;border:1px solid #18c7c81f;border-radius:13px;place-items:center;width:46px;height:46px;margin:0 auto 11px;display:grid}.user-shell .notifications-empty-icon svg{width:20px;height:20px}.user-shell .notifications-empty-state h3{color:#e3edf0;font-size:13px}.user-shell .notifications-empty-state p{color:#748d9c;max-width:380px;margin:4px auto 0;font-size:11.5px}.user-shell .user-alert{border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:11.5px}.user-shell .user-alert-error{color:#ffbcc4;background:#ef687812;border:1px solid #ef687824}.user-shell .preferences-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:12px;display:grid}.user-shell .preferences-card{background:#0d1b2d;border:1px solid #97c4d31c;border-radius:14px;min-width:0;padding:17px}.user-shell .preferences-card-head{align-items:flex-start;gap:11px;display:flex}.user-shell .preferences-card-head.compact{display:block}.user-shell .preferences-icon{color:#76dada;background:#18c7c814;border:1px solid #18c7c821;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.user-shell .preferences-icon svg{width:17px;height:17px}.user-shell .preferences-card h2{color:#ecf4f6;font-size:14px}.user-shell .preferences-card p{color:#7e96a5;margin-top:4px;font-size:11.5px;line-height:1.55}.user-shell .preference-toggle-row{background:#ffffff05;border:1px solid #97c4d314;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin-top:17px;padding:13px 14px;display:flex}.user-shell .preference-toggle-row strong{color:#e4edf0;font-size:12px;display:block}.user-shell .preference-toggle-row div>span{color:#718a99;margin-top:3px;font-size:10.5px;display:block}.user-shell .toggle-switch{cursor:pointer;background:#97c4d314;border:1px solid #97c4d329;border-radius:999px;flex:none;width:44px;height:24px;padding:2px;transition:background .16s,border-color .16s}.user-shell .toggle-switch span{background:#8aa1ae;border-radius:50%;width:18px;height:18px;transition:transform .16s,background .16s;display:block}.user-shell .toggle-switch.on{background:#18c7c829;border-color:#18c7c84d}.user-shell .toggle-switch.on span{background:#68d4d4;transform:translate(19px)}.user-shell .toggle-switch:disabled{opacity:.55;cursor:not-allowed}.user-shell .preferences-saved,.user-shell .preferences-saving{margin-top:10px;font-size:10.5px}.user-shell .preferences-saved{color:#7fd5b5}.user-shell .preferences-saving{color:#7897a7}.user-shell .preferences-list{gap:0;margin-top:15px;display:grid}.user-shell .preferences-list>div{border-top:1px solid #97c4d312;justify-content:space-between;gap:14px;padding:10px 0;display:flex}.user-shell .preferences-list dt{color:#728b99;font-size:10.5px}.user-shell .preferences-list dd{color:#cddde3;text-align:right;margin:0;font-size:10.5px;font-weight:650}.user-shell .preferences-loading{text-align:center;color:#7892a1;background:#0d1b2d;border:1px solid #97c4d31c;border-radius:14px;padding:42px 18px;font-size:11.5px}.user-shell .ev-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.user-shell .ev-stats{grid-template-columns:minmax(130px,.5fr) minmax(130px,.5fr);gap:10px;max-width:420px;margin-bottom:14px;display:grid}.user-shell .ev-stat{background:#0d1b2d;border:1px solid #97c4d31c;border-radius:13px;align-content:center;gap:4px;padding:13px 14px;display:grid}.user-shell .ev-stat strong{color:#f2f8fa;font-size:20px;line-height:1}.user-shell .ev-stat strong.ev-critical-n{color:#ffadb5}.user-shell .ev-stat span{color:#708a9a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:750}.user-shell .ev-filters{background:#0d1b2d;border:1px solid #97c4d31f;border-radius:15px;gap:12px;margin-bottom:14px;padding:16px 17px;display:grid}.user-shell .ev-chips{flex-wrap:wrap;gap:8px;display:flex}.user-shell .ev-chip{color:#8ba4b2;font:inherit;cursor:pointer;background:0 0;border:1px solid #97c4d324;border-radius:999px;padding:7px 13px;font-size:11.5px;font-weight:650}.user-shell .ev-chip:hover{color:#d9f2f2;border-color:#18c7c84d}.user-shell .ev-chip.active{color:#82e4e4;background:#18c7c817;border-color:#18c7c84d}.user-shell .ev-filter-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.user-shell .ev-filter-row label,.user-shell .ev-filter-actions label{color:#728b99;gap:5px;font-size:10.5px;font-weight:700;display:grid}.user-shell .ev-filter-row input,.user-shell .ev-filter-actions select{color:#deebef;min-height:38px;font:inherit;background:#ffffff06;border:1px solid #97c4d324;border-radius:9px;padding:8px 10px;font-size:11.5px}.user-shell .ev-filter-row input:focus,.user-shell .ev-filter-actions select:focus{border-color:#18c7c852;outline:0}.user-shell .ev-quick{align-items:end;gap:6px;padding-bottom:1px;display:flex}.user-shell .ev-quick button{color:#82dada;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:11px;font-weight:700}.user-shell .ev-quick button:hover{text-decoration:underline}.user-shell .ev-filter-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.user-shell .ev-apply{color:#eafafa;min-height:38px;font:inherit;cursor:pointer;background:#18c7c81f;border:1px solid #18c7c84d;border-radius:9px;padding:8px 16px;font-size:11.5px;font-weight:700}.user-shell .ev-apply:hover{background:#18c7c82e}.user-shell .ev-clear{color:#87a6b3;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:11.5px;font-weight:650}.user-shell .ev-clear:hover{color:#d7e7ec}.user-shell .ev-pagesize{margin-left:auto}.user-shell .ev-list-head{justify-content:space-between;align-items:baseline;gap:12px;margin:4px 2px 8px;display:flex}.user-shell .ev-list-head h2{color:#eef5f7;font-size:15px}.user-shell .ev-list-head span{color:#778f9d;font-size:11px}.user-shell .ev-list{gap:8px;display:grid}.user-shell .ev-row{cursor:pointer;background:#0d1b2d;border-left:3px solid #97c4d340;border-radius:12px;align-items:center;gap:12px;min-height:78px;padding:10px 12px;display:flex}.user-shell .ev-row:hover{background:#ffffff06}.user-shell .ev-row:focus-visible{outline-offset:1px;outline:2px solid #18c7c880}.user-shell .ev-row.sev-info{border-left-color:#22d3ee}.user-shell .ev-row.sev-warning{border-left-color:#fbbf24}.user-shell .ev-row.sev-high{border-left-color:#fb923c}.user-shell .ev-row.sev-critical{border-left-color:#ef4444}.user-shell .ev-icon{color:#83a0af;background:#97c4d30b;border:1px solid #97c4d31a;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.user-shell .ev-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.user-shell .ev-row.sev-critical .ev-icon{color:#ff9aa3;background:#ef444414;border-color:#ef44442e}.user-shell .ev-row.sev-high .ev-icon{color:#fdba74}.user-shell .ev-row.sev-warning .ev-icon{color:#fcd34d}.user-shell .ev-row.sev-info .ev-icon{color:#67e8f9}.user-shell .ev-main{flex:1;min-width:0}.user-shell .ev-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.user-shell .ev-top h3{color:#e7f0f3;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.user-shell .sev-badge{text-transform:uppercase;letter-spacing:.06em;color:#8ba4b2;background:#97c4d312;border:1px solid #97c4d31f;border-radius:999px;flex:none;padding:3px 9px;font-size:9px;font-weight:800}.user-shell .sev-info .sev-badge,.user-shell .sev-badge.sev-info{color:#67e8f9;background:#22d3ee14;border-color:#22d3ee33}.user-shell .sev-warning .sev-badge,.user-shell .sev-badge.sev-warning{color:#fcd34d;background:#fbbf2414;border-color:#fbbf2433}.user-shell .sev-high .sev-badge,.user-shell .sev-badge.sev-high{color:#fdba74;background:#fb923c14;border-color:#fb923c38}.user-shell .sev-critical .sev-badge,.user-shell .sev-badge.sev-critical{color:#ffadb5;background:#ef44441a;border-color:#ef444440}.user-shell .ev-sub{color:#869eac;margin-top:3px;font-size:11.5px}.user-shell .ev-meta{color:#647e8d;margin-top:3px;font-size:10.5px}.user-shell .ev-chev{color:#5b7686;flex:none;font-size:22px;line-height:1}.user-shell .ev-pagination{color:#778f9d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:11.5px;display:flex}.user-shell .ev-pagination nav{align-items:center;gap:5px;display:flex}.user-shell .ev-pagination nav button{color:#9db4c0;min-width:32px;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:1px solid #97c4d31f;border-radius:8px;padding:4px 8px;font-size:11.5px}.user-shell .ev-pagination nav button:hover:not(:disabled){color:#dff5f5;border-color:#18c7c84d}.user-shell .ev-pagination nav button.active{color:#eafafa;background:#18c7c81f;border-color:#18c7c84d}.user-shell .ev-pagination nav button:disabled{opacity:.4;cursor:not-allowed}.user-shell .ev-ellipsis{color:#5b7686;padding:0 2px}.user-shell .ev-drawer-overlay{z-index:1200;background:#0000008c;position:fixed;inset:0}.user-shell .ev-drawer{z-index:1201;background:#0d1b2d;border-left:1px solid #97c4d324;width:min(390px,92vw);padding:22px 20px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.user-shell .ev-drawer-close{float:right;color:#9db4c0;cursor:pointer;background:0 0;border:1px solid #97c4d324;border-radius:8px;padding:6px 10px;font-size:12px}.user-shell .ev-drawer h2{color:#eef5f7;margin-top:8px;font-size:19px}.user-shell .ev-drawer-code{color:#75909f;margin-top:2px;font-size:11px}.user-shell .ev-detail{margin-top:14px;display:grid}.user-shell .ev-detail>div{border-top:1px solid #97c4d314;padding:10px 0}.user-shell .ev-detail dt{color:#728b99;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:750}.user-shell .ev-detail dd{color:#dfecef;word-break:break-all;margin:4px 0 0;font-size:12.5px}@media (width<=860px){.user-shell .notifications-summary{grid-template-columns:1fr 1fr}.user-shell .summary-primary{grid-column:1/-1}.user-shell .preferences-layout{grid-template-columns:1fr}}@media (width<=640px){.user-shell .notification-popover{width:min(390px,100vw - 18px);right:-52px}.user-shell .user-page-header h1{font-size:28px}.user-shell .user-live-card{padding:13px}.user-shell .user-welcome{align-items:flex-start}.user-shell .notification-card{grid-template-columns:34px minmax(0,1fr)}.user-shell .notification-card-icon{width:34px;height:34px}.user-shell .notification-read-btn{grid-column:2;justify-self:start}.user-shell .notifications-summary{grid-template-columns:1fr}.user-shell .summary-primary{grid-column:auto}.user-shell .notification-popover-head{padding:14px}}.user-shell .user-device-card,.user-shell .user-auto-live-card{background:#0d1b2d;border-color:#97c4d31c;box-shadow:0 8px 28px #0000001f}.user-shell .user-device-card>h2{color:#edf5f7;margin-bottom:12px;font-size:15px}.user-shell .user-device-card .row{flex-wrap:wrap;align-items:center;gap:9px!important}.user-shell .user-device-card label{color:#8ba4b2;font-size:11.5px;font-weight:650}.user-shell .user-device-card input{color:#deebef!important;background:#ffffff06!important;border:1px solid #97c4d324!important;border-radius:9px!important;min-height:38px!important;padding:8px 10px!important;font-size:11.5px!important}.user-shell .user-device-card input:focus{outline:0;box-shadow:0 0 0 3px #18c7c812;border-color:#18c7c852!important}.user-shell .user-device-card input::placeholder{color:#597381}.user-shell .user-device-card .muted,.user-shell .user-auto-live-card .muted{color:#748e9d;font-size:11px}.user-shell .user-device-card .live-log{color:#76919f;background:#ffffff04;border:1px solid #97c4d314;border-radius:10px;margin:12px 0 0;padding:10px 12px 10px 28px;font:10px/1.6 ui-monospace,Consolas,monospace}.user-shell .user-notif-perm{box-shadow:none;background:linear-gradient(90deg,#18c7c80f,#18c7c804);border-color:#18c7c821;margin-bottom:16px;padding:13px 14px}.user-shell .user-notif-perm strong{color:#e4f1f3;font-size:12px}.user-shell .user-notif-perm p{color:#7d97a5;margin:3px 0 10px;font-size:11px;line-height:1.5}.user-shell .user-notif-perm button{border-radius:8px;min-height:34px;padding:7px 10px;font-size:10.5px}.user-shell .user-home{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:560px;min-height:calc(100vh - 260px);margin:0 auto;padding:20px 0 30px;display:flex}.user-shell .user-home-logo svg{width:120px;height:134px;display:block}.user-shell .user-home h1{letter-spacing:4px;text-indent:4px;margin-top:14px;font-size:clamp(30px,4vw,42px)}.user-shell .user-home>p{color:#91a8b5;margin-top:8px;font-size:14px;font-weight:700}.user-shell .user-home-actions{gap:10px;width:100%;max-width:340px;margin-top:26px;display:grid}.user-shell .user-home-primary{color:#eafafa;min-height:48px;font:inherit;cursor:pointer;background:#18c7c829;border:1px solid #18c7c866;border-radius:11px;font-size:14px;font-weight:750}.user-shell .user-home-primary:hover{background:#18c7c83d}.user-shell .user-home-outline{color:#d8e7ec;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:1px solid #97c4d338;border-radius:11px;font-size:14px;font-weight:650}.user-shell .user-home-outline:hover{color:#effafa;border-color:#18c7c859}.device-module{min-width:0}.device-toolbar,.device-actions,.device-filter,.device-pagination,.device-pagination>div{align-items:center;gap:10px;display:flex}.device-toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.device-filter label{color:var(--text-muted);font-size:13px;font-weight:700}.device-filter select,.device-form input{border:1px solid var(--border);background:var(--bg-input);min-height:42px;color:var(--text);font:inherit;border-radius:10px;padding:9px 12px}.device-button{border:1px solid var(--border);min-height:40px;font:inherit;cursor:pointer;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:750;transition:all .18s}.device-button:disabled{opacity:.5;cursor:not-allowed}.device-button.primary{color:#06141e;background:var(--accent);border-color:var(--accent)}.device-button.primary:hover:not(:disabled){background:#64eeee}.device-button.secondary{color:var(--text);background:var(--bg-surface)}.device-button.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.device-table-wrap{border:1px solid var(--border);background:#0c1b2eb8;border-radius:14px;width:100%;overflow-x:auto}.device-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.device-table th{color:var(--text-muted);letter-spacing:.9px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:13px 14px;font-size:10px}.device-table td{color:var(--text);vertical-align:middle;border-bottom:1px solid #00c8c817;padding:13px 14px;font-size:12px}.device-table tr:last-child td{border-bottom:0}.device-table td:first-child strong,.device-table td:first-child small{display:block}.device-table td:first-child small{max-width:175px;color:var(--text-muted);text-overflow:ellipsis;margin-top:4px;overflow:hidden}.device-table-message{text-align:center;color:var(--text-muted)!important;padding:40px!important}.device-row-actions{flex-wrap:wrap;gap:8px;display:flex}.device-row-actions button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 7px;font-size:11px;font-weight:700}.device-row-actions button:hover{text-decoration:underline}.device-status{border:1px solid var(--border);color:var(--accent);background:var(--accent-light);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;display:inline-block}.device-status.device_offline,.device-status.offline{color:#ffbf69;background:#ffbf6914;border-color:#ffbf694d}.device-pagination{color:var(--text-muted);justify-content:space-between;padding-top:14px;font-size:12px}.device-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02080fc7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.device-modal{border:1px solid var(--border-focused);background:var(--bg-surface);border-radius:18px;width:min(100%,540px);max-height:min(90vh,820px);padding:26px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000080}.device-modal h2{color:var(--text);margin:0 32px 20px 0;font-size:22px}.device-modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:25px;position:absolute;top:15px;right:16px}.device-modal-close:hover{background:var(--accent-light);color:var(--accent)}.device-form{gap:15px;display:grid}.device-form label{color:var(--text);gap:7px;font-size:13px;font-weight:700;display:grid}.device-form input{width:100%}.device-form input:focus,.device-filter select:focus{outline:2px solid var(--border-focused);outline-offset:1px}.device-form-hint{color:var(--text-muted);font-size:12px}.device-secret-box{overflow-wrap:anywhere;background:#ffbf690f;border:1px solid #ffbf6959;border-radius:12px;gap:9px;padding:14px;display:grid}.device-secret-box strong{color:#ffcf8e;font-size:13px}.device-secret-box span{color:var(--text);font-family:ui-monospace,monospace;font-size:12px}.device-secret-box small{color:var(--text-muted)}.device-secret-box button,.device-secret button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;font-size:12px;font-weight:700}.device-detail-grid{grid-template-columns:minmax(120px,.8fr) minmax(0,1.5fr);align-items:center;gap:12px;font-size:12px;display:grid}.device-detail-grid>span{color:var(--text-muted)}.device-detail-grid>strong{color:var(--text);overflow-wrap:anywhere}.device-detail-grid .device-modal-action{grid-column:1/-1;margin-top:8px}.device-secret{align-items:center;gap:8px;display:flex}@media (width<=780px){.device-toolbar{align-items:stretch}.device-actions{flex-wrap:wrap}.device-actions .device-button{flex:150px}}@media (width<=560px){.device-filter{flex-wrap:wrap;width:100%}.device-filter select{flex:1;min-width:100px}.device-modal{padding:22px 17px}.device-pagination{flex-direction:column;align-items:flex-start}.device-pagination>div{width:100%}.device-pagination button{flex:1}}.admin-dashboard-page{min-width:0}.admin-dash-refresh,.admin-dash-primary{border:1px solid var(--border-soft);min-height:38px;color:var(--text);background:var(--bg-surface);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.admin-dash-primary{color:#05141d;background:var(--accent);border-color:var(--accent)}.admin-dash-refresh:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.admin-dash-primary:hover{filter:brightness(1.08)}.admin-dash-refresh:disabled{opacity:.65;cursor:wait}.admin-dash-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.admin-dash-metric{border:1px solid var(--border-soft);background:linear-gradient(145deg, #00c8c80e, transparent 55%), var(--bg-surface);border-radius:13px;align-items:flex-start;gap:12px;min-width:0;padding:17px 15px;display:flex}.admin-dash-icon{width:34px;height:34px;color:var(--accent);background:#00c8c814;border:1px solid #00c8c833;border-radius:10px;flex:0 0 34px;place-items:center;font-size:17px;display:grid}.admin-dash-icon.online{color:#6de4ac;background:#6de4ac14;border-color:#6de4ac33}.admin-dash-icon.event{color:#8fc7ff;background:#5aa0f014;border-color:#5aa0f033}.admin-dash-icon.alert{color:#ffc878;background:#ffc87814;border-color:#ffc87833}.admin-dash-metric>div{gap:4px;min-width:0;display:grid}.admin-dash-metric small{color:var(--text-muted);font-size:11px;font-weight:650}.admin-dash-metric strong{color:#f1f8fa;font-size:25px;line-height:1.05}.admin-dash-metric div>span{color:var(--text-faint);font-size:10px;line-height:1.4}.admin-dash-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:15px;display:grid}.admin-dash-panel{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:14px;min-width:0;padding:18px}.admin-dash-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.admin-dash-eyebrow{color:var(--accent);letter-spacing:1.25px;margin-bottom:4px;font-size:9px;font-weight:850;display:block}.admin-dash-panel-head h2{color:#f0f7fa;font-size:15px}.admin-dash-live{color:var(--text-faint);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.admin-dash-live i{background:#6de4ac;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #6de4ac1a}.admin-dash-empty{color:var(--text-muted);text-align:center;padding:27px 8px;font-size:12px}.admin-dash-event{border-top:1px solid #97c4d314;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 2px;display:grid}.admin-dash-event-mark{background:#80c9ff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #80c9ff17}.admin-dash-event-mark.high{background:#ff858d;box-shadow:0 0 0 4px #ff858d1a}.admin-dash-event-main,.admin-dash-event-meta{gap:4px;min-width:0;display:grid}.admin-dash-event-main strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-dash-event-main span,.admin-dash-event-meta span,.admin-dash-event-meta time{color:var(--text-faint);font-size:10px}.admin-dash-event-meta{text-align:right;justify-items:end}.admin-dash-shortcuts>a{color:var(--text);border-top:1px solid #97c4d314;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:12px 2px;text-decoration:none;display:grid}.admin-dash-shortcuts>a:hover strong,.admin-dash-shortcuts>a:hover>b{color:var(--accent)}.admin-dash-shortcuts>a>span:nth-child(2){gap:4px;display:grid}.admin-dash-shortcuts>a strong{font-size:11px}.admin-dash-shortcuts>a small{color:var(--text-faint);font-size:10px}.admin-dash-shortcuts>a>b{color:var(--text-muted)}.admin-dash-shortcut-icon{width:32px;height:32px;color:var(--accent);background:#00c8c80f;border:1px solid #00c8c829;border-radius:9px;place-items:center;display:grid}.admin-dash-note{background:#ffffff05;border:1px solid #97c4d317;border-radius:10px;margin-top:12px;padding:12px}.admin-dash-note strong{color:var(--text-muted);font-size:10px}.admin-dash-note p{color:var(--text-faint);margin-top:5px;font-size:10px;line-height:1.5}@media (width<=1050px){.admin-dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.admin-dash-grid{grid-template-columns:1fr}}@media (width<=560px){.admin-dash-metrics{gap:8px}.admin-dash-metric{gap:9px;padding:12px 10px}.admin-dash-icon{flex-basis:29px;width:29px;height:29px}.admin-dash-metric strong{font-size:21px}.admin-dash-metric small{font-size:10px}.admin-dash-event{grid-template-columns:9px minmax(0,1fr)}.admin-dash-event-meta{text-align:left;flex-wrap:wrap;grid-column:2;justify-items:start;display:flex}}.admin-config-page,.admin-rbac-page,.admin-catalog-page,.admin-events-page{min-width:0}.admin-config-toolbar{justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;display:flex}.admin-config-toolbar label,.admin-catalog-head label{color:var(--text-muted);gap:6px;font-size:11px;font-weight:700;display:grid}.admin-config-toolbar select,.admin-catalog-head select,.admin-rbac-form input,.admin-rbac-form select,.admin-config-reason input,.admin-catalog-form input,.admin-catalog-form select{border:1px solid var(--border-soft);min-width:200px;min-height:40px;color:var(--text);background:var(--bg-input);font:inherit;border-radius:9px;padding:8px 11px;font-size:12px}.admin-config-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.admin-config-stats article{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:12px;gap:6px;padding:14px;display:grid}.admin-config-stats span{color:var(--text-faint);font-size:10px}.admin-config-stats strong{color:var(--text);overflow-wrap:anywhere;font-size:13px}.admin-config-stats strong.needs-update{color:#ffc878}.admin-config-editor{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:13px;padding:18px}.admin-config-editor-head{justify-content:space-between;gap:15px;margin-bottom:14px;display:flex}.admin-config-editor-head h2{color:var(--text);font-size:16px}.admin-config-editor-head p{color:var(--text-faint);margin-top:5px;font-size:11px;line-height:1.5}.admin-config-editor-head code{color:var(--accent)}.admin-config-editor-head>span{color:var(--text-muted);white-space:nowrap;font-size:10px}.admin-config-sources{color:var(--text-muted);background:#00c8c80d;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:10px}.admin-config-json,.admin-catalog-form textarea{resize:vertical;border:1px solid var(--border-soft);color:#bce5e8;background:#07111c;border-radius:10px;width:100%;min-height:300px;padding:13px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.admin-config-reason{color:var(--text-muted);gap:6px;margin-top:12px;font-size:11px;display:grid}.admin-config-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.admin-config-actions>span{color:var(--text-faint);overflow-wrap:anywhere;font-size:10px}.admin-rbac-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.admin-rbac-columns.secondary{align-items:start}.admin-rbac-card{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:13px;min-width:0;padding:17px}.admin-rbac-card-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.admin-rbac-card-title span{color:var(--accent);letter-spacing:1px;font-size:9px;font-weight:850}.admin-rbac-card-title h2{color:var(--text);margin-top:3px;font-size:15px}.admin-rbac-card-title small{color:var(--text-faint);font-size:10px}.admin-rbac-form{border-bottom:1px solid #97c4d314;gap:10px;padding-bottom:14px;display:grid}.admin-rbac-form label,.admin-catalog-form label{color:var(--text-muted);gap:5px;font-size:10px;font-weight:700;display:grid}.admin-rbac-form input,.admin-rbac-form select,.admin-rbac-form label,.admin-catalog-form input,.admin-catalog-form select{width:100%;min-width:0}.admin-rbac-form>div{flex-wrap:wrap;gap:8px;display:flex}.admin-rbac-form.inline{border-bottom:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:12px;padding-bottom:0}.admin-rbac-list{max-height:310px;overflow:auto}.admin-rbac-list>p{color:var(--text-faint);padding:14px 0;font-size:11px}.admin-rbac-list article{border-bottom:1px solid #97c4d312;justify-content:space-between;align-items:center;gap:9px;padding:11px 0;display:flex}.admin-rbac-list article>div:first-child{gap:3px;min-width:0;display:grid}.admin-rbac-list strong{color:var(--text);font-size:11px}.admin-rbac-list span,.admin-rbac-list small{color:var(--text-faint);overflow-wrap:anywhere;font-size:9px}.admin-rbac-list article>div:last-child{flex-shrink:0;gap:7px;display:flex}.admin-rbac-list article button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.admin-rbac-list article button.danger{color:#ff858d}.admin-rbac-hint{color:var(--text-faint);margin-top:9px;font-size:10px;line-height:1.5}.admin-security-tabs{margin-top:-8px}.admin-catalog-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:14px;display:grid}.admin-catalog-list,.admin-catalog-editor{min-width:0;padding:16px}.admin-catalog-head{justify-content:space-between;align-items:end;gap:10px;display:flex}.admin-catalog-head select{min-width:190px}.admin-catalog-hint{color:var(--text-faint);margin:10px 0;font-size:10px;line-height:1.45}.admin-catalog-rows{max-height:520px;overflow:auto}.admin-catalog-rows>article{border-top:1px solid #97c4d314;justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-catalog-rows>article.selected{background:#00c8c80e}.admin-catalog-row-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:4px;min-width:0;padding:11px 8px;display:grid}.admin-catalog-row-main strong{color:var(--text);font-size:11px}.admin-catalog-row-main span{color:var(--text-faint);font-size:9px}.admin-catalog-delete{color:#ff858d;cursor:pointer;background:0 0;border:0;padding:6px;font-size:9px}.admin-catalog-editor-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-catalog-editor-head h2{color:var(--text);font-size:15px}.admin-catalog-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}:is(.admin-catalog-form label:has(textarea),.admin-catalog-form>p,.admin-catalog-form>button){grid-column:1/-1}.admin-catalog-form textarea{min-height:130px;font-size:11px}.admin-events-total{color:var(--accent);font-size:12px}.admin-events-filters{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:12px;flex-wrap:wrap;gap:11px;margin-bottom:13px;padding:13px;display:flex}.admin-events-filters label{color:var(--text-muted);gap:5px;font-size:10px;font-weight:700;display:grid}.admin-events-filters input,.admin-events-filters select{border:1px solid var(--border-soft);min-height:37px;color:var(--text);background:var(--bg-input);font:inherit;border-radius:8px;padding:7px 9px;font-size:11px}.admin-events-error{color:#ffadb5;background:#ff647812;border-radius:9px;margin-bottom:10px;padding:10px 12px;font-size:11px}.admin-events-table-wrap{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:12px;overflow-x:auto}.admin-events-table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.admin-events-table th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.7px;padding:11px 12px;font-size:9px}.admin-events-table td{color:var(--text-muted);border-top:1px solid #97c4d312;padding:11px 12px;font-size:10px}.admin-events-table tbody tr[tabindex]{cursor:pointer}.admin-events-table tbody tr[tabindex]:hover{background:#00c8c809}.admin-events-table td strong,.admin-events-table td small{display:block}.admin-events-table td strong{color:var(--text);font-size:11px}.admin-events-table td small{color:var(--text-faint);margin-top:3px;font-size:9px}.admin-events-empty{text-align:center;color:var(--text-faint)!important;padding:32px!important}.admin-event-severity{color:var(--text-muted)}.admin-event-severity.critical,.admin-event-severity.high{color:#ff858d}.admin-event-severity.warning{color:#ffc878}.admin-events-pagination{color:var(--text-faint);justify-content:space-between;align-items:center;padding-top:12px;font-size:10px;display:flex}.admin-events-pagination div{gap:7px;display:flex}.admin-events-pagination button{border:1px solid var(--border-soft);color:var(--text);background:var(--bg-surface);font:inherit;cursor:pointer;border-radius:8px;padding:7px 10px}.admin-events-pagination button:disabled{opacity:.45;cursor:not-allowed}.admin-event-detail{grid-template-columns:130px minmax(0,1fr);gap:10px;margin-top:20px;font-size:11px;display:grid}.admin-event-detail dt{color:var(--text-faint)}.admin-event-detail dd{color:var(--text);overflow-wrap:anywhere}@media (width<=920px){.admin-dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-rbac-columns,.admin-catalog-layout{grid-template-columns:1fr}}@media (width<=600px){.admin-config-toolbar,.admin-config-actions{flex-direction:column;align-items:stretch}.admin-config-toolbar select{width:100%}.admin-config-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-rbac-form.inline,.admin-catalog-form{grid-template-columns:1fr}:is(.admin-catalog-form label:has(textarea),.admin-catalog-form>p,.admin-catalog-form>button){grid-column:auto}.admin-events-filters>label{flex:150px}.admin-events-filters input,.admin-events-filters select{width:100%}}.admin-feature-checklist{border:1px solid var(--border-soft);background:#040d1773;border-radius:10px;max-height:270px;padding:10px;display:grid;overflow:auto}.admin-feature-checklist-head{border-bottom:1px solid #97c4d317;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.admin-feature-checklist-head strong{color:var(--text-muted);font-size:10px}.admin-feature-checklist-head button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.admin-feature-checklist-head button:disabled{opacity:.5;cursor:not-allowed}.admin-feature-checkbox{cursor:pointer;border-bottom:1px solid #97c4d30f;grid-template-columns:auto 1fr;align-items:flex-start;padding:9px 2px;gap:9px!important;display:flex!important}.admin-feature-checkbox:last-child{border-bottom:0}.admin-feature-checkbox input{height:15px;accent-color:var(--accent);margin-top:1px;width:15px!important;min-width:15px!important;min-height:15px!important}.admin-feature-checkbox>span{gap:3px;display:grid}.admin-feature-checkbox strong{color:var(--text);font-size:10px}.admin-feature-checkbox small{color:var(--text-faint);font-size:9px;line-height:1.4}