/* Sahanaz Pay admin UI v0.3.3-preview.1 — original admin layout inspired by the
   user-provided merchant interface's design language, no third-party assets.
   Strictly scoped to .admin-layout; business / financial logic is untouched. */
.layout-portal .app-layout.admin-layout {
  --a-text:#27364a;--a-muted:#79879b;--a-line:#e8edf5;--a-base:#f5f7fb;
  --a-card:#fff;--a-blue:#3669e4;--a-soft:#eaf1ff;--a-shadow:0 14px 44px rgba(32,50,80,.045);
  display:grid;grid-template-columns:226px minmax(0,1fr);gap:0;min-height:calc(100vh - 44px);
  margin:12px 0 24px;padding:0;border:1px solid var(--a-line);border-radius:15px;
  overflow:clip;background:var(--a-base);color:var(--a-text);box-shadow:var(--a-shadow);
}
.admin-layout .admin-sidebar {height:auto;min-height:100%;margin:0;top:auto;position:relative;
  border:0;border-right:1px solid var(--a-line);border-radius:0;background:var(--a-card);
  box-shadow:none;padding:25px 11px 17px;display:flex;flex-direction:column;overflow:visible;color:var(--a-text)}
.admin-sidebar-brand {display:flex;gap:10px;align-items:center;padding:0 12px 23px;text-decoration:none!important;color:var(--a-text)!important}
.admin-sidebar-brand>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.admin-sidebar-brand strong{font-size:15px;letter-spacing:-.3px;font-weight:800;color:var(--a-text)}
.admin-sidebar-brand small{font-size:11px;color:var(--a-muted);margin-top:2px}
.admin-brand-symbol{display:grid;place-items:center;flex:0 0 35px;height:35px;background:linear-gradient(130deg,#5c86ee,#335ccf);
  border-radius:10px;color:#fff;font-size:20px;font-weight:850}
.admin-sidebar-desktop{display:flex;flex-direction:column;flex:1}
.admin-sidebar-mobile{display:none}
.admin-nav-group {margin:2px 0 12px}
.admin-nav-label{font-size:10px;color:#98a5b7;letter-spacing:.07em;font-weight:750;padding:5px 10px 7px}
.admin-nav-group nav{display:flex;flex-direction:column;gap:2px}
.admin-nav-group a{display:flex;align-items:center;gap:11px;min-height:39px;padding:9px 11px;border-radius:8px;
  color:#63748c!important;font-weight:670;font-size:12.5px;line-height:1.45;text-decoration:none!important;white-space:normal}
.admin-nav-group a:hover{color:var(--a-blue)!important;background:#f0f5ff}
.admin-nav-group a.selected,.admin-nav-group a[aria-current=page]{background:var(--a-soft);color:var(--a-blue)!important}
.admin-nav-icon{width:23px;text-align:center;font-size:17px;font-weight:500;flex:0 0 23px;line-height:1}
.admin-side-footer{margin-top:auto;border-top:1px solid var(--a-line);padding:12px 8px 0;display:grid;gap:6px}

.admin-side-footer>a,.admin-side-footer .admin-logout {display:block;width:100%;text-align:left;text-decoration:none;
  background:transparent!important;color:var(--a-muted)!important;box-shadow:none!important;font-size:12px;
  border:0!important;border-radius:8px!important;min-height:34px;padding:7px 10px!important;font-weight:650;cursor:pointer}
.admin-side-footer>a:hover,.admin-side-footer .admin-logout:hover{color:var(--a-blue)!important;background:var(--a-soft)!important}
.admin-layout .admin-workspace{padding:0;min-width:0;background:var(--a-base);}
.admin-topbar{height:63px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 26px;
  border-bottom:1px solid var(--a-line);background:var(--a-card)}
.admin-location{font-size:12px;color:var(--a-muted);font-weight:630;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-location span{margin:0 7px;color:#bac5d3}.admin-location strong{color:var(--a-text);font-weight:760}
.admin-top-actions{display:flex;align-items:center;gap:17px;flex:0 0 auto}
.admin-top-state{font-size:11px;color:#3b8c67;padding:4px 9px;border-radius:24px;background:#eaf8ef;border:1px solid #d4efdc;font-weight:720}
.admin-top-user{display:flex;align-items:center;gap:8px;min-width:0}
.admin-user-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;flex:0 0 33px;background:#e8efff;color:#3260d2;font-weight:800;font-size:14px}
.admin-top-user>span:last-child{display:flex;flex-direction:column;line-height:1.35;max-width:130px}
.admin-top-user strong{font-size:12px;color:var(--a-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-top-user small{font-size:10px;color:var(--a-muted)}
.admin-content{padding:25px clamp(17px,2.1vw,34px) 36px;min-width:0}
.admin-page-heading{margin:0 0 22px;display:flex;align-items:flex-start;justify-content:space-between}
.admin-page-kicker{font-size:10px;color:#7195db;font-weight:750;letter-spacing:.075em;margin-bottom:7px}
.admin-page-heading h1{font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:0 0 7px;color:var(--a-text)}
.admin-page-heading p{font-size:12px;margin:0;color:var(--a-muted);line-height:1.65}
.admin-layout .surface,.admin-layout .card,.admin-layout .stats>div{background:var(--a-card);border:1px solid var(--a-line);
  border-radius:11px;box-shadow:none;color:var(--a-text)}
.admin-layout .surface {padding:20px;margin-bottom:16px}
.admin-layout .surface h2{font-size:16px;margin:0 0 6px;color:var(--a-text)}
.admin-layout .surface>p,.admin-layout .surface .muted{color:var(--a-muted);font-size:12px}
.admin-layout .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 19px}
.admin-layout .stats>div{padding:21px 18px;display:flex;flex-direction:column;gap:7px;align-items:flex-start;min-width:0}
.admin-layout .stats small{font-size:12px;color:var(--a-muted);font-weight:670;order:0}
.admin-layout .stats b{font-size:clamp(19px,1.8vw,26px);color:var(--a-text);line-height:1.35;margin:3px 0;order:1;overflow-wrap:anywhere}
.admin-stat-hint{font-size:10px;color:#96a5bb;order:2}
.admin-overview-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;position:relative;
  background:linear-gradient(105deg,#dceaff,#e6efff 72%,#f3f7ff);border:1px solid #dbe7ff;border-radius:13px;
  padding:23px 26px;margin-bottom:15px;min-height:124px;overflow:hidden}
.admin-overview-kicker{font-size:10px;letter-spacing:.09em;font-weight:760;color:#6084b9}
.admin-overview-banner h2{font-size:20px;font-weight:850;color:#203f6b;margin:6px 0}
.admin-overview-banner p{font-size:12px;color:#6480a3;line-height:1.6;margin:0}
.admin-overview-symbol{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:rgba(255,255,255,.65);
  color:#4d79d0;font-size:43px;font-weight:850;flex:0 0 68px}
.admin-module{background:var(--a-card);border:1px solid var(--a-line);border-radius:12px;padding:20px;margin-bottom:16px}
.admin-module-heading h2{font-size:16px;margin:0 0 3px;color:var(--a-text)}
.admin-module-heading p{margin:0 0 18px;font-size:11px;color:var(--a-muted)}
.admin-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-shortcuts>a {display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;min-height:105px;padding:13px 7px;
  border-radius:10px;text-decoration:none!important;color:var(--a-text)!important;border:1px solid transparent}
.admin-shortcuts>a:hover{background:var(--a-soft);border-color:#d9e6ff}
.admin-shortcuts>a>span{font-size:23px;color:#6490d9}
.admin-shortcuts>a>strong{font-size:12px;font-weight:730}
.admin-shortcuts>a>small{font-size:10px;color:var(--a-muted)}
.admin-safety-notice{border:1px solid #e4edfb;background:#f2f7ff;border-radius:10px;padding:14px 17px;color:#41648f}
.admin-safety-notice strong{font-size:12px}
.admin-safety-notice p{font-size:11px;color:#5e7a9e;margin:5px 0 0}
.admin-layout .tablewrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--a-line);border-radius:9px}
.admin-layout table{min-width:590px;font-size:12px}
.admin-layout th{background:#f7f9fd;color:#8493a7;font-size:11px;font-weight:750;white-space:nowrap}
.admin-layout th,.admin-layout td{padding:12px 11px;border-color:var(--a-line)}
.admin-layout td{color:var(--a-text)}
.admin-layout tbody tr:hover{background:#f9fbff}
.admin-layout .empty{padding:38px 12px;color:var(--a-muted);font-size:12px}
.admin-layout .filterbar{margin:0 0 18px}
.admin-layout input:not([type=checkbox]),.admin-layout select,.admin-layout textarea{
  border:1px solid #d8e1ed;background:var(--a-card);color:var(--a-text);min-height:40px;border-radius:8px}
.admin-layout label{color:var(--a-muted);font-size:12px}

.admin-layout button.outline,.admin-layout .outline{background:var(--a-card)!important;color:var(--a-blue)!important;border:1px solid var(--a-line)!important}
.admin-layout .form-grid{gap:12px}
.admin-layout .double-grid{gap:16px}
.admin-layout .inline-alert{border:1px solid #e1eafe;background:#f3f7ff;color:#54749d;border-radius:9px}
.admin-layout .inline-alert.warn{border-color:#f4e0b3;background:#fff7e8;color:#8b651f}
/* Theme retains user preference and follows same component hierarchy. */













@media(max-width:1100px){.layout-portal .app-layout.admin-layout{grid-template-columns:194px minmax(0,1fr)}.admin-layout .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
 .layout-portal .app-layout.admin-layout{display:block;margin-top:8px}
 .admin-layout .admin-sidebar{min-height:0;display:block;padding:13px 15px;border-right:0;border-bottom:1px solid var(--a-line)}
 .admin-sidebar-brand{padding:0 0 10px}.admin-sidebar-desktop{display:none}.admin-sidebar-mobile{display:block}
 .admin-sidebar-mobile summary{display:flex;gap:10px;cursor:pointer;list-style:none;background:var(--a-soft);color:var(--a-text);
   padding:10px 13px;font-size:12px;font-weight:720;border-radius:9px}
 .admin-sidebar-mobile summary::-webkit-details-marker{display:none}
 .admin-sidebar-mobile summary span:first-child{margin-left:auto;color:var(--a-blue)}
 .admin-sidebar-mobile-inner{padding-top:13px}
 .admin-nav-group nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .admin-content{padding:18px 15px 26px}.admin-topbar{padding:0 15px}
 .admin-layout .double-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 .admin-top-state{display:none}.admin-topbar{height:57px}
 .admin-top-user>span:last-child{display:none}
 .admin-page-heading h1{font-size:21px}
 .admin-layout .stats{gap:9px}
 .admin-layout .stats>div{padding:14px 12px}
 .admin-layout .stats b{font-size:20px}
 .admin-overview-banner{padding:18px 14px}
 .admin-overview-banner h2{font-size:18px}
 .admin-overview-symbol{display:none}
 .admin-layout .surface,.admin-module{padding:15px}
 .admin-shortcuts{gap:6px}
 .admin-nav-group nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v0.3.4 admin reference-structure alignment: scoped, independent implementation. */
.layout-portal:has(.admin-layout) .shell{max-width:none;padding:0;margin:0;width:100%}
.layout-portal:has(.admin-layout) main{min-height:100vh}
.layout-portal .admin-layout.app-layout{grid-template-columns:240px minmax(0,1fr);margin:0;border:0;border-radius:0;box-shadow:none;min-height:calc(100vh - 40px);}
.admin-layout .admin-sidebar{padding:11px 12px 18px}
.admin-layout .admin-sidebar-brand{min-height:52px;padding:0 7px 13px}
.admin-layout .admin-sidebar-brand strong{font-size:14px}
.admin-layout .admin-nav-label{letter-spacing:0;color:#6a7280;font-size:12px;padding:9px 12px 5px}
.admin-layout .admin-nav-group{margin:0 0 4px}
.admin-layout .admin-nav-group a{min-height:39px;font-size:13px;font-weight:550;padding:9px 12px;border-radius:7px}
.admin-layout .admin-nav-group a.selected{background:#e9f0ff;color:#2667d8!important}
.admin-layout .admin-nav-icon{font-size:16px;width:20px;flex-basis:20px}
.admin-layout .admin-topbar{height:60px;padding:0 26px;background:#fff}
.admin-layout .admin-location{display:flex;align-items:center;gap:8px;font-size:13px}
.admin-layout .admin-location-menu{font-size:18px;color:#607698}
.admin-layout .admin-location-name{font-weight:700;color:#273853}
.admin-layout .admin-location-crumb{color:#c0c9d6}
.admin-layout .admin-content{padding:16px 20px 40px}
.admin-layout .admin-dashboard-content>.admin-page-heading{display:none}
.admin-ref-dashboard{display:flex;flex-direction:column;gap:13px;--ref-blue:#197aff;--ref-soft:#f3f6fb;--ref-line:#eef0f5;color:#1c2a40}
.admin-ref-dashboard *{box-sizing:border-box}
.admin-ref-notice{background:#f1faec;color:#48865b;font-size:12px;padding:11px 15px;border-radius:4px;display:flex;align-items:center;gap:8px;min-height:41px;line-height:1.5}
.admin-ref-notice-dot{width:7px;height:7px;background:#5ebd6f;border-radius:50%;flex:none}
.admin-ref-toprow{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:15px}
.admin-ref-welcome,.admin-ref-account{border-radius:17px;min-height:218px;overflow:hidden}
.admin-ref-welcome{background:linear-gradient(135deg,#c2d9fc 0%,#d4e6ff 70%,#e5f2ff 100%);padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 22px rgba(25,122,255,.08)}
.admin-ref-welcome-head{display:flex;align-items:center;gap:18px}
.admin-ref-round-avatar{width:60px;height:60px;border-radius:50%;background:white;color:#4376cc;font-size:35px;font-weight:900;display:grid;place-items:center;flex:none;border:3px solid rgba(255,255,255,.7)}
.admin-ref-welcome h2{margin:0 0 6px;color:#172e4e;font-size:22px;line-height:1.25;font-weight:780}
.admin-ref-badge{vertical-align:middle;display:inline-block;margin-left:7px;background:#8eb4fa;border-radius:99px;padding:3px 8px;font-size:11px;color:white;font-weight:650}
.admin-ref-subtitle{color:#657fa8;font-size:12px}
.admin-ref-login{align-self:flex-start;display:flex;gap:16px;flex-wrap:wrap;max-width:100%;padding:12px 15px;background:rgba(255,255,255,.65);color:#7185a2;border-radius:11px;font-size:12px}
.admin-ref-account{background:linear-gradient(130deg,#e9f0ff,#f5f8ff);padding:23px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e8f0ff}
.admin-ref-panel-title{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:0 0 15px;min-height:22px}
.admin-ref-panel-title h2{font-size:15px;font-weight:800;margin:0;color:#182840;letter-spacing:0}
.admin-ref-panel-title span,.admin-ref-panel-title a{font-size:11px;color:#7188ad}
.admin-ref-account-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.admin-ref-account-items>div{background:rgba(255,255,255,.78);border-radius:10px;padding:12px 9px;min-width:0}
.admin-ref-account-items small{display:block;font-size:10px;color:#8a9bb3;white-space:nowrap}
.admin-ref-account-items strong{font-size:22px;color:#243e65}
.admin-ref-account>a{align-self:flex-end;color:#3773db;font-size:12px}
.admin-ref-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.admin-ref-kpi{position:relative;overflow:hidden;border:1px solid #edf0f6;background:#fff;border-radius:12px;padding:19px 15px 16px;min-height:124px}
.admin-ref-kpi-label{font-size:12px;color:#73829a;margin-bottom:9px}
.admin-ref-kpi strong{display:block;position:relative;z-index:1;font-size:23px;font-weight:800;color:#172b47;line-height:1.3;white-space:nowrap}
.admin-ref-kpi small{display:block;margin-top:10px;color:#8e9eb2;font-size:10px}
.admin-ref-kpi-deco{position:absolute;right:12px;bottom:12px;opacity:.13;transform:scale(2.7);transform-origin:right bottom;color:#5a90ed}
.admin-ref-kpi.tone-green .admin-ref-kpi-deco{color:#45be61}.admin-ref-kpi.tone-violet .admin-ref-kpi-deco{color:#9378e8}.admin-ref-kpi.tone-orange .admin-ref-kpi-deco{color:#e7a55a}
.admin-ref-card{background:#fff;border:1px solid #eef0f5;border-radius:10px;padding:15px;min-width:0}
.admin-ref-shortcuts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;padding:14px 2px 5px}
.admin-ref-shortcuts a{min-height:82px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#344760!important;font-size:12px;white-space:nowrap}
.admin-ref-shortcuts a:hover{background:#f1f6ff;color:#3a7ded!important}
.admin-ref-shortcuts svg{color:#7b8fae}
.admin-ref-charts{display:grid;grid-template-columns:1.5fr 1.2fr 1fr;gap:13px;align-items:stretch}
.admin-ref-charts>.admin-ref-card{min-height:260px}
.admin-ref-trend-svg{display:block;width:100%;height:215px;max-height:215px}
.admin-ref-chart-gridline{stroke:#e6edf5;stroke-width:1}
.admin-ref-xlabels{fill:#8394a8;font-size:12px}
.admin-ref-chart-hint{color:#98a8b8;font-size:10px;display:block;margin:4px 0 0;line-height:1.6}
.admin-ref-donut-wrap{display:flex;align-items:center;justify-content:center;gap:13px;min-height:180px}
.admin-ref-donut{width:148px;height:148px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#e9eef5 0 100%)}
.admin-ref-donut>div{width:98px;height:98px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.admin-ref-donut small{font-size:10px;color:#8998aa}.admin-ref-donut strong{font-size:14px;color:#243951}
.admin-ref-dist-list{display:grid;gap:8px;min-width:0;flex:1}
.admin-ref-dist-list>div{display:flex;gap:6px;align-items:center;font-size:11px;color:#6e8095;flex-wrap:wrap}
.admin-ref-dist-list i{width:8px;height:8px;border-radius:50%}
.admin-ref-dist-list strong{color:#25384d;margin-left:auto;font-size:11px}
.admin-ref-dist-list small{font-size:10px}
.admin-ref-dist-list p{font-size:11px;color:#9caab8}
.admin-ref-hours{height:155px;display:flex;align-items:flex-end;gap:3px;padding-top:10px}
.admin-ref-hours>div{width:calc(100% / 24);height:100%;display:flex;align-items:flex-end}
.admin-ref-hours>div>span{width:100%;background:#a3c4fd;border-radius:3px 3px 0 0;min-height:2px}
.admin-ref-hours-label{display:flex;justify-content:space-between;color:#90a0b2;font-size:9px;margin-top:5px}
.admin-ref-bottom{display:grid;grid-template-columns:1.8fr 1fr;gap:13px;align-items:start}
.admin-ref-bottom .tablewrap{border:0;border-radius:0}
.admin-ref-bottom table{min-width:520px}
.admin-ref-announcement{min-height:90px;padding:8px 0;color:#899cb3;font-size:12px;overflow-wrap:anywhere}
.admin-ref-safe{background:#f5f9ff;border-radius:9px;padding:13px;color:#6480a7;font-size:11px}
.admin-ref-safe strong{color:#4c70a9}.admin-ref-safe p{margin:5px 0 0;color:#7892b3;font-size:11px}







@media(max-width:1300px){.admin-ref-charts{grid-template-columns:1fr 1fr}.admin-ref-charts>section:last-child{grid-column:span 2}}
@media(max-width:1050px){.admin-ref-toprow{grid-template-columns:1fr}.admin-ref-shortcuts{grid-template-columns:repeat(4,1fr)}.admin-ref-bottom{grid-template-columns:1fr}}
@media(max-width:820px){.layout-portal .admin-layout.app-layout{display:block}.admin-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ref-charts{grid-template-columns:1fr}.admin-ref-charts>section:last-child{grid-column:auto}.admin-ref-shortcuts{grid-template-columns:repeat(4,1fr)}.admin-layout .admin-content{padding:14px}}
@media(max-width:540px){.admin-ref-kpis{gap:9px}.admin-ref-kpi strong{font-size:18px}.admin-ref-donut-wrap{flex-wrap:wrap}.admin-ref-shortcuts{grid-template-columns:repeat(2,1fr)}.admin-ref-welcome{padding:20px 16px}.admin-ref-welcome h2{font-size:19px}.admin-ref-login{gap:8px}.admin-ref-account-items strong{font-size:18px}}

/* Reference-like collapsible navigation categories (real <details> interactions). */
.admin-layout .admin-nav-accordion summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;min-height:35px;padding:7px 10px;color:#56677f;font-size:12px;font-weight:650;user-select:none;border-radius:6px}
.admin-layout .admin-nav-accordion summary::-webkit-details-marker{display:none}
.admin-layout .admin-nav-accordion summary:hover{background:var(--a-soft);color:var(--a-blue)}
.admin-layout .admin-nav-accordion summary .admin-nav-caret{margin-left:auto;font-size:17px;transform:rotate(0deg);transition:transform .15s}
.admin-layout .admin-nav-accordion[open]>summary .admin-nav-caret{transform:rotate(180deg)}
.admin-layout .admin-nav-accordion nav{padding-left:10px}
.admin-layout .admin-nav-workbench{margin-top:5px;margin-bottom:6px}
.admin-layout .admin-nav-group-marker{color:#8093ac;font-size:15px}
@media(prefers-reduced-motion: reduce){.admin-layout .admin-nav-accordion summary .admin-nav-caret{transition:none}}