@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');

:root{
  --green:#1f5a3c;
  --green-deep:#174d34;
  --green-soft:#dfe9dc;
  --sage:#6f967d;
  --gold:#b89a42;
  --gold-soft:#f4edda;
  --ink:#173328;
  --muted:#718078;
  --line:#dfe5dc;
  --bg:#fbfaf4;
  --panel:#fffef9;
  --danger:#b84a43;
}

html{font-size:15px}
body{background:var(--bg);font-family:Manrope,"Segoe UI",Arial,sans-serif;color:var(--ink);letter-spacing:-.012em}
body:before{content:"";position:fixed;right:-90px;bottom:-120px;width:410px;height:410px;pointer-events:none;opacity:.19;background:radial-gradient(ellipse at center,transparent 57%,#c6b86c 58%,transparent 59%);border-radius:50%;z-index:-1}
html[dir=rtl] body{font-family:Tajawal,"Segoe UI",Arial,sans-serif;letter-spacing:0}

.sidebar{width:238px;background:linear-gradient(180deg,#769984 0%,#628b75 100%);border:0;color:#fff;padding:26px 13px 16px;overflow:hidden}
.sidebar:after{content:"♧\A  ♧\A ♧";white-space:pre;position:absolute;bottom:92px;left:18px;color:#e6d992;font-size:58px;line-height:.7;opacity:.25;transform:rotate(-18deg);pointer-events:none}
.brand{padding:0 13px 23px;gap:10px;position:relative;z-index:1}
.brand-mark{width:35px;height:35px;background:transparent;border:0;color:#dfc968;font-size:31px}
.brand strong{font-family:Georgia,serif;font-weight:500;font-size:20px;letter-spacing:.14em;color:#fff}
.brand span{color:#f1e4a7;font-size:8px;letter-spacing:.28em;margin-top:4px}
.sidebar nav{position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:#ffffff33 transparent}
.nav-group{color:#d8e5dc;font-size:8px;letter-spacing:.18em;margin:14px 13px 6px}
.sidebar nav a{height:39px;color:#f5faf6;border-radius:10px;font-size:11px;padding:0 12px;gap:10px;transition:.18s}
.sidebar nav a:hover{color:#fff;background:#ffffff18}
.sidebar nav a.active{background:#ffffff2e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff12;font-weight:700}
.sidebar nav a em{background:#f2e8b9;color:#315d45}
.nav-icon{font-size:16px;color:#fff}
.operations-state{margin-top:auto;border:1px solid #ffffff25;background:#315f4999;border-radius:12px;padding:11px;display:flex;align-items:center;gap:9px;position:relative;z-index:1}
.operations-state>i{width:8px;height:8px;background:#92d15b;border-radius:50%;box-shadow:0 0 0 4px #ffffff13}
.operations-state b,.operations-state small{display:block}.operations-state b{font-size:9px}.operations-state small{font-size:8px;color:#d9eadf;margin-top:2px}
.profile{position:relative;z-index:1;border-top:0;padding:12px 4px 0;color:#fff}
.avatar{background:#fff;color:var(--green);width:32px;height:32px}.profile b{font-size:10px}.profile small{color:#e0ece4}.profile>a{color:#fff}

.main{margin-left:238px}
.topbar{height:68px;background:#fffefb;border-color:#e8e5d9;padding:0 24px;gap:14px}
.global-search{max-width:430px;height:38px;border-color:#e4e4dc;background:#fff;border-radius:9px;color:#819087}
.global-search input{font-size:10px}.global-search kbd{display:none}
.branch-filter{height:38px;border:1px solid #e4e4dc;background:#fff;border-radius:9px;display:flex;align-items:center;padding:0 9px;min-width:190px;color:var(--green)}
.branch-filter select{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px;padding:0 6px}
.top-actions{gap:13px}.top-actions a{text-decoration:none}
.sound-toggle{width:34px;height:34px;border:0;border-radius:9px;background:#f5f3e9}
.api-status{background:#f1f4e9;border-radius:14px;padding:7px 10px;color:#456944}.api-status i{width:6px;height:6px;box-shadow:none;margin-right:5px}
.language-switch{color:var(--ink);font-size:10px;font-weight:650}.today{font-size:8px}.today b{font-size:9px}
.content{padding:22px 25px 34px;max-width:1600px}
.page-head{margin-bottom:17px;align-items:center}.eyebrow{color:var(--gold)!important;font-size:7px!important;letter-spacing:.18em}.page-head h1{font-size:22px;font-family:Georgia,Manrope,serif;font-weight:600;letter-spacing:-.025em}.page-head p{font-size:9px}.page-head:after{content:"♧";margin-left:auto;color:#c8b458;font-size:24px;opacity:.45}
html[dir=rtl] .page-head:after{margin-left:0;margin-right:auto}

.panel,.kpis article{background:var(--panel);border-color:var(--line);border-radius:12px;box-shadow:0 3px 14px #38503e08}
.panel{padding:16px}.panel h2{font-family:Georgia,Manrope,serif;color:var(--ink);font-size:14px}.panel-head{margin-bottom:13px}.panel-head p{font-size:8px}.panel-head a{font-size:8px;color:var(--gold);text-decoration:none;font-weight:700}
.primary,.outline,.danger{border-radius:8px;font-size:9px;padding:8px 11px}.primary{background:var(--green);border-color:var(--green)}.outline{background:#fffefb;border-color:#dfe4dc}.danger{background:#fff8f6}
.message{font-size:10px;border-radius:9px}

.dashboard-kpis{gap:14px}
.dashboard-kpis article{min-height:105px;padding:18px;align-items:center;position:relative;overflow:hidden}
.dashboard-kpis article:after{content:"♧";position:absolute;right:-4px;bottom:-16px;color:#d5decf;font-size:68px;opacity:.55;transform:rotate(-15deg)}
.kpi-icon{width:48px;height:48px;border-radius:50%;font-size:19px;position:relative;z-index:1}.kpi-icon.green{background:#dfe9dc;color:var(--green)}.kpi-icon.gold{background:var(--gold-soft);color:#a78527}
.kpis small{font-size:9px}.kpis b{font-size:24px;font-family:Georgia,serif;font-weight:500}.kpis em{font-size:7px}.dashboard-kpis article>div{position:relative;z-index:1}
.dashboard-board{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:14px;margin-top:14px}.dashboard-board>.latest-panel{grid-column:1/3}.dashboard-board>.quick-panel{grid-column:3}.journey-panel{grid-column:1/2}.branch-performance{grid-column:2}.attention-panel{grid-column:3}
.journey{display:flex;align-items:center;justify-content:space-between;padding:18px 10px 5px}.journey>div{text-align:center;min-width:68px}.journey span{width:45px;height:45px;margin:auto auto 8px;border-radius:50%;background:#e6ecdf;color:var(--green);display:grid;place-items:center;font-size:17px}.journey .done span{background:var(--green);color:#fff}.journey .gold span{border:1px solid #cdb45f;background:#fff;color:#a88420}.journey b,.journey strong{display:block}.journey b{font-size:8px;font-weight:600}.journey strong{font-family:Georgia,serif;font-size:17px;margin-top:3px}.journey>i{height:1px;flex:1;background:linear-gradient(90deg,var(--green),#ddd6b9);margin:0 -5px 32px;min-width:18px}
.branch-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #ecebe3}.branch-row:last-child{border:0}.leaf-dot{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#edf1e8;color:var(--green)}.branch-row>div{flex:1}.branch-row b{display:block;font-size:8px}.branch-row small{display:block;background:#edf0e9;border-radius:5px;height:4px;margin-top:6px;overflow:hidden}.branch-row small i{display:block;height:100%;background:#4d9658;border-radius:5px}.branch-row strong{font-size:8px;font-weight:600}
.attention-panel>a,.quick-panel>a{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #ecebe3;color:var(--ink);text-decoration:none}.attention-panel>a:last-child,.quick-panel>a:last-child{border:0}.attention-panel>a>span,.quick-panel>a>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef1e8;color:var(--green)}.attention-panel>a>div,.quick-panel>a>div{flex:1}.attention-panel b,.attention-panel small,.quick-panel b,.quick-panel small{display:block}.attention-panel b,.quick-panel b{font-size:8px}.attention-panel small,.quick-panel small{font-size:7px;color:var(--muted);margin-top:3px}.attention-panel em{font-size:7px;color:var(--gold);font-style:normal}.mini-empty{padding:28px;text-align:center;color:var(--sage);font-size:9px}
.latest-panel table{min-width:700px}.latest-panel td,.latest-panel th{font-size:8px;padding:9px}.latest-panel .status{font-size:7px}

.module-toolbar{gap:7px}.module-search{height:36px;background:#fffefb}.count-badge{background:#e7ede2;color:var(--green);font-size:8px}
.editor-panel{max-width:1100px}.editor-grid{gap:12px}.editor-grid label{font-size:9px}.editor-grid input,.editor-grid select{height:39px}.editor-grid input,.editor-grid select,.editor-grid textarea{border-radius:8px;background:#fffefb;border-color:#dfe4dc;font-size:9px}.editor-grid textarea{min-height:78px}
.table-wrap{border-radius:9px}.table-panel{margin-top:14px}table{font-size:9px}th{background:#f7f5eb;color:#53645a;font-size:8px;font-weight:700;letter-spacing:.015em}th,td{border-color:#ecebe3;padding:10px}.table-thumb{border-radius:7px}.status{font-size:7px;border-radius:10px}.status.active{background:#e4efdf;color:#29623c}.status.warning{background:#f8eecb;color:#916d12}.status.paused{background:#f3ece6;color:#8b655c}
.tabs{background:#fffefb;border:1px solid var(--line);border-radius:10px;padding:4px}.tabs a{font-size:9px;border-radius:7px}.tabs a.active{background:#e5ecdf;color:var(--green)}
.details-form{margin-top:12px}.import-help{background:#f7f4e7!important;border-color:#e6dcc0!important}

.coverage-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.8fr);gap:14px;margin-bottom:14px}.coverage-map-panel{padding:0;overflow:hidden}.coverage-map-head{padding:15px 17px 12px;display:flex;align-items:center;justify-content:space-between}.zone-legend{display:flex;gap:12px;font-size:8px}.zone-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.zone-legend .standard{background:#4f9f55}.zone-legend .express{background:#e3b521}.zone-legend .outside{background:#aeb5af}.coverage-map{height:520px;background:#eef0e8}.coverage-map .leaflet-control-container{font-family:Manrope,sans-serif}.coverage-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.coverage-summary article{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.coverage-summary small,.coverage-summary b{display:block}.coverage-summary small{font-size:8px;color:var(--muted)}.coverage-summary b{font-size:19px;margin-top:3px;font-family:Georgia,serif}.branch-cards{display:grid;gap:9px}.branch-card{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fffefb;display:grid;grid-template-columns:1fr auto;gap:7px}.branch-card h3{font-size:10px;margin:0}.branch-card p{grid-column:1/-1;font-size:8px;color:var(--muted);margin:0}.branch-card .branch-meta{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.branch-meta span{font-size:7px;background:#edf1e8;color:var(--green);padding:4px 7px;border-radius:10px}.zone-list{display:grid;gap:8px}.zone-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px}.zone-swatch{width:12px;height:38px;border-radius:7px;background:#4f9f55}.zone-swatch.express{background:#e3b521}.zone-card b,.zone-card small{display:block}.zone-card b{font-size:9px}.zone-card small{font-size:7px;color:var(--muted);margin-top:3px}.zone-card form{display:inline}

.login-shell{background:#fffefb}.login-brand{background:linear-gradient(145deg,#668f76,#2e6648)}.auth-page{background:#f5f1e5}.login-card h2{font-family:Georgia,serif}.login-card input{background:#fffefb}

@media(max-width:1180px){.dashboard-board{grid-template-columns:1fr 1fr}.journey-panel,.branch-performance,.attention-panel,.dashboard-board>.latest-panel,.dashboard-board>.quick-panel{grid-column:auto}.attention-panel{grid-column:1/3}.coverage-shell{grid-template-columns:1fr}.coverage-map{height:430px}.top-actions .api-status{display:none}}
@media(max-width:980px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 14px}.branch-filter{min-width:150px}.top-actions .language-switch{display:none}}
@media(max-width:820px){.sidebar{width:238px}.main{margin-left:0}.topbar{height:auto;min-height:62px;flex-wrap:wrap;padding:10px 13px}.global-search{order:3;max-width:none;width:100%}.branch-filter{margin-left:auto}.content{padding:17px 13px}.dashboard-board{grid-template-columns:1fr}.journey-panel,.branch-performance,.attention-panel,.dashboard-board>.latest-panel,.dashboard-board>.quick-panel{grid-column:1}.coverage-map{height:350px}}
@media(max-width:560px){.dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}.dashboard-kpis article{padding:12px;min-height:88px}.kpi-icon{width:37px;height:37px}.kpis b{font-size:19px}.journey{overflow-x:auto;justify-content:flex-start;gap:7px}.journey>i{min-width:28px}.editor-grid{grid-template-columns:1fr}.editor-grid .wide{grid-column:1}.coverage-summary{grid-template-columns:1fr 1fr}.top-actions .today{display:none}.page-head h1{font-size:19px}}

html[dir=rtl] .main{margin-left:0;margin-right:238px}
html[dir=rtl] .sidebar{background:linear-gradient(180deg,#769984 0%,#628b75 100%);border:0}
html[dir=rtl] .branch-filter{margin-left:0;margin-right:auto}
html[dir=rtl] .dashboard-kpis article:after{right:auto;left:-4px}
html[dir=rtl] .zone-legend i{margin-right:0;margin-left:4px}
@media(max-width:820px){html[dir=rtl] .main{margin-right:0}}