:root{color-scheme:light;--bg:#f3f6fb;--surface:#fff;--navy:#102749;--text:#1a304f;--muted:#77849a;--line:#e6ebf4;--blue:#2463ce;--blue-pale:#edf4ff;--shadow:0 5px 26px rgba(22,49,86,.045);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"Segoe UI",Arial,Helvetica,sans-serif;line-height:1.5;background:var(--bg);font-size:14px}button{font:inherit}button:focus-visible{outline:3px solid #8cb6ff;outline-offset:2px}svg{height:19px;width:19px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.shell{display:grid;direction:ltr;grid-template-columns:257px minmax(0,1fr);min-height:100vh}.sidebar{direction:ltr;display:flex;flex-direction:column;position:sticky;top:0;left:0;height:100vh;background:#fff;border-right:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:11px;direction:ltr;padding:26px 21px 27px;border-bottom:1px solid #eef1f5}.brand-logo{height:43px;width:43px;display:grid;place-items:center;border-radius:12px;flex:none;background:linear-gradient(145deg,#2877d7,#164b9c);font-weight:800;color:#fff;font-family:Arial,sans-serif;font-size:16px;letter-spacing:-.6px;box-shadow:0 6px 14px #2463ce33}.brand-text{line-height:1.4;direction:ltr;text-align:left}.brand-text strong{display:block;font-size:16px;font-family:Arial,sans-serif;letter-spacing:-.3px;color:#163252}.brand-text span{display:block;font:700 9px/1.6 Arial,sans-serif;letter-spacing:.7px;color:#8998ae}.sidebar-body{flex:1;overflow:auto;padding:28px 12px}.section-label{color:#9ea9ba;font-weight:700;font-size:11px;padding:0 18px 10px}.second-label{padding-top:27px}.navigation{display:grid;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;cursor:pointer;background:transparent;color:#66768e;padding:11px 16px;text-align:left;border:0;border-radius:9px;position:relative;font-weight:600;transition:background .15s,color .15s}.nav-item:hover{background:#f5f8fd;color:var(--blue)}.nav-item.active{background:var(--blue-pale);color:var(--blue)}.nav-item.active:before{position:absolute;content:"";left:0;top:10px;bottom:10px;border-right:3px solid var(--blue);border-radius:4px}.nav-item svg{width:19px;height:19px}.sidebar-note{display:flex;gap:10px;background:#f7f9fc;border:1px solid #e9eef7;padding:15px 12px;margin:31px 3px 0;border-radius:10px;color:#8290a6;font-size:11px;line-height:2}.sidebar-note svg{height:17px;width:17px;color:#8aa9dc;margin-top:2px}.sidebar-footer{padding:15px 18px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}.tiny-brand{height:35px;width:35px;border-radius:50%;background:#eaf2fd;display:grid;place-items:center;font:700 12px Arial,sans-serif;color:#2a62c2}.sidebar-footer strong{font-family:Arial,sans-serif;font-size:11px;display:block;direction:ltr;text-align:left}.sidebar-footer small{display:block;color:#8e9ab0;font-size:11px}.footer-dot{height:7px;width:7px;background:#f5b05c;border-radius:50%;margin-left:auto}.main-area{direction:ltr;display:flex;flex-direction:column;min-width:0}.topbar{min-height:75px;display:flex;justify-content:space-between;align-items:center;padding:14px 34px;border-bottom:1px solid var(--line);background:#fff;gap:10px}.header-start,.header-end,.breadcrumb{display:flex;align-items:center;gap:16px}.breadcrumb{gap:9px;color:#9ca9bc;font-size:12px}.breadcrumb svg{width:13px;height:13px;color:#bac6d6}.breadcrumb strong{color:#294361;font-weight:700}.header-end{gap:18px}.preview-pill{font:700 10px/1 Arial,sans-serif;letter-spacing:1px;color:#8d682a;background:#fff7e8;border:1px solid #fee5b7;padding:9px 11px;border-radius:50px;display:inline-flex;align-items:center;gap:7px;direction:ltr}.preview-dot{height:6px;width:6px;border-radius:50%;background:#e8a64e}.admin-avatar{display:grid;place-items:center;height:34px;width:34px;border-radius:50%;background:#dfeafc;color:#2358aa;font:700 11px Arial,sans-serif}.content{padding:37px 37px 45px;flex:1;width:100%;max-width:1550px;margin:0 auto}.screen{display:none}.screen.active{display:block;animation:appear .18s ease-out}@keyframes appear{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.eyebrow{font:700 10px Arial,sans-serif;color:#6a96d7;letter-spacing:1.6px;direction:ltr;text-align:left;margin-bottom:4px}h1{margin:0;color:#183453;font-size:27px;line-height:1.6}h2,h3,p{margin-top:0}.page-heading p{color:#8792a4;font-size:12px;margin:3px 0 0;max-width:760px}.date-chip{white-space:nowrap;border:1px solid #e5eaf2;background:#fff;padding:9px 13px;color:#7c8ba0;font-weight:600;border-radius:8px;font-size:11px}.banner{border:1px solid #dfeafa;background:#f7fbff;border-radius:11px;display:flex;gap:12px;padding:14px 17px;margin-bottom:22px;align-items:center}.banner>svg{color:#2b67c8;width:21px;height:21px}.banner div{display:flex;flex-direction:column;gap:1px}.banner strong{font-size:12px;color:#2f5989}.banner span{font-size:11px;color:#6e88a8}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat-card,.panel,.status-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:19px 21px 16px;min-height:154px}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:#6f8099}.stat-icon{height:41px;width:41px;border-radius:10px;display:grid;place-items:center}.stat-icon.blue{background:#ebf3ff;color:#3776d1}.stat-icon.green{background:#e8faf2;color:#2fa875}.stat-icon.orange{background:#fff2e9;color:#da8a46}.stat-icon.violet{background:#f2eeff;color:#8965d6}.stat-value{font-family:Arial,sans-serif;font-size:35px;line-height:1.65;display:block;color:#253d5e;text-align:left}.stat-foot{border-top:1px solid #f1f4f8;padding-top:9px;color:#a0aebd;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(305px,1fr);gap:18px}.panel{overflow:hidden;min-height:290px}.panel-header{padding:21px 22px 17px;border-bottom:1px solid #edf1f7;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header h2{font-size:15px;margin:0 0 4px;color:#2d4564}.panel-header p{font-size:11px;color:#a0abb9;margin:0}.soft-tag{font-size:10px;background:#f1f4f9;color:#9aa5b5;border-radius:50px;padding:6px 11px;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:235px;padding:22px}.empty-icon{display:grid;place-items:center;background:#f2f6fb;width:63px;height:63px;border-radius:50%;color:#9eb5d5;margin-bottom:14px}.empty-icon svg{width:27px;height:27px}.empty-state h3{font-size:13px;color:#6f8097;margin:0 0 7px}.empty-state p{font-size:11px;color:#a1acbb;margin:0;max-width:370px}.progress-list{padding:8px 22px}.progress-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #f1f4f8}.progress-row:last-child{border:0}.progress-symbol{border-radius:50%;height:30px;width:30px;display:grid;place-items:center;flex:none}.progress-symbol svg{height:16px;width:16px}.progress-symbol.done{color:#37a77c;background:#e5f7ee}.progress-symbol.pending{color:#d4a451;background:#fcf3e0}.progress-row>div{flex:1;min-width:0}.progress-row strong{display:block;font-size:11px;color:#50657e}.progress-row small{display:block;color:#a3afbc;font-size:10px}.progress-state{white-space:nowrap;font-size:10px;border-radius:50px;padding:4px 9px}.progress-state.complete{background:#e7f8ee;color:#269263}.progress-state.future{background:#fff3df;color:#c58a37}.placeholder-panel{min-height:390px}.table-head{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 25px;background:#f9fbfe;border-bottom:1px solid var(--line);font-size:12px;color:#8c9aaf;font-weight:600}.placeholder-panel .empty-state{min-height:320px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.status-card{padding:25px;min-height:200px}.status-mark{display:grid;place-items:center;height:42px;width:42px;border-radius:11px;margin-bottom:12px}.status-mark.good{color:#30a070;background:#e6f8ef}.status-mark.pending{color:#cb9b4f;background:#fff4e3}.status-card h2{font-family:Arial,sans-serif;font-size:15px;direction:ltr;text-align:left;margin-bottom:4px}.status-card p{font-size:12px;color:#8794a6;margin-bottom:18px}.settings-panel{min-height:auto}.settings-line{display:flex;gap:16px;align-items:center;padding:21px;border-bottom:1px solid var(--line)}.settings-line:last-child{border:0}.settings-ico{height:42px;width:42px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--blue-pale);color:var(--blue)}.settings-line>div{flex:1}.settings-line h2{font-size:13px;margin:0 0 3px}.settings-line p{color:#8b9aac;font-size:11px;margin:0}.site-footer{display:flex;justify-content:space-between;gap:14px;padding:18px 38px;color:#a0aabb;border-top:1px solid #e9eef5;font:11px Arial,Tahoma,sans-serif}.mobile-menu,.mobile-close{display:none}.icon-button{border:0;background:transparent;border-radius:8px;padding:7px;color:#5e728e;cursor:pointer}.mobile-scrim{display:none}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.content{padding:28px}.stat-card{min-height:141px}}
@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(290px,83vw);height:100dvh;transform:translateX(-102%);transition:transform .2s ease;box-shadow:0 6px 28px #10274925}.shell.menu-open .sidebar{transform:translateX(0)}.mobile-scrim{position:fixed;inset:0;background:#0d24486b;z-index:9}.shell.menu-open .mobile-scrim{display:block}.mobile-close,.mobile-menu{display:inline-grid;place-items:center}.brand{padding:19px 16px}.mobile-close{margin-left:auto}.topbar{min-height:65px;padding:13px 16px}.breadcrumb{font-size:11px}.preview-pill{font-size:8px;padding:8px}.content{padding:25px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.date-chip{display:none}.stats-grid{gap:11px}.stat-card{padding:14px;min-height:131px}.stat-head{font-size:10px}.stat-icon{width:33px;height:33px}.stat-icon svg{height:17px;width:17px}.stat-value{font-size:30px}.stat-foot{font-size:9px}.status-grid{grid-template-columns:1fr}.site-footer{padding:16px;flex-wrap:wrap}.settings-line{padding:16px 12px}.settings-line .soft-tag{display:none}}
@media(max-width:370px){.stats-grid{grid-template-columns:1fr}.header-end{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Bilingual UI: retain the English layout, mirror its direction for Urdu only. */
.language-switch { display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #e0e8f4;border-radius:9px;background:#f5f8fd;direction:ltr;flex:none; }
.language-button {cursor:pointer;border:0;background:transparent;color:#657894;font-weight:700;font-size:11px;white-space:nowrap;padding:7px 11px;border-radius:7px;line-height:1.3;}
.language-button:hover {color:var(--blue);}
.language-button.active {background:#fff;color:#2463ce;box-shadow:0 1px 5px #17407a1f;}
.language-button:focus-visible {outline:2px solid #8cb6ff;}
html[dir="rtl"] body {font-family:Tahoma,"Segoe UI",Arial,sans-serif;}
html[dir="rtl"] .shell {direction:rtl;}
html[dir="rtl"] .sidebar {direction:rtl;left:auto;right:0;border-right:0;border-left:1px solid var(--line);}
html[dir="rtl"] .main-area {direction:rtl;}
html[dir="rtl"] .brand, html[dir="rtl"] .brand-text {direction:rtl;text-align:right;}
html[dir="rtl"] .brand-text strong {direction:ltr;text-align:right;unicode-bidi:isolate;}
html[dir="rtl"] .brand-text span {font-family:Tahoma,"Segoe UI",sans-serif;letter-spacing:0;}
html[dir="rtl"] .nav-item, html[dir="rtl"] .eyebrow, html[dir="rtl"] .status-card h2 {text-align:right;}
html[dir="rtl"] .nav-item.active:before {left:auto;right:0;border-right:0;border-left:3px solid var(--blue);}
html[dir="rtl"] .footer-dot {margin-left:0;margin-right:auto;}
html[dir="rtl"] .stat-value {text-align:right;}
html[dir="rtl"] .breadcrumb svg {transform:scaleX(-1);}
html[dir="rtl"] .site-footer {direction:rtl;}
html[dir="rtl"] .sidebar-note {line-height:1.8;}
html[dir="rtl"] .progress-list .progress-state {white-space:nowrap;}
html[dir="rtl"] .page-heading p {line-height:1.85;}
html[dir="rtl"] .empty-state p {line-height:1.9;}
html[dir="rtl"] .banner span {line-height:1.8;}
@media (max-width:720px) {
  .topbar {gap:8px;}
  .header-end {gap:7px;}
  .language-button {padding:7px 8px;font-size:10px;}
  .preview-pill {display:none;}
  html[dir="rtl"] .sidebar {left:auto;right:0;transform:translateX(102%);}
  html[dir="rtl"] .shell.menu-open .sidebar {transform:translateX(0);}
  html[dir="rtl"] .mobile-close {margin-left:0;margin-right:auto;}
}
@media (max-width:390px) {
  .breadcrumb > span:first-child, .breadcrumb > svg {display:none;}
  .language-button {padding:6px 7px;}
}


/* Compact top panel and higher-content layout, without altering navigation or theme. */
.topbar {
  min-height: 54px;
  padding: 7px 23px;
  gap: 9px;
}
.header-start, .header-end {gap: 10px;}
.breadcrumb {font-size: 11px;gap: 7px;}
.language-switch {padding: 2px;}
.language-button {padding: 6px 9px;font-size: 10px;}
.preview-pill {padding: 7px 9px;font-size: 9px;}
.admin-avatar {width: 29px;height: 29px;font-size: 10px;}
.brand {padding: 15px 17px;gap: 9px;}
.brand-logo {width: 38px;height: 38px;border-radius: 10px;}
.brand-text strong {font-size: 14px;}
.brand-text span {font-size: 8px;}
.content {padding-top: 19px;}
.page-heading {margin-bottom: 15px;}
h1 {line-height: 1.3;}
.page-heading p {margin-top: 2px;}
.banner {padding: 10px 14px;margin-bottom: 16px;}
.date-chip {padding: 7px 10px;}
@media (max-width: 1150px) { .content {padding-top: 18px;} }
@media (max-width: 720px) {
  .brand {padding: 12px 15px;}
  .topbar {min-height: 52px;padding: 7px 12px;gap: 6px;}
  .header-start, .header-end {gap: 6px;}
  .language-button {padding: 6px 7px;}
  .content {padding-top: 17px;}
}