/* MATI SOFT theme V16.5.59 — loaded after the legacy page styles and overrides them. */
@font-face{font-family:"Plex Arabic";font-weight:400;font-display:swap;src:url(fonts/plex-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"Plex Arabic";font-weight:500;font-display:swap;src:url(fonts/plex-arabic-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"Plex Arabic";font-weight:600;font-display:swap;src:url(fonts/plex-arabic-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"Plex Arabic";font-weight:700;font-display:swap;src:url(fonts/plex-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"Plex Arabic";font-weight:400;font-display:swap;src:url(fonts/plex-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Plex Arabic";font-weight:500;font-display:swap;src:url(fonts/plex-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Plex Arabic";font-weight:600;font-display:swap;src:url(fonts/plex-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Plex Arabic";font-weight:700;font-display:swap;src:url(fonts/plex-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}

:root{
  --ms-brand:#1E4E8C;--ms-brand-600:#1A4479;--ms-brand-50:#EEF4FC;--ms-brand-100:#DCE8F7;
  --ms-accent:#3A9AE0;--ms-ink:#0F1B2D;--ms-ink-2:#334155;--ms-muted:#64748B;
  --ms-bg:#F4F7FB;--ms-surface:#FFFFFF;--ms-line:#E3E9F1;--ms-line-2:#EEF2F7;
  --ms-ok:#15803D;--ms-ok-bg:#E8F6EE;--ms-warn:#B45309;--ms-warn-bg:#FEF3E2;--ms-bad:#B42318;--ms-bad-bg:#FDECEA;
  --ms-radius:14px;--ms-shadow:0 1px 2px rgba(15,27,45,.04),0 6px 20px rgba(15,27,45,.05);
  --ms-font:"Plex Arabic",Tahoma,"Segoe UI",Arial,sans-serif;
}
html body{font-family:var(--ms-font)!important;background:var(--ms-bg)!important;color:var(--ms-ink)!important;-webkit-font-smoothing:antialiased}
html body :is(input,select,textarea,button){font-family:var(--ms-font)!important}

/* ---------- header ---------- */
html body .top{background:var(--ms-surface)!important;color:var(--ms-ink)!important;padding:10px 22px!important;border-bottom:1px solid var(--ms-line)!important;box-shadow:none!important;position:sticky;top:0;z-index:40;min-height:64px}
html body .top a{color:inherit}
html body .mati-header-logo{box-shadow:none!important;background:transparent!important;height:46px!important;min-width:0!important;padding:0!important}
html body .mati-header-logo img{width:140px!important;height:42px!important}
html body .topnav{gap:8px!important}
html body .top .btn.ghost,html body .top .navlink{background:transparent!important;color:var(--ms-ink-2)!important;border:1px solid var(--ms-line)!important;border-radius:10px!important;padding:8px 12px!important;font-size:13px!important;font-weight:500;display:inline-flex;align-items:center;gap:6px}
html body .top .btn.ghost:hover,html body .top .navlink:hover{background:var(--ms-brand-50)!important;border-color:var(--ms-brand-100)!important;color:var(--ms-brand)!important}
.ms-user{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:999px;background:var(--ms-bg);font-size:13px;color:var(--ms-ink-2)}
[dir=rtl] .ms-user{padding:4px 12px 4px 4px}
.ms-avatar{width:30px;height:30px;border-radius:50%;background:var(--ms-brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;text-transform:uppercase}
.ms-ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- layout + sidebar ---------- */
html body .wrap{max-width:1560px!important;margin:20px auto!important}
html body .layout{grid-template-columns:250px minmax(0,1fr)!important;gap:20px!important}
html body .sidebar{background:var(--ms-surface)!important;border:1px solid var(--ms-line)!important;border-radius:var(--ms-radius)!important;padding:12px!important;box-shadow:var(--ms-shadow)!important;top:84px!important;max-height:calc(100vh - 100px)!important}
html body .side-title{font-size:11px!important;font-weight:600!important;letter-spacing:.4px!important;color:#94A3B8!important;padding:14px 10px 6px!important;text-transform:none!important}
html body .side-link{padding:9px 10px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:500!important;color:var(--ms-ink-2)!important;gap:10px!important;position:relative;transform:none!important}
html body .side-link:hover{background:var(--ms-bg)!important;color:var(--ms-ink)!important}
html body .side-link.active{background:var(--ms-brand-50)!important;color:var(--ms-brand)!important;font-weight:600!important}
html body .side-link.active::before{content:"";position:absolute;inset-inline-start:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--ms-brand)}
html body .side-icon{width:auto!important;display:inline-flex;color:#7B8BA1}
html body .side-link.active .side-icon,html body .side-link:hover .side-icon{color:inherit}
.side-badge{margin-inline-start:auto;background:var(--ms-bad);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;font-weight:600}

.ms-license-card{display:block;text-decoration:none!important;border:1px solid var(--ms-line);border-radius:12px;padding:12px;margin-bottom:6px;background:linear-gradient(160deg,#F8FBFF,#EEF4FC)}
.ms-license-card .k{font-size:11px;color:var(--ms-muted);font-weight:600}
.ms-license-card .v{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:13px;color:var(--ms-ink)}
.ms-license-card .v b{font-size:18px;color:var(--ms-brand)}
.ms-license-card.warn{background:var(--ms-warn-bg);border-color:#F6D8A8}.ms-license-card.warn .v b{color:var(--ms-warn)}
.ms-license-card.bad{background:var(--ms-bad-bg);border-color:#F5C2BC}.ms-license-card.bad .v b{color:var(--ms-bad)}
.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.ok{background:var(--ms-ok-bg);color:var(--ms-ok)}.pill.warn{background:var(--ms-warn-bg);color:var(--ms-warn)}.pill.bad{background:var(--ms-bad-bg);color:var(--ms-bad)}.pill.info{background:var(--ms-brand-50);color:var(--ms-brand)}.pill.mute{background:var(--ms-line-2);color:var(--ms-muted)}

/* ---------- surfaces ---------- */
html body .card{border:1px solid var(--ms-line)!important;border-radius:var(--ms-radius)!important;box-shadow:var(--ms-shadow)!important;padding:20px!important}
html body .card h2{font-size:17px;font-weight:600;margin:0 0 4px}
html body .page-head h1{font-size:22px!important;font-weight:700!important;color:var(--ms-ink)!important;letter-spacing:0}
html body .muted{color:var(--ms-muted)!important}
html body .stat{border:1px solid var(--ms-line)!important;border-radius:var(--ms-radius)!important;box-shadow:var(--ms-shadow)}
html body .stat b{color:var(--ms-ink)!important;font-weight:700}

/* ---------- buttons + forms ---------- */
html body .btn{background:var(--ms-brand)!important;color:#fff!important;border-radius:10px!important;padding:9px 16px!important;font-weight:600!important;font-size:13px!important;border:1px solid transparent!important;box-shadow:0 1px 2px rgba(30,78,140,.2);transition:background .15s}
html body .btn:hover{background:var(--ms-brand-600)!important}
html body .btn.secondary{background:var(--ms-surface)!important;color:var(--ms-ink-2)!important;border-color:var(--ms-line)!important;box-shadow:none}
html body .btn.secondary:hover{background:var(--ms-bg)!important}
html body .btn.danger{background:var(--ms-bad)!important}
html body label{font-weight:600!important;color:var(--ms-ink-2)}
html body :is(input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel],textarea,select){border:1px solid #CFD8E3!important;border-radius:10px!important;padding:10px 12px!important;background:#fff!important;color:var(--ms-ink)}
html body :is(input,textarea,select):focus{outline:3px solid rgba(58,154,224,.22)!important;border-color:var(--ms-accent)!important}
html body .msg{border-radius:10px!important;padding:12px 14px!important;border:1px solid transparent;font-size:14px}
html body .msg.success{background:var(--ms-ok-bg)!important;color:var(--ms-ok)!important;border-color:#BFE5CD}
html body .msg.error{background:var(--ms-bad-bg)!important;color:var(--ms-bad)!important;border-color:#F5C2BC}

/* ---------- tables ---------- */
html body .table-wrap{border:1px solid var(--ms-line)!important;border-radius:12px!important}
html body table{font-size:13px!important}
html body th{background:#F5F8FC!important;color:var(--ms-muted)!important;font-weight:600!important;font-size:12px!important;border-bottom:1px solid var(--ms-line)!important}
html body td{border-bottom:1px solid var(--ms-line-2)!important}
html body tbody tr:hover{background:#F8FBFF!important}
html body td a{color:var(--ms-brand)!important;font-weight:600!important}

/* ---------- banners ---------- */
.ms-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px;border:1px solid}
.ms-banner.warn{background:var(--ms-warn-bg);border-color:#F6D8A8;color:#7C3A0A}
.ms-banner.bad{background:var(--ms-bad-bg);border-color:#F5C2BC;color:#7A1B13}
.ms-banner a{font-weight:600;color:inherit;margin-inline-start:auto;white-space:nowrap}
.ms-footer{text-align:center;color:#94A3B8;font-size:12px;padding:18px 0 26px}

/* ---------- login ---------- */
.ms-auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--ms-surface)}
.ms-auth-panel{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(24px,6vw,96px)}
.ms-auth-panel form{max-width:400px;width:100%}
.ms-auth-panel h1{font-size:28px;margin:28px 0 6px;font-weight:700}
.ms-auth-panel .btn{width:100%;margin-top:20px;padding:12px!important;font-size:15px!important}
.ms-auth-logo{width:180px;height:auto}
.ms-auth-side{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,#2F6DB5 0%,#1E4E8C 45%,#12305A 100%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:56px}
.ms-auth-side::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
.ms-auth-side h2{font-size:30px;line-height:1.5;margin:0 0 12px;position:relative;font-weight:700}
.ms-auth-side p{color:#C9DAF0;max-width:460px;line-height:1.9;position:relative;margin:0}
.ms-auth-points{display:grid;gap:10px;margin-top:28px;position:relative}
.ms-auth-points div{display:flex;align-items:center;gap:10px;color:#E6EEF9;font-size:14px}
.ms-auth-points .ms-ico{color:#7CC0F2}
.ms-auth-top{display:flex;justify-content:space-between;align-items:center;max-width:400px}
.ms-auth-foot{margin-top:36px;color:#94A3B8;font-size:12px}
@media(max-width:900px){.ms-auth{grid-template-columns:1fr}.ms-auth-side{display:none}}

/* ---------- license + bot pages ---------- */
.ms-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ms-kv{display:grid;grid-template-columns:150px 1fr;gap:10px 16px;font-size:14px;margin:0}
.ms-kv dt{color:var(--ms-muted)}.ms-kv dd{margin:0;font-weight:500}
.ms-code{font-family:Consolas,"Courier New",monospace;direction:ltr;unicode-bidi:isolate;font-size:20px;letter-spacing:2px;background:var(--ms-bg);border:1px dashed #B9C7D8;border-radius:10px;padding:12px 14px;display:inline-block;font-weight:700;color:var(--ms-brand)}
.ms-hero{display:flex;align-items:center;gap:16px}
.ms-hero-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--ms-brand-50);color:var(--ms-brand)}
.ms-hero-ico .ms-ico{width:26px;height:26px}
.ms-hero.bad .ms-hero-ico{background:var(--ms-bad-bg);color:var(--ms-bad)}
.ms-hero.warn .ms-hero-ico{background:var(--ms-warn-bg);color:var(--ms-warn)}
.ms-hero.ok .ms-hero-ico{background:var(--ms-ok-bg);color:var(--ms-ok)}
.ms-steps{margin:0;padding-inline-start:20px;line-height:2;color:var(--ms-ink-2);font-size:14px}
.ms-tabs{display:flex;gap:6px;border-bottom:1px solid var(--ms-line);margin-bottom:16px;flex-wrap:wrap}
.ms-tabs a{padding:9px 14px;border-bottom:2px solid transparent;color:var(--ms-muted);text-decoration:none;font-weight:600;font-size:14px;margin-bottom:-1px}
.ms-tabs a.on{color:var(--ms-brand);border-color:var(--ms-brand)}
.ms-switch{display:inline-flex!important;align-items:center;gap:10px;margin:0!important;cursor:pointer;font-weight:600}
html body .ms-switch input{appearance:none!important;-webkit-appearance:none!important;padding:0!important;border:0!important;flex:none;width:42px;height:24px;border-radius:999px;background:#CBD5E1;position:relative;cursor:pointer;transition:background .2s;margin:0}
html body .ms-switch input::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:inset-inline-start .2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
html body .ms-switch input{background:#CBD5E1!important}html body .ms-switch input:checked{background:var(--ms-ok)!important}
html body .ms-switch input:checked::after{inset-inline-start:21px}
.bot-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.bot-node{border:1px solid var(--ms-line);border-radius:12px;margin-bottom:12px;background:#fff}
.bot-node>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:600}
.bot-node>summary::-webkit-details-marker{display:none}
.bot-node[open]>summary{border-bottom:1px solid var(--ms-line-2)}
.bot-node .body{padding:14px}
.bot-node .id{font-family:Consolas,monospace;font-size:12px;color:var(--ms-muted);direction:ltr}
.bot-opt{display:grid;grid-template-columns:64px minmax(0,1fr) 210px 36px;gap:8px;align-items:center;margin-bottom:8px}
.bot-field{display:grid;grid-template-columns:150px minmax(0,1fr) 36px;gap:8px;align-items:center;margin-bottom:8px}
.icon-btn{width:36px;height:38px;border:1px solid var(--ms-line);background:#fff;border-radius:10px;cursor:pointer;color:var(--ms-muted);display:grid;place-items:center}
.icon-btn:hover{color:var(--ms-bad);border-color:#F5C2BC}
.bot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.phone{position:sticky;top:84px;border-radius:26px;background:#0F1B2D;padding:10px;box-shadow:0 20px 50px rgba(15,27,45,.25)}
.phone-head{display:flex;align-items:center;gap:10px;color:#fff;padding:8px 10px 12px;font-weight:600;font-size:14px}
.phone-head .dot{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}
.phone-head small{display:block;color:#9FB0C6;font-weight:400;font-size:11px}
.chat{background:#EFE7DD;border-radius:18px;height:520px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}
.bubble{max-width:84%;padding:7px 10px;border-radius:10px;font-size:13px;line-height:1.7;white-space:pre-wrap;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bubble.in{background:#fff;align-self:flex-start}
.bubble.out{background:#D9FDD3;align-self:flex-end}
[dir=rtl] .bubble.in{align-self:flex-end}[dir=rtl] .bubble.out{align-self:flex-start}
.bubble.sys{align-self:center;background:#FFF5C4;font-size:11px;color:#6B5B12}
.chat-input{display:flex;gap:8px;padding:10px 4px 4px}
.chat-input input{flex:1;border-radius:999px!important;border:0!important}
.chat-input button{border-radius:999px!important}
.req-fields{display:grid;gap:3px;font-size:13px}
.req-fields span{color:var(--ms-muted)}
@media(max-width:1100px){.bot-layout{grid-template-columns:1fr}.phone{position:static}}
@media(max-width:850px){.ms-grid-2,.bot-row{grid-template-columns:1fr}.bot-opt{grid-template-columns:56px 1fr 36px}.bot-opt select{grid-column:1/-1}.ms-kv{grid-template-columns:1fr}html body .top{position:static}}
@media print{.ms-banner,.ms-footer,.ms-user{display:none!important}}
html body input[type=file]{font-size:13px;padding:8px;border:1px dashed #B9C7D8;border-radius:10px;background:var(--ms-bg);width:100%}
html body input[type=file]::file-selector-button{font-family:var(--ms-font);border:1px solid var(--ms-line);background:#fff;border-radius:8px;padding:6px 12px;margin-inline-end:10px;cursor:pointer}
@media(max-width:850px){
  html body .layout>.sidebar{position:static!important;max-height:none!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:4px!important;padding:6px!important;top:auto!important}
  html body .layout>.sidebar .side-title,html body .layout>.sidebar .ms-license-card{display:none!important}
  html body .layout>.sidebar .side-link{flex:none!important;min-width:0!important;white-space:nowrap!important;padding:8px 10px!important;font-size:12.5px!important}
  html body .layout>.sidebar .side-link.active::before{display:none}
  html body .top{padding:8px 12px!important;min-height:56px}
  html body .top .btn.ghost span,html body .ms-user span:not(.ms-avatar){display:none}
  html body .top .btn.ghost{padding:8px!important}
  html body .mati-header-logo img{width:112px!important;height:34px!important}
  .ms-auth-panel{padding:28px 20px}
}

/* ---------- dashboard V16.5.59 ---------- */
.ms-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.ms-section-head h2{font-size:17px!important;font-weight:600;margin:0!important;color:var(--ms-ink)}
.ms-section-head p{margin:3px 0 0;color:var(--ms-muted);font-size:13px}
.ms-kpis{display:grid;grid-template-columns:minmax(280px,1.6fr) repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.ms-kpis .card{margin:0!important}
.ms-kpi{display:flex!important;flex-direction:column;gap:6px;text-decoration:none!important;color:inherit!important;transition:border-color .15s,box-shadow .15s}
.ms-kpi:hover{border-color:var(--ms-brand-100)!important;box-shadow:0 8px 24px rgba(30,78,140,.08)!important}
.ms-kpi-label{font-size:12.5px;color:var(--ms-muted);font-weight:500}
.ms-kpi b{font-size:28px;font-weight:600;color:var(--ms-ink);line-height:1.2}
.ms-kpi small{font-size:12px;color:var(--ms-muted)}
.ms-hero-kpi{display:flex;flex-direction:column;gap:6px}
.ms-hero-num{font-size:52px;font-weight:600;line-height:1.05;color:var(--ms-ink);direction:ltr;text-align:start;unicode-bidi:isolate}
[dir=rtl] .ms-hero-num{text-align:right}
.ms-hero-num span{font-size:26px;color:var(--ms-muted);margin-inline-start:2px}
.ms-seg{display:flex;gap:2px;height:8px;margin-top:8px;border-radius:999px;overflow:hidden}
.ms-seg span{display:block;min-width:0}
.ms-seg .on{background:#2F6DB5}.ms-seg .off{background:#DCE8F7}
.ms-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ms-ink-2);margin-top:4px}
.ms-legend span{display:inline-flex;align-items:center;gap:6px}
.ms-legend .sw{width:10px;height:10px;border-radius:3px;display:inline-block}
.ms-legend .sw.on{background:#2F6DB5}.ms-legend .sw.off{background:#DCE8F7}
.ms-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ms-tile{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ms-line);border-radius:12px;text-decoration:none!important;color:var(--ms-ink)!important;background:#fff;transition:background .15s,border-color .15s}
.ms-tile:hover{background:var(--ms-brand-50);border-color:var(--ms-brand-100)}
.ms-tile b{display:block;font-size:14px;font-weight:600}
.ms-tile small{display:block;font-size:12px;color:var(--ms-muted);margin-top:2px}
.ms-tile-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--ms-brand-50);color:var(--ms-brand);flex:none}
.ms-chart-filter{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin:0}
.ms-chart-filter .filter-field{min-width:220px!important;flex:none!important}
.ms-chart-filter label{font-size:12px!important;margin:0 0 4px!important}
.ms-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ms-chart-card{margin:0;border:1px solid var(--ms-line-2);border-radius:12px;padding:14px 14px 6px;background:#fff;min-width:0}
.ms-chart-card figcaption{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ms-chart-card figcaption b{display:block;font-size:14px;font-weight:600;color:var(--ms-ink)}
.ms-chart-card figcaption small{display:block;font-size:12px;color:var(--ms-muted)}
.ms-chart-total{margin-inline-start:auto;font-size:20px;font-weight:600;color:var(--ms-ink)}
.ms-chart{width:100%;min-height:150px}
.ms-kpi-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 10px;padding:12px 14px;background:var(--ms-bg);border-radius:12px}
.ms-kpi-inline b{display:block;font-size:20px;font-weight:600;color:var(--ms-ink);margin-top:2px}
html body .chart-empty{padding:30px 10px;text-align:center;color:var(--ms-muted);font-size:13px;background:var(--ms-bg);border-radius:10px}
@media(max-width:1250px){.ms-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-hero-kpi{grid-column:1/-1}.ms-chart-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.ms-kpis,.ms-chart-grid,.ms-tiles,.ms-kpi-inline{grid-template-columns:1fr}}
.ms-bars{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:12px}
.ms-bars li{cursor:default}
.ms-bar-row{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--ms-ink-2);margin-bottom:5px}
.ms-bar-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-bar-row b{font-weight:600;color:var(--ms-ink);font-variant-numeric:tabular-nums}
.ms-bar-row em{font-style:normal;color:var(--ms-muted);font-size:12px;min-width:36px;text-align:end;font-variant-numeric:tabular-nums}
.ms-bar-track{height:8px;background:var(--ms-line-2);border-radius:999px;overflow:hidden}
.ms-bar-track i{display:block;height:100%;background:#2F6DB5;border-radius:999px}
.ms-bars li:hover .ms-bar-track i{background:var(--ms-brand)}
.ms-bars li:hover .ms-bar-row span{color:var(--ms-ink)}

/* =====================================================================
   V16.5.59 enterprise shell: dark navy sidebar, light workspace
   ===================================================================== */
:root{--ms-side:#0E2442;--ms-side-2:#0A1B33;--ms-side-ink:#C5D2E6;--ms-side-muted:#7D90AE;--ms-side-w:272px;--ms-bg:#F2F5F9}
html body{background:var(--ms-bg)!important}
.ms-app{display:block;min-height:100vh}
html body aside.sidebar.ms-side{position:fixed!important;inset-block:0!important;inset-inline-start:0!important;top:0!important;width:var(--ms-side-w)!important;max-height:none!important;height:100vh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;background:linear-gradient(180deg,var(--ms-side) 0%,var(--ms-side-2) 100%)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:60}
.ms-side-logo{display:flex;align-items:center;padding:22px 22px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.ms-side-logo img{height:40px;width:auto}
.ms-nav{flex:1;overflow-y:auto;padding:10px 12px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
html body .ms-side .side-title{color:var(--ms-side-muted)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.6px!important;padding:16px 12px 6px!important;text-transform:uppercase}
html body .ms-side .side-link{color:var(--ms-side-ink)!important;padding:9px 12px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:500!important;margin:1px 0!important;background:transparent!important;transform:none!important}
html body .ms-side .side-link .side-icon{color:var(--ms-side-muted)!important}
html body .ms-side .side-link:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
html body .ms-side .side-link:hover .side-icon{color:#fff!important}
html body .ms-side .side-link.active{background:linear-gradient(90deg,rgba(58,154,224,.28),rgba(58,154,224,.10))!important;color:#fff!important;font-weight:600!important;box-shadow:inset 0 0 0 1px rgba(124,192,242,.18)}
[dir=rtl] html body .ms-side .side-link.active,html[dir=rtl] body .ms-side .side-link.active{background:linear-gradient(270deg,rgba(58,154,224,.28),rgba(58,154,224,.10))!important}
html body .ms-side .side-link.active .side-icon{color:#7CC0F2!important}
html body .ms-side .side-link.active::before{content:"";position:absolute;inset-inline-start:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#7CC0F2}
.ms-side .ms-license-card{margin:0 14px 16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff}
.ms-side .ms-license-card .k{color:var(--ms-side-muted)}
.ms-side .ms-license-card .v{color:var(--ms-side-ink)}
.ms-side .ms-license-card .v b{color:#fff!important}
.ms-side .ms-license-card.warn{border-color:rgba(245,158,11,.45)!important}
.ms-side .ms-license-card.bad{border-color:rgba(239,68,68,.5)!important}
.ms-main{margin-inline-start:var(--ms-side-w);min-height:100vh;display:flex;flex-direction:column}
html body .ms-main .top{position:sticky;top:0;z-index:50;display:flex!important;justify-content:flex-start!important;align-items:center;gap:14px;padding:12px 28px!important;min-height:68px;background:rgba(255,255,255,.88)!important;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #E4E9F1!important}
.ms-top-title{flex:1;min-width:0}
.ms-top-title b{display:block;font-size:15px;font-weight:600;color:var(--ms-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-top-title small{display:block;font-size:12px;color:var(--ms-muted)}
.ms-burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--ms-line);background:#fff;color:var(--ms-ink);place-items:center;cursor:pointer}
.ms-user{padding:4px 12px 4px 4px!important;background:#fff!important;border:1px solid var(--ms-line)}
[dir=rtl] .ms-user{padding:4px 4px 4px 12px!important}
.ms-user-meta b{display:block;font-size:13px;font-weight:600;color:var(--ms-ink);line-height:1.2}
.ms-user-meta small{display:block;font-size:11px;color:var(--ms-muted)}
.ms-avatar{background:linear-gradient(135deg,#2F6DB5,#1E4E8C)!important;width:34px!important;height:34px!important}
html body .top .ms-icon-only{padding:8px 10px!important}
html body .ms-main .wrap{max-width:1480px!important;width:100%;margin:0 auto!important;padding:26px 28px 10px!important;flex:1}
html body .ms-main .content{min-width:0}
html body .page-head{margin-bottom:20px!important}
html body .page-head h1{font-size:24px!important;font-weight:700!important}
html body .card{border-radius:16px!important;border-color:#E6EBF2!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.04)!important}
html body th{background:#F7F9FC!important;color:#5B6B80!important;font-size:12px!important;font-weight:600!important;padding:12px 10px!important}
html body td{padding:12px 10px!important}
.ms-public-top{position:static!important}
.ms-scrim{display:none}
@media(max-width:1100px){
  html body aside.sidebar.ms-side{transform:translateX(100%);transition:transform .25s ease}
  html[dir=ltr] body aside.sidebar.ms-side{transform:translateX(-100%)}
  body.nav-open aside.sidebar.ms-side{transform:none!important;box-shadow:0 0 40px rgba(0,0,0,.35)!important}
  body.nav-open .ms-scrim{display:block;position:fixed;inset:0;background:rgba(10,20,40,.45);z-index:55}
  .ms-main{margin-inline-start:0}
  .ms-burger{display:grid}
  html body .ms-main .top{padding:10px 14px!important}
  html body .ms-main .wrap{padding:16px 12px 8px!important}
  .ms-user-meta{display:none}
}
@media(max-width:600px){html body .top .btn.ghost span{display:none}.ms-top-title small{display:none}}
@media print{.ms-main{margin:0!important}.ms-side,.ms-scrim,.ms-burger{display:none!important}}

/* ---------- dashboard "wow" layer ---------- */
.ms-hero-band{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:20px;margin-bottom:18px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2F6DB5 0%,#1E4E8C 38%,#0E2442 100%);box-shadow:0 18px 40px rgba(14,36,66,.22)}
.ms-hero-band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(80% 100% at 70% 50%,#000,transparent)}
.ms-hero-band::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;inset-inline-end:-120px;top:-180px;background:radial-gradient(circle,rgba(124,192,242,.35),transparent 65%)}
.ms-hero-text{position:relative;z-index:1;min-width:0}
.ms-eyebrow{display:inline-block;font-size:12px;font-weight:600;color:#BFD9F5;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:4px 10px;border-radius:999px}
.ms-hero-band h2{font-size:26px!important;font-weight:700;margin:12px 0 18px!important;color:#fff!important}
.ms-hero-stats{display:flex;gap:28px;flex-wrap:wrap}
.ms-hero-stats div{min-width:130px;padding-inline-start:14px;border-inline-start:2px solid rgba(124,192,242,.5)}
.ms-hero-stats small{display:block;font-size:12.5px;color:#BFD0E6}
.ms-hero-stats b{display:inline-block;font-size:30px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;direction:ltr}
.ms-hero-stats em{display:block;font-style:normal;font-size:12px;color:#9FB6D3}
.ms-gauge{position:relative;z-index:1;width:200px;height:200px;flex:none}
.ms-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
[dir=rtl] .ms-gauge svg{transform:rotate(-90deg) scaleY(-1)}
.ms-gauge circle{fill:none;stroke-width:16}
.ms-gauge .track{stroke:rgba(255,255,255,.12)}
.ms-gauge .fill{stroke-linecap:round;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 8px rgba(124,192,242,.55))}
.ms-gauge-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ms-gauge-label b{font-size:38px;font-weight:700;line-height:1;direction:ltr}
.ms-gauge-label b i{font-style:normal;font-size:18px;color:#BFD9F5;margin-inline-start:2px}
.ms-gauge-label small{font-size:12.5px;color:#BFD0E6;margin-top:6px}
.ms-gauge-label em{font-style:normal;font-size:11.5px;color:#9FB6D3;margin-top:2px}
.ms-kpis4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.ms-kpi2{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:#fff;border:1px solid #E6EBF2;text-decoration:none!important;color:inherit!important;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .2s,box-shadow .2s}
.ms-kpi2:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,24,40,.08)}
.ms-kpi2-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}
.ms-kpi2-ico .ms-ico{width:24px;height:24px}
.ms-kpi2-body small{display:block;font-size:12.5px;color:var(--ms-muted);font-weight:500}
.ms-kpi2-body b{display:block;font-size:26px;font-weight:700;color:var(--ms-ink);line-height:1.25;font-variant-numeric:tabular-nums}
.ms-kpi2-body em{display:block;font-style:normal;font-size:12px;color:var(--ms-muted)}
.k-blue .ms-kpi2-ico{background:#E8F1FC;color:#2A78D6}.k-teal .ms-kpi2-ico{background:#E3F6EF;color:#14936A}.k-amber .ms-kpi2-ico{background:#FEF4DF;color:#B97800}.k-violet .ms-kpi2-ico{background:#EEECFC;color:#6250D6}
.ms-stack{display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden;margin:6px 0 16px;background:var(--ms-line-2)}
.ms-stack span{display:block;flex:0 0 0%;background:var(--c);transition:flex-basis .9s cubic-bezier(.2,.8,.2,1) var(--d);cursor:pointer}
.ms-ready .ms-stack span{flex-basis:calc(var(--w) * 1%)}
.ms-stack span:hover{filter:brightness(1.1) saturate(1.1)}
.ms-bar-track i{width:0!important;background:var(--c,#2F6DB5)!important;transition:width .9s cubic-bezier(.2,.8,.2,1) var(--d)}
.ms-ready .ms-bar-track i{width:var(--w)!important}
.ms-bars li:hover .ms-bar-track i{filter:brightness(1.08)}
.dot{display:inline-block;width:9px;height:9px;border-radius:3px;flex:none;margin-inline-end:6px;vertical-align:middle}
.ms-chart-card{transition:box-shadow .2s}
.ms-chart-card:hover{box-shadow:0 10px 26px rgba(16,24,40,.07)}
.ms-tip{position:fixed;z-index:90;pointer-events:none;background:#0F1B2D;color:#fff;font-size:12px;padding:6px 10px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.2);white-space:nowrap}
@media(max-width:1250px){.ms-kpis4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.ms-hero-band{flex-direction:column;align-items:stretch;padding:22px}.ms-gauge{align-self:center}.ms-kpis4{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ms-stack span,.ms-bar-track i,.ms-gauge .fill{transition:none!important}}
@media print{.ms-hero-band{box-shadow:none;-webkit-print-color-adjust:exact}.ms-stack span{flex-basis:calc(var(--w) * 1%)!important}.ms-bar-track i{width:var(--w)!important}}
.ms-reveal .main-svg{clip-path:inset(0 100% 0 0);transition:clip-path 1.3s cubic-bezier(.2,.8,.2,1) .2s}
.ms-reveal.in .main-svg{clip-path:inset(0 0 0 0)}
.ms-act-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.ms-act-step{position:relative;border:1px solid var(--ms-line);border-radius:14px;padding:18px 18px 16px;background:#FBFCFE}
.ms-act-step>b{display:block;font-size:15px;margin-top:6px}
.ms-act-step .muted{margin:4px 0 10px;font-size:13px}
.ms-act-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ms-brand);color:#fff;font-weight:700}
.ms-req{font-family:Consolas,monospace!important;font-size:11.5px!important;background:#fff!important;resize:none;margin-bottom:10px}
.ms-drop{display:block!important;margin:0!important;border:2px dashed #B9C7D8;border-radius:12px;padding:10px;background:#fff;cursor:text;transition:border-color .15s,background .15s}
.ms-drop.over{border-color:var(--ms-accent);background:var(--ms-brand-50)}
.ms-drop textarea{border:0!important;outline:none!important;font-family:Consolas,monospace!important;font-size:12px!important;resize:none;padding:4px!important}
.ms-drop-alt{display:block;text-align:center;font-size:13px;color:var(--ms-muted);font-weight:500;cursor:pointer;padding-top:4px}
@media(max-width:850px){.ms-act-grid{grid-template-columns:1fr}}