@font-face{font-family:Vazirmatn;src:url(../media/Vazirmatn[wght].3knf6dhh8xxk6.woff2)format("woff2 supports variations"),url(../media/Vazirmatn[wght].3knf6dhh8xxk6.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}
:root{--background:#f7f6f3;--foreground:#20231f;--muted:#6f716b;--muted-2:#92958d;--surface:#fff;--surface-soft:#f2f0eb;--border:#e8e4dc;--border-strong:#d8d2c7;--primary:#24594b;--primary-foreground:#fff;--success:#346538;--success-soft:#edf3ec;--warning:#956400;--warning-soft:#fbf3db;--destructive:#9f2f2d;--destructive-soft:#fdebec;--chart-1:#1f6c9f;--chart-2:#346538;--chart-3:#956400;--shadow:0 10px 28px #161c180a;--radius:8px}html[data-locale=en]{--background:#fbfbfa;--surface-soft:#f4f3ef;--primary:#253d35}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);letter-spacing:0;margin:0;font-family:Vazirmatn,Vazir,SF Pro Display,Helvetica Neue,Arial,ui-sans-serif,system-ui,sans-serif}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}svg{flex:none;width:1em;height:1em}.app-shell{width:min(1480px,100%);margin:0 auto;padding:22px}.shell-with-footer{min-height:100dvh}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar h1{margin:0;font-size:25px;font-weight:720;line-height:1.1}.topbar p{color:var(--muted);align-items:center;gap:8px;margin:8px 0 0;font-size:13px;display:flex}.topbar .eyebrow{color:var(--primary);margin:0 0 7px;font-size:12px;font-weight:760}.topbar .freshness{margin-top:8px}.topbar-actions,.action-row,.modal-actions{align-items:center;gap:8px;display:flex}.language-switch{border:1px solid var(--border);background:var(--surface-soft);border-radius:7px;align-items:center;gap:2px;min-height:34px;padding:3px;display:inline-flex}.language-switch button{min-height:26px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:0 9px;font-size:12px;font-weight:760}.language-switch button[aria-pressed=true]{background:var(--surface);color:var(--foreground);box-shadow:0 1px 2px #161c180a}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.workspace{grid-template-columns:minmax(0,2fr) minmax(320px,.82fr);align-items:start;gap:12px;display:grid}.workspace.lower{grid-template-columns:minmax(0,1.4fr) minmax(360px,.7fr);margin-top:12px}.side-stack{flex-direction:column;gap:12px;display:flex}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ui-card-header{padding:15px 16px 10px}.ui-card-title{margin:0;font-size:15px;font-weight:700;line-height:1.2}.ui-card-description{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.ui-card-content{padding:0 16px 16px}.ui-card-footer{border-top:1px solid var(--border);padding:12px 16px}.panel-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.metric-card{min-height:124px}.metric-card .ui-card-header{flex-direction:column;gap:13px;display:flex}.metric-card strong{text-transform:capitalize;font-size:27px;font-weight:740;line-height:1;display:block}.metric-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.metric-head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.metric-head svg{color:var(--primary);font-size:18px}.metric-good .metric-head svg{color:var(--success)}.metric-warn .metric-head svg{color:var(--warning)}.ui-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:2px 8px;font-size:11px;font-weight:720;line-height:1;display:inline-flex}.ui-badge-default,.ui-badge-secondary{color:var(--foreground);background:var(--surface-soft);border-color:var(--border)}.ui-badge-success{color:var(--success);background:var(--success-soft);border-color:#13795b38}.ui-badge-warning{color:var(--warning);background:var(--warning-soft);border-color:#b7791f42}.ui-badge-destructive{color:var(--destructive);background:var(--destructive-soft);border-color:#bf2c2c38}.ui-button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:680;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.ui-button svg[data-icon]{font-size:14px}.ui-button-md{min-height:38px;padding:0 13px}.ui-button-sm{min-height:30px;padding:0 9px;font-size:12px}.ui-button-icon{width:34px;min-height:34px;padding:0}.ui-button-default{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.ui-button-outline{color:var(--foreground);background:var(--surface);border-color:var(--border-strong)}.ui-button-ghost{color:var(--muted);background:0 0}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-separator{background:var(--border);height:1px;margin:13px 0}.ui-skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#edf1f7,#f7f9fc,#edf1f7) 0 0/180% 100%;animation:1.6s infinite shimmer}.chart-skeleton{height:285px}.loading-shell,.login-shell{place-items:center;min-height:100dvh;padding:22px;display:grid}.login-shell.shell-with-footer{grid-template-rows:1fr auto;place-items:stretch stretch}.loading-card{width:min(760px,90vw);height:420px}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow);flex-direction:column;place-self:center;gap:13px;padding:24px;display:flex}.login-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.login-mark{background:var(--surface-soft);width:44px;height:44px;color:var(--primary);border-radius:8px;place-items:center;font-size:22px;display:grid}.login-panel h1{margin:2px 0 0;font-size:24px;line-height:1.1}.login-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.login-panel label,.reason-field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:650;display:flex}.login-panel input,.reason-field textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--foreground);border-radius:6px;outline:none;font-size:14px}.login-panel input{height:40px;padding:0 11px}.reason-field textarea{resize:vertical;min-height:96px;padding:10px 11px}.login-button{margin-top:4px}.window-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:7px;gap:2px;padding:3px;display:inline-flex}.window-tabs button{min-width:48px;min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;font-size:12px;font-weight:700}.window-tabs button[aria-selected=true]{background:var(--surface);color:var(--foreground);box-shadow:0 1px 2px #1f2d4714}.ui-chart-container{width:100%;min-height:285px}.recharts-cartesian-axis-tick text{fill:var(--muted-2);font-size:11px}.ui-table-wrap{border:1px solid var(--border);border-radius:7px;width:100%;overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.ui-table th{height:38px;color:var(--muted);background:var(--surface-soft);text-align:start;font-size:11px;font-weight:760}.ui-table th,.ui-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 11px}.ui-table tr:last-child td{border-bottom:0}.service-name{color:var(--foreground);text-align:start;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:0;font-weight:720;display:flex}.service-name small{color:var(--muted);font-size:11px;font-weight:520}.attention-list,.maintenance-list,.boundary-list{flex-direction:column;gap:9px;display:flex}.attention-list>div,.maintenance-row,.boundary-list span{min-height:34px;color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.attention-list svg,.maintenance-row svg,.boundary-list svg{color:var(--primary);font-size:16px}.maintenance-row{justify-content:space-between}.maintenance-row span{color:var(--foreground);flex:1}.empty-text{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.peak-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.peak-list li{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.peak-list strong{font-size:13px;display:block}.peak-list span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.modal-backdrop{z-index:30;background:#13192661;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card,.drawer{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.modal-card{border-radius:var(--radius);width:min(520px,100%);padding:17px}.modal-head,.drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.modal-head h2,.drawer-head h2{margin:0;font-size:17px}.modal-head p,.drawer-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.modal-actions{justify-content:flex-end;margin-top:14px}.drawer{z-index:35;border-radius:var(--radius);width:min(680px,100vw - 24px);padding:16px;position:fixed;top:12px;bottom:12px;right:12px}html[dir=rtl] .drawer{left:12px;right:auto}.logs-panel{border:1px solid var(--border);color:#dbe7ff;white-space:pre-wrap;background:#0f1726;border-radius:7px;height:calc(100% - 72px);margin:0;padding:13px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;overflow:auto}.app-footer{color:var(--muted);text-align:center;margin-top:18px;padding:14px 4px 2px;font-size:12px;font-weight:650}.spin{animation:.9s linear infinite spin}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.workspace.lower{grid-template-columns:1fr}}@media (max-width:720px){.app-shell{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:wrap;width:100%}.topbar-actions .ui-button,.topbar-actions .language-switch,.language-switch button{flex:1}.metric-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}.window-tabs{width:100%}.window-tabs button{flex:1}.drawer{width:auto;inset:14% 8px 8px}html[dir=rtl] .drawer{inset:14% 8px 8px}}