@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:#202b3c;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--navy:#111c31;--navy2:#1b2b47;--gold:#d6b66c;--muted:#788397;--line:#e7ebf1;--card:#fff;--bg:#f4f6fa;--green:#16845b;--red:#bd4141;--amber:#a96a10}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,a{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:0 0 250px;background:var(--navy);color:#e7edf7;padding:22px 14px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:5px 10px 26px;text-decoration:none;color:inherit}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#e6cc85,#b58d3f);color:#17233a;font-size:28px;font-weight:800;box-shadow:0 5px 20px #0002}.brand strong{display:block;font-size:19px;letter-spacing:.1px}.brand small,.sidebar-bottom small{display:block;color:#9eacc3;font-size:11px;margin-top:3px}.workspace-label{font-size:10px;color:#8d9cb4;padding:13px 12px 8px}.nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:9px;background:transparent;color:#bdc8d9;padding:12px 13px;text-align:right;font-size:13px;transition:.15s}.nav-item>span{font-size:18px;width:20px;text-align:center}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#293955;color:#f3d88e;box-shadow:inset -3px 0 #d6b66c}.nav-count{font-style:normal;font-size:10px;margin-right:auto;border-radius:20px;background:#8e363d;color:#fff;padding:2px 7px}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding:15px 10px;border-top:1px solid #ffffff18}.sidebar-bottom strong{font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#41c58a;display:inline-block;flex-shrink:0}.main{min-width:0;flex:1}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 10px;color:#b4bdca}.breadcrumb strong{color:#26364c;font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.demo-pill{display:flex;align-items:center;gap:7px;background:#fff7e5;color:#855d13;border:1px solid #f0dfb5;padding:7px 10px;border-radius:8px;font-size:11px}.demo-pill .status-dot{background:#d3a340;width:6px;height:6px}.icon-button{border:1px solid var(--line);background:#fff;color:#516078;border-radius:9px;width:36px;height:36px;font-size:18px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9edf5;color:#263a59;font-weight:700}.mobile-menu{display:none}.content{padding:25px 30px 15px;max-width:1600px;margin:0 auto}.notice{display:flex;align-items:flex-start;gap:12px;background:#fff8e9;border:1px solid #f0dfb4;color:#73541d;border-radius:10px;padding:13px 15px;margin-bottom:25px}.notice-icon{display:grid;place-items:center;border:1px solid #cda955;border-radius:50%;width:20px;height:20px;font-weight:700;font-size:12px;flex-shrink:0}.notice strong{font-size:12px}.notice p{margin:4px 0 0;color:#8b7344;font-size:11px;line-height:1.8}.notice-close{margin-right:auto;border:0;background:transparent;color:#8b7344;font-size:22px;line-height:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.4px;color:#a07b2e;margin:0 0 5px}.page-heading h1{margin:0;font-size:25px;color:#1c2a40}.subtitle{margin:6px 0 0;color:var(--muted);font-size:12px}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border-radius:8px;padding:10px 14px;font-size:12px;border:1px solid transparent}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#263b5c}.btn-secondary{background:#fff;border-color:#dfe5ed;color:#44536a}.btn-secondary:hover{background:#f7f9fc}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #17274405}.stat-card{padding:17px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#68768a;font-size:12px}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;font-size:18px}.stat-icon.gold{background:#fbf3df;color:#a17b27}.stat-icon.blue{background:#e9f0fb;color:#4369a4}.stat-icon.red{background:#fcebec;color:#b4494b}.stat-icon.green{background:#e5f5ed;color:#16845b}.stat-value{font-size:29px;font-weight:800;color:#1d2b41;line-height:1.5;margin-top:7px;direction:rtl}.stat-foot{display:flex;align-items:center;gap:7px;color:#8993a3;font-size:10px;margin-top:5px}.trend{font-size:10px;font-weight:700}.trend.up{color:#16845b}.trend.caution{color:#a96a10}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.panel{padding:18px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-heading h2{font-size:14px;margin:0;color:#25344b}.panel-heading p{font-size:10px;color:#929bac;margin:5px 0 0}.small-chip{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:5px 8px;color:#8590a0}.chart{display:flex;gap:12px;height:195px;padding:0 4px 0 0}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#a1aab8;font-size:9px;padding:0 0 26px}.chart-main{position:relative;flex:1;min-width:0}.grid-lines{position:absolute;inset:0 0 26px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #e7ebf1}.bars{position:absolute;inset:0 0 0;display:flex;align-items:stretch;justify-content:space-around;gap:10px;padding:0 7px}.bars>div{position:relative;width:min(34px,12%);align-self:flex-end;background:linear-gradient(180deg,#d9bd77,#b7954d);border-radius:5px 5px 0 0;min-height:10px;opacity:.92}.bars>div:nth-child(2n){background:linear-gradient(180deg,#a7b7d1,#627fa9)}.bars span{position:absolute;top:calc(100% + 8px);right:50%;transform:translateX(50%);white-space:nowrap;font-size:9px;color:#8590a0}.chart-legend{display:flex;align-items:center;gap:18px;font-size:10px;color:#66758a;margin-top:18px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:3px;background:#c8a85e;margin-left:6px}.muted{color:#a0a9b6}.service-list{display:grid}.service-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0f2f6}.service-row:last-child{border-bottom:0}.service-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#f0f3f8;color:#536580;font-size:10px;font-weight:800}.service-info{min-width:0;flex:1}.service-info strong{display:block;font-size:12px}.service-info small{display:block;font-size:10px;color:#929bac;margin-top:4px}.state{white-space:nowrap;display:inline-block;font-size:10px;padding:5px 8px;border-radius:6px}.state-muted{background:#eef1f5;color:#66748a}.state-ok{background:#e6f6ed;color:#16845b}.state-danger{background:#fbe9e9;color:#b33d3d}.state-warn{background:#fff2d9;color:#9b6812}.wide-panel{grid-column:1/-1}.text-button{border:0;background:transparent;color:#8a6a26;font-size:11px;padding:4px}.alert-list{display:grid;gap:0}.alert-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f6}.alert-row:last-child{border-bottom:0}.alert-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-weight:800;flex-shrink:0}.alert-mark.critical{background:#fce9e9;color:#bd4141}.alert-mark.warning{background:#fff2d9;color:#a96a10}.alert-mark.info{background:#eaf1fb;color:#5278ae}.alert-row>div{flex:1;min-width:0}.alert-row strong{font-size:12px}.alert-row p{font-size:10px;color:#929bac;margin:4px 0 0;line-height:1.7}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid button{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 12px;text-align:right;color:#45546a;font-size:11px}.quick-grid button:hover{border-color:#d3bb7c;background:#fffcf4}.quick-grid button span{font-size:18px;color:#a17b2d}.generic-panel{text-align:center;padding:55px 20px}.generic-icon{margin:0 auto 16px;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#f8f1df;color:#a17b2d;font-size:27px}.generic-panel h2{font-size:18px;margin:0 0 10px}.generic-panel p{max-width:500px;margin:0 auto 18px;color:#7e899b;line-height:2;font-size:12px}.generic-meta{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#788397;margin-bottom:23px}.generic-meta .status-dot{background:#d3a340;width:7px;height:7px}.hidden{display:none!important}.footer{display:flex;justify-content:space-between;gap:10px;padding:24px 2px 8px;color:#9aa3b0;font-size:10px}.toast{position:fixed;bottom:22px;left:22px;max-width:min(360px,calc(100vw - 44px));background:#17253d;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 8px 30px #101a2d30;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;font-size:12px;z-index:10}.toast.show{opacity:1;transform:translateY(0)}body.dark{--bg:#101827;--card:#172235;--line:#28354a;color:#e4eaf3}body.dark .topbar,body.dark .stat-card,body.dark .panel{background:var(--card);border-color:var(--line)}body.dark .breadcrumb strong,body.dark .page-heading h1,body.dark .stat-value,body.dark .panel-heading h2,body.dark .service-info strong,body.dark .alert-row strong{color:#e4eaf3}body.dark .subtitle,body.dark .stat-top,body.dark .panel-heading p,body.dark .service-info small,body.dark .alert-row p{color:#9aa8bd}body.dark .btn-secondary,body.dark .icon-button,body.dark .quick-grid button{background:#1d2a40;border-color:#34435a;color:#dce4f0}body.dark .notice{background:#332b1c;border-color:#62502c;color:#f0dba8}body.dark .notice p{color:#d2bd8c}body.dark .service-row,body.dark .alert-row{border-color:#28354a}body.dark .service-symbol{background:#26344a;color:#d4dfef}body.dark .grid-lines i{border-color:#29374d}body.dark .bars span,body.dark .chart-y,body.dark .chart-legend,body.dark .footer{color:#8f9eb4}body.dark .demo-pill{background:#352d1b;border-color:#594a29;color:#efd28c}
@media(max-width:1100px){.sidebar{width:220px;flex-basis:220px}.content{padding:22px 20px}.topbar{padding:0 20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:760px){.sidebar{position:fixed;z-index:20;top:0;bottom:0;right:0;transform:translateX(100%);transition:transform .2s;width:270px;box-shadow:-12px 0 30px #111c3125}.sidebar.open{transform:translateX(0)}.main{width:100%}.topbar{height:60px;padding:0 14px}.mobile-menu{display:block}.breadcrumb{margin-right:auto;margin-left:10px}.top-actions{gap:7px}.demo-pill{font-size:0;padding:9px}.demo-pill .status-dot{width:8px;height:8px}.content{padding:16px 13px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:22px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.stat-grid{gap:10px}.stat-card{padding:13px}.stat-top{font-size:11px}.stat-value{font-size:25px}.stat-foot{font-size:9px;flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr}.wide-panel{grid-column:auto}.footer{flex-wrap:wrap}.notice{margin-bottom:20px}.notice p{font-size:10px}}
@media(max-width:380px){.stat-grid{grid-template-columns:1fr}.stat-card{padding:15px}.avatar{width:32px;height:32px}.topbar{padding:0 10px}.content{padding:13px 10px}}

/* Operationally inert, data-only admin page components */
.generic-page-intro{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px}.generic-page-intro .generic-icon{margin:0;flex-shrink:0}.generic-page-intro h2{margin:0;color:var(--navy);font-size:16px}.generic-page-intro p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.generic-page-intro .btn{margin-right:auto;white-space:nowrap}.table-wrap{width:100%;overflow:auto;margin-top:14px}.data-table{width:100%;border-collapse:collapse;min-width:590px;text-align:right;font-size:12px}.data-table th{padding:13px 12px;background:#f7f8fb;color:#6d788a;font-size:11px;font-weight:700;white-space:nowrap}.data-table td{padding:14px 12px;border-bottom:1px solid var(--line);color:#34435a;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fbfcfe}.search-box{display:flex;align-items:center;gap:9px;width:min(100%,420px);margin:16px 0 8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:#8c98aa}.search-box span{font-size:21px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;padding:12px 0;font:inherit;font-size:12px}.search-box:focus-within{border-color:#c8aa60;box-shadow:0 0 0 3px #d6b66c20}.page-footnote{font-size:11px;color:var(--muted);line-height:1.9;padding:4px 2px}.empty-state{display:grid;place-items:center;gap:5px;padding:24px;color:var(--muted);font-size:12px}.empty-state span{font-size:24px}.workflow-list{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px}.workflow-list li{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px}.workflow-list li>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#f8f0dc;color:#8b6b2a;font-weight:800}.workflow-list strong{font-size:12px}.workflow-list p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;gap:10px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line);font-size:12px;color:#4d5b70}.checklist li:last-child{border-bottom:0}.checklist li span{color:#b08b3b;font-size:19px}.settings-panel{max-width:900px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:12px}.setting-row small{margin-top:5px;font-size:10px;color:var(--muted)}.setting-row input{width:18px;height:18px;accent-color:#a88335}.generic-page-intro .generic-icon{font-size:23px}
body.dark .generic-page-intro,body.dark .search-box{background:var(--card);border-color:var(--line)}body.dark .generic-page-intro h2,body.dark .data-table td{color:#e4eaf3}body.dark .data-table th{background:#1d2a40;color:#a8b6ca}body.dark .data-table tbody tr:hover td{background:#1d2a40}body.dark .workflow-list li{border-color:var(--line)}body.dark .checklist li{color:#c8d2e1}
@media(max-width:760px){.generic-page-intro{align-items:flex-start;flex-wrap:wrap;padding:13px}.generic-page-intro .btn{margin-right:0;width:100%}.data-table{min-width:540px}.workflow-list li{padding:11px}}