@font-face{font-family:Hirsad;src:url(../fonts/IRANSansX-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Hirsad;src:url(../fonts/IRANSansX-DemiBold.woff2)format("woff2");font-weight:600 900;font-display:swap}:root{--bg:#07101d;--sidebar:#091523;--card:#0d1a2a;--card-2:#101f31;--surface:#101f31;--input:#081422;--text:#edf5ff;--muted:#9aacc0;--line:#21364d;--overlay:#020812c2;--scrollbar:#2a425a;--cyan:#2f93c4;--cyan-soft:#2f93c424;--green:#2f93c4;--violet:#7d72e8;--red:#ff647c;--amber:#e9a63e;--shadow:0 18px 45px #0000002e;color-scheme:dark}:root[data-theme=light]{--bg:#f3f7fb;--sidebar:#fff;--card:#fff;--card-2:#f6f9fc;--surface:#eef3f8;--input:#fff;--text:#13253b;--muted:#5d7088;--line:#d7e1eb;--overlay:#15243875;--scrollbar:#c5d1dd;--cyan:#176fa8;--cyan-soft:#176fa81f;--green:#176fa8;--violet:#6d63d8;--shadow:0 14px 40px #1e325014;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Hirsad,Tahoma,sans-serif;font-size:14px}button{font:inherit;color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:30;background:var(--sidebar);border-left:1px solid var(--line);flex-direction:column;width:260px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;right:0;overflow:auto}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-mark{background:linear-gradient(145deg,#19bdd4,#2877ec);border-radius:13px;justify-content:center;align-items:center;gap:3px;width:42px;height:42px;display:flex;position:relative;transform:rotate(-8deg);box-shadow:0 8px 24px #26c6da3d}.brand-mark span{background:#fff;border-radius:5px;width:4px;display:block;transform:rotate(8deg)}.brand-mark span:first-child{height:13px}.brand-mark span:nth-child(2){height:24px}.brand-mark span:nth-child(3){height:17px}.brand strong{font-size:21px;line-height:1.2;display:block}.brand small{color:var(--muted);direction:ltr;margin-top:3px;font-size:10px;display:block}.nav-label{color:var(--muted);opacity:.82;letter-spacing:.6px;margin:22px 12px 8px;font-size:10px;font-weight:600}.nav-item{height:44px;color:var(--muted);border-radius:10px;align-items:center;gap:11px;margin:3px 0;padding:0 12px;text-decoration:none;transition:all .2s;display:flex}.nav-item i{font-size:20px}.nav-item span{flex:1}.nav-item:hover{background:var(--card-2);color:var(--text)}.nav-item.active{color:#dffbff;border-right:2px solid var(--cyan);background:linear-gradient(90deg,#26c6da2e,#26c6da12)}.nav-item em{color:var(--red);text-align:center;background:#ff647c2e;border-radius:20px;min-width:22px;font-size:11px;font-style:normal}.live-dot,.status-light{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #36d3991a}.license-card{border:1px solid var(--line);background:var(--card);border-radius:12px;align-items:center;gap:9px;margin-top:auto;padding:12px;font-size:11px;display:flex}.license-card>i{color:var(--green);font-size:22px}.license-card div{flex:1}.license-card span,.license-card small{display:block}.license-card small{color:var(--muted);margin-top:2px;font-size:9px}.license-card b{color:var(--green);background:#36d3991a;border-radius:8px;padding:3px 6px;font-size:9px}.raman{color:var(--muted);justify-content:center;align-items:center;gap:4px;margin-top:15px;font-size:10px;display:flex}.raman span{direction:ltr;margin-right:5px}.close-menu{margin-right:auto;display:none}.backdrop{display:none}main{min-height:100vh;margin-right:260px}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg)92%,transparent);backdrop-filter:blur(12px);z-index:20;justify-content:space-between;align-items:center;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-start,.topbar-actions{align-items:center;gap:13px;display:flex}.page-title span,.page-title small{display:block}.page-title span{font-weight:700}.page-title small{color:var(--muted);margin-top:3px;font-size:11px}.icon-button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:10px;place-items:center;min-width:38px;height:38px;display:grid}.icon-button i{font-size:19px}.open-menu{display:none}.global-status{border-left:1px solid var(--line);align-items:center;gap:10px;padding:6px 13px;display:flex}.global-status>span{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #36d3991f}.global-status b,.global-status small{display:block}.global-status b{font-size:11px}.global-status small{color:var(--muted);margin-top:2px;font-size:9px}.alert-button{position:relative}.alert-button span{background:var(--red);color:#fff;border:2px solid var(--bg);border-radius:10px;min-width:18px;font-size:9px;position:absolute;top:-5px;left:-4px}.profile{cursor:pointer;text-align:right;background:0 0;border:0;align-items:center;gap:9px;display:flex}.profile .avatar{color:#fff;direction:ltr;background:linear-gradient(145deg,#1ebdd1,#4776e6);border-radius:11px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{color:var(--muted);margin-top:2px;font-size:9px}.profile>i{color:var(--muted);font-size:15px}.content{max-width:1660px;margin:auto;padding:30px}.welcome-row{justify-content:space-between;align-items:flex-end;margin-bottom:19px;display:flex}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:10px}.welcome-row .eyebrow span{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.welcome-row h1{letter-spacing:-.6px;margin:0 0 7px;font-size:25px}.welcome-row h1 mark{color:var(--green);background:0 0}.welcome-row>div>p:last-child{color:var(--muted);margin:0;font-size:11px}.range-control{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px;display:flex}.range-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:10px}.range-control button.active{background:var(--cyan-soft);color:var(--cyan)}.demo-banner{color:var(--cyan);background:#26c6da0f;border:1px solid #26c6da2e;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:9px 13px;font-size:10px;display:flex}.demo-banner i{font-size:16px}.demo-banner small{color:var(--muted);margin-right:auto}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px;display:grid}.kpi{padding:17px 17px 4px;overflow:hidden}.kpi-head{justify-content:space-between;align-items:center;display:flex}.kpi-icon{border-radius:11px;place-items:center;width:37px;height:37px;font-size:19px;display:grid}.kpi-icon.cyan{color:var(--cyan);background:var(--cyan-soft)}.kpi-icon.green{color:var(--green);background:#36d3991c}.kpi-icon.violet{color:var(--violet);background:#8b7cf61c}.kpi-icon.red{color:var(--red);background:#ff647c1c}.trend{border-radius:8px;padding:4px 7px;font-size:9px}.trend.up,.trend.down{color:var(--green);background:#36d39917}.trend.neutral{color:var(--violet);background:#8b7cf61a}.kpi>p{color:var(--muted);margin:15px 0 4px;font-size:10px}.kpi>strong{text-align:right;direction:ltr;font-size:23px;display:block}.kpi>small{color:var(--muted);font-size:9px}.spark{height:58px;margin:2px -17px 0}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(290px,.85fr);gap:15px;display:grid}.traffic-card,.security-card,.services-card,.alerts-card{padding:20px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-head h2{margin:0;font-size:15px}.legend{color:var(--muted);gap:14px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.cyan-bg{background:var(--cyan)}.violet-bg{background:var(--violet)}.chart.large{margin:8px -8px -12px}.more{color:var(--muted);background:0 0;border:0;font-size:20px}.security-score{place-items:center;height:190px;display:grid;position:relative}.security-score>div:last-child{text-align:center;position:absolute;top:120px}.security-score strong,.security-score span{display:block}.security-score strong{color:var(--green);font-size:11px}.security-score span{color:var(--muted);font-size:8px}.security-items{border-top:1px solid var(--line)}.security-items>div{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:10px 0;display:flex}.security-items>div:last-child{border:0}.status-icon{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.status-icon.ok{color:var(--green);background:#36d3991a}.status-icon.warn{color:var(--amber);background:#ffbc521a}.security-items p,.service-list p,.event-list p{flex:1;margin:0}.security-items b,.security-items small,.service-list b,.service-list small,.event-list b,.event-list small{display:block}.security-items b,.service-list b,.event-list b{font-size:10px}.security-items small,.service-list small,.event-list small{color:var(--muted);margin-top:3px;font-size:8px}.small-badge{color:var(--green);background:#36d39914;border-radius:8px;padding:5px 8px;font-size:9px}.service-list{margin-top:12px}.service-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.service-list>div:last-child{border:0}.service-icon{background:var(--card-2);width:32px;height:32px;color:var(--cyan);border-radius:9px;place-items:center;font-size:17px;display:grid}.latency{color:var(--muted);direction:ltr;font-size:9px}.text-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-size:9px}.event-list{margin-top:11px}.event-list>div{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;display:flex}.event-list>div:last-child{border:0}.event-icon{border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.event-icon.critical{color:var(--red);background:#ff647c1a}.event-icon.warning{color:var(--amber);background:#ffbc521a}.event-icon.info{color:var(--cyan);background:var(--cyan-soft)}.event-list time{color:var(--muted);white-space:nowrap;font-size:8px}@media (width<=1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.security-card{grid-row:2}.security-score{height:170px}.security-score>div:last-child{top:110px}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(105%)}.sidebar.open{transform:translate(0);box-shadow:-20px 0 50px #00000059}.close-menu,.open-menu{display:grid}.backdrop.show{z-index:25;background:#00000080;display:block;position:fixed;inset:0}main{margin-right:0}.topbar{padding:0 16px}.global-status,.profile>div:not(.avatar),.profile>i{display:none}.content{padding:22px 16px}.welcome-row{align-items:flex-start;gap:15px}.welcome-row h1{font-size:20px}.demo-banner small{display:none}}@media (width<=560px){.topbar{height:68px}.page-title{display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:13px 13px 2px}.kpi>strong{font-size:19px}.kpi>small{white-space:nowrap;font-size:7px}.kpi-icon{width:32px;height:32px}.welcome-row{display:block}.range-control{width:max-content;margin-top:16px}.traffic-card,.security-card,.services-card,.alerts-card{padding:16px}.legend{display:none}.demo-banner{font-size:9px}.event-list time{display:none}}.asset-icon{object-fit:contain;filter:brightness(0)saturate()invert(59%)sepia(13%)saturate(649%)hue-rotate(173deg)brightness(91%)contrast(88%);opacity:.92;flex:none;width:20px;height:20px;transition:filter .2s,opacity .2s}.nav-item:hover .asset-icon{filter:brightness(0)saturate()invert(98%)sepia(8%)saturate(596%)hue-rotate(176deg)brightness(101%)}.nav-item.active .asset-icon{filter:brightness(0)invert();opacity:1}.kpi-icon .asset-icon.bulk{filter:brightness(0)invert();opacity:.94;width:21px;height:21px}