@font-face{font-family:Vazirmatn;src:url('../assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#182230;--muted:#667085;--line:#e8ecf2;--primary:#6941c6;--primary-2:#7f56d9;--green:#079455;--red:#d92d20;--amber:#dc6803;--blue:#1570ef;--shadow:0 1px 3px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.035);--sidebar:276px}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.55}button,input{font:inherit}button{cursor:pointer}body.dark{--bg:#0d1117;--surface:#151b24;--surface-2:#1b2330;--text:#f2f4f7;--muted:#98a2b3;--line:#283241;--shadow:none}.app-shell{min-height:100vh;max-width:2560px;margin:auto}.sidebar{position:fixed;z-index:30;right:0;top:0;width:var(--sidebar);height:100vh;background:#111827;color:#d0d5dd;padding:20px 16px 16px;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.06)}.brand{height:56px;display:flex;align-items:center;gap:12px;padding:0 10px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#7f56d9,#53389e);font-size:22px;color:#fff;box-shadow:0 7px 16px rgba(105,65,198,.3)}.brand>div:nth-child(2){display:flex;flex-direction:column}.brand strong{font-size:17px;letter-spacing:1px;color:#fff}.brand span{font-size:10px;color:#98a2b3}.sidebar-close{display:none;margin-right:auto;color:white!important}.nav-list{flex:1;overflow:auto;margin:12px -4px}.nav-label{display:block;font-size:10px;color:#667085;padding:16px 14px 7px}.nav-item{width:100%;border:0;background:none;color:#aeb7c6;display:flex;align-items:center;gap:12px;padding:10px 13px;margin:3px 0;border-radius:9px;text-align:right;transition:.18s}.nav-item i{font-size:20px}.nav-item span{flex:1;font-size:13px}.nav-item b,.nav-item em{font-size:10px;padding:1px 7px;border-radius:10px;font-style:normal;background:#344054;color:#d0d5dd}.nav-item em{background:#b42318;color:#fff}.nav-item:hover{background:#1f2937;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,#6941c6,#7f56d9);box-shadow:0 5px 15px rgba(105,65,198,.22)}.cluster-card{margin:10px 2px 16px;border:1px solid #344054;border-radius:11px;background:#1d2939;padding:12px}.cluster-head{display:flex;align-items:center;gap:8px;font-size:11px;color:#ecfdf3}.cluster-card p{font-size:10px;color:#98a2b3;margin:3px 16px 10px}.cluster-card>div:last-child{border-top:1px solid #344054;padding-top:8px;display:flex;justify-content:space-between;font-size:9px;color:#98a2b3}.pulse{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.12);display:inline-block}.sidebar-user{border-top:1px solid rgba(255,255,255,.08);padding:14px 4px 0;display:flex;align-items:center;gap:9px}.sidebar-user>div:nth-child(2){display:flex;flex:1;flex-direction:column}.sidebar-user strong{font-size:11px;color:#fff}.sidebar-user span{font-size:9px;color:#98a2b3}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9d7fe;color:#6941c6;font-size:11px;font-weight:800}.icon-btn{width:36px;height:36px;border:0;background:transparent;border-radius:8px;color:var(--muted);display:grid;place-items:center}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.main{margin-right:var(--sidebar);min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.dark .topbar{background:rgba(21,27,36,.92)}.topbar-start,.topbar-actions{display:flex;align-items:center;gap:10px}.breadcrumb{font-size:11px;display:flex;gap:8px;align-items:center;color:var(--muted)}.breadcrumb i{font-size:11px}.breadcrumb strong{color:var(--text)}.menu-toggle{display:none}.search{height:39px;width:340px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);display:flex;align-items:center;padding:0 11px;gap:8px}.search input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:var(--text);font-size:11px}.search kbd{direction:ltr;font:9px sans-serif;color:var(--muted);border:1px solid var(--line);background:var(--surface);padding:3px 5px;border-radius:5px}.notification{position:relative}.notification span{position:absolute;top:7px;left:7px;width:6px;height:6px;border-radius:50%;background:#f04438;border:1px solid white}.status-pill{font-size:10px;color:var(--green);border-right:1px solid var(--line);padding-right:16px;display:flex;align-items:center;gap:8px}.content{padding:28px 30px 44px;max-width:1920px;margin:auto}.page{display:none}.page.active{display:block}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-title p{margin:0;color:var(--primary);font-size:10px;font-weight:700}.page-title h1{font-size:21px;margin:2px 0 3px;letter-spacing:-.4px}.page-title span{font-size:11px;color:var(--muted)}.title-actions{display:flex;gap:9px}.btn{border:1px solid var(--line);height:39px;border-radius:8px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;background:var(--surface);color:var(--text)}.btn.primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 3px 8px rgba(105,65,198,.2)}.btn:hover{transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.stat-card{min-height:112px;padding:18px;display:flex;gap:13px;align-items:center;position:relative}.stat-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:20px}.stat-icon.purple{color:#6941c6;background:#f4ebff}.stat-icon.green{color:#079455;background:#ecfdf3}.stat-icon.blue{color:#1570ef;background:#eff8ff}.stat-icon.amber{color:#dc6803;background:#fffaeb}.stat-card>div:nth-child(2){display:flex;flex-direction:column}.stat-card span{font-size:10px;color:var(--muted)}.stat-card strong{font-size:23px;line-height:1.35}.stat-card small{font-size:9px;color:var(--muted)}.stat-card small b{color:var(--green)}.stat-card .warn{color:var(--red)}.stat-more{position:absolute;top:15px;left:15px;color:var(--muted)}.live-label{position:absolute;top:17px;left:15px;color:var(--green)!important}.live-label i{display:inline-block;width:5px;height:5px;background:#12b76a;border-radius:50%;margin-left:4px}.trend{position:absolute;top:16px;left:15px;color:var(--green)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr);gap:18px;margin-bottom:18px}.dashboard-grid.lower{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr)}.panel{padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h2{font-size:13px;margin:0}.panel-head p{font-size:9px;color:var(--muted);margin:2px 0 0}.segmented{background:var(--surface-2);border:1px solid var(--line);padding:2px;border-radius:7px}.segmented button{border:0;background:transparent;border-radius:5px;padding:4px 10px;color:var(--muted);font-size:9px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(16,24,40,.08)}.chart{height:225px;direction:ltr}.chart-legend{border-top:1px solid var(--line);display:flex;gap:17px;padding-top:11px;font-size:9px;color:var(--muted)}.chart-legend span{display:flex;gap:5px;align-items:center}.chart-legend i{width:7px;height:7px;border-radius:2px}.purple-dot{background:#7f56d9}.red-dot{background:#f97066}.chart-legend strong{margin-right:auto;color:var(--text)}.health-ring{height:185px;position:relative;direction:ltr}.health-ring>div:first-child{height:185px}.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.ring-label strong{font-size:21px}.ring-label span{font-size:9px;color:var(--muted)}.health-list{display:flex;flex-direction:column;gap:9px}.health-list>div{display:flex;align-items:center;justify-content:space-between;font-size:10px}.health-list span{display:flex;align-items:center;gap:7px}.service-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.service-icon.hirman{background:#f4ebff;color:#6941c6}.service-icon.db{background:#eff8ff;color:#1570ef}.service-icon.ad{background:#ecfdf3;color:#079455}.health-list b{font-size:9px;font-weight:500}.ok{color:var(--green)}.text-btn,.full-link{border:0;background:none;color:var(--primary);font-size:9px;font-weight:700}.full-link{display:block;width:100%;border-top:1px solid var(--line);padding:13px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:9px;color:var(--muted);font-weight:600;background:var(--surface-2);padding:9px 12px;border-block:1px solid var(--line)}td{font-size:10px;padding:11px 12px;border-bottom:1px solid var(--line)}tbody tr:hover{background:var(--surface-2)}.person{display:flex;align-items:center;gap:8px}.person .avatar{width:28px;height:28px;font-size:9px}.person div{display:flex;flex-direction:column}.person span{font-size:8px;color:var(--muted)}.resource-name{display:flex;align-items:center;gap:7px}.resource-name i{color:var(--muted);font-size:17px}.protocol{display:inline-flex;padding:2px 7px;border-radius:5px;background:#eff8ff;color:#175cd3;font-size:9px}.danger-btn{border:0;background:#fef3f2;color:#d92d20;border-radius:6px;padding:4px 8px;font-size:9px}.timeline{display:flex;flex-direction:column}.event{display:grid;grid-template-columns:28px 1fr auto;gap:9px;padding:8px 0;position:relative}.event:not(:last-child):after{content:"";position:absolute;right:13px;top:35px;height:calc(100% - 26px);border-right:1px dashed var(--line)}.event-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f4ebff;color:#6941c6;z-index:1}.event-icon.green{background:#ecfdf3;color:#079455}.event-icon.red{background:#fef3f2;color:#d92d20}.event p{font-size:9px;margin:0}.event p b{font-size:9px}.event span,.event time{font-size:8px;color:var(--muted)}.data-panel{padding:0;overflow:hidden}.toolbar{display:flex;justify-content:space-between;padding:16px}.toolbar>div{display:flex;gap:8px}.search.compact{width:260px}.data-panel th,.data-panel td{padding:13px 18px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:12px;padding:3px 9px;font-size:9px;background:#ecfdf3;color:#027a48}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.offline{background:#f2f4f7;color:#667085}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:9px;color:var(--muted)}.pagination div{display:flex;direction:rtl}.pagination button{width:29px;height:29px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.pagination button.active{background:var(--primary);color:white}.sidebar-overlay{display:none}.toast{position:fixed;left:24px;bottom:24px;z-index:80;background:#101828;color:#fff;padding:12px 18px;border-radius:9px;display:flex;gap:8px;align-items:center;font-size:11px;transform:translateY(90px);transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast.show{transform:none}.toast i{color:#32d583}
@media(min-width:1800px){:root{--sidebar:300px}html{font-size:17px}.content{padding:36px 44px}.stats-grid,.dashboard-grid{gap:22px}.stat-card{min-height:128px}.chart{height:270px}.health-ring,.health-ring>div:first-child{height:220px}}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.health-panel{display:grid;grid-template-columns:1fr 1fr}.health-panel .panel-head{grid-column:1/-1}.topbar .status-pill{display:none}}
@media(max-width:900px){:root{--sidebar:276px}.sidebar{transform:translateX(100%);transition:.25s}.sidebar.open{transform:none}.sidebar-close,.menu-toggle{display:grid}.sidebar-overlay{position:fixed;inset:0;background:rgba(16,24,40,.5);z-index:25}.sidebar-overlay.show{display:block}.main{margin-right:0}.topbar{padding:0 18px}.content{padding:22px 18px}.breadcrumb span,.breadcrumb i{display:none}.search{width:260px}}
@media(max-width:680px){html{font-size:14px}.topbar{height:62px}.topbar .search{width:38px;padding:0;justify-content:center;border:0}.topbar .search input,.topbar .search kbd{display:none}.content{padding:18px 12px}.page-title{align-items:flex-start;gap:15px}.page-title h1{font-size:18px}.page-title>div>span{display:block}.title-actions .secondary{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;min-height:102px}.stat-icon{width:36px;height:36px}.stat-card strong{font-size:19px}.health-panel{display:block}.sessions-panel{padding:13px}.toolbar{flex-wrap:wrap}.toolbar .search{width:100%}.toolbar>div:last-child{width:100%}.data-panel th,.data-panel td{padding:11px}.pagination>span{display:none}}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.page-title{display:block}.title-actions{margin-top:14px}.stat-card{min-height:88px}.dashboard-grid{gap:12px}.panel{padding:15px}.chart{height:200px}.chart-legend strong{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:901px){.sidebar-close{display:none!important}}
.dashboard-grid>*{min-width:0}
.connect-modal{max-width:560px}.connect-modal form{padding-top:6px}.connect-resource{margin:0 0 20px;padding:16px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#f8fbff);border-radius:14px;display:flex;align-items:center;gap:13px}.dark .connect-resource{background:linear-gradient(135deg,#0c2440,#111c2d);border-color:#1d4f7d}.connect-resource-icon{width:48px;height:48px;border-radius:12px;background:#1570ef;color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 20px rgba(21,112,239,.22)}.connect-resource>div{display:flex;flex:1;flex-direction:column}.connect-resource small,.connect-resource span{font-size:10px;color:var(--muted)}.connect-resource strong{font-size:15px}.connect-resource>i{font-size:24px;color:#079455}.connect-login-input{height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:flex;align-items:center;padding:0 13px;gap:10px}.connect-login-input:focus-within{border-color:#1570ef;box-shadow:0 0 0 3px rgba(21,112,239,.12)}.connect-login-input i{font-size:20px;color:#1570ef}.connect-login-input input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:14px;direction:ltr;text-align:left}.connect-modal .form-field>small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.connect-security{display:flex;gap:9px;align-items:flex-start;color:#175cd3;background:#eff8ff;border-radius:10px;padding:11px 13px;margin-top:16px;font-size:10px}.dark .connect-security{background:#10243b;color:#84caff}.connect-security i{font-size:18px}