:root{--sarie-primary:#00b8a9;--sarie-primary-dark:#007f7a;--sarie-primary-soft:#e7f8f5;--sarie-blue:#2563eb;--sarie-success:#16a34a;--sarie-warning:#f59e0b;--sarie-danger:#ef4444;--sarie-ink:#111827;--sarie-navy:#12304a;--sarie-muted:#4b5563;--sarie-line:#e2e8f0;--sarie-canvas:#f7f9fc;--sarie-surface:#ffffff;--sarie-radius-sm:10px;--sarie-radius:14px;--sarie-radius-lg:18px;--sarie-shadow:0 8px 24px rgba(15,42,61,.055);--brand:var(--sarie-primary);--brand-dark:var(--sarie-primary-dark);--navy:var(--sarie-navy);--canvas:var(--sarie-canvas);--ink:var(--sarie-ink);--ink-soft:var(--sarie-muted);--line:var(--sarie-line);--success:var(--sarie-success);--warning:var(--sarie-warning);--danger:var(--sarie-danger)}html{background:var(--sarie-canvas)}body{color:var(--sarie-ink);font-family:"Cairo",Tahoma,Arial,sans-serif}.btn{border-radius:var(--sarie-radius-sm);box-shadow:none}.btn-primary{background:var(--sarie-primary)}.btn-primary:hover{background:var(--sarie-primary-dark)}.btn-soft{color:var(--sarie-primary-dark);background:var(--sarie-primary-soft)}.field input,.field select,.field textarea,.action-form input,.action-form select{border-color:var(--sarie-line);border-radius:var(--sarie-radius-sm)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sarie-primary);box-shadow:0 0 0 4px rgba(0,184,169,.1)}.portal-body{background:var(--sarie-canvas)}.portal-shell{grid-template-columns:246px minmax(0,1fr);background:var(--sarie-canvas)}.portal-main{min-width:0;background:var(--sarie-canvas)}.sidebar{width:246px;padding:16px 12px;color:var(--sarie-muted);background:var(--sarie-surface);border-left:1px solid var(--sarie-line);box-shadow:-8px 0 24px rgba(15,42,61,.025);scrollbar-color:#cbd5e1 transparent}.sidebar .brand{color:var(--sarie-navy);border-color:var(--sarie-line)}.sidebar .brand small{color:var(--sarie-muted)}.sidebar .brand-logo{background:#fff;border:1px solid #dce9e6}.sidebar-label{color:#94a3b8;font-size:10px;letter-spacing:0}.nav-item{min-height:40px;color:#526479;border-radius:var(--sarie-radius-sm);font-size:12px;font-weight:700}.nav-item:hover{color:var(--sarie-primary-dark);background:#f3f8f7}.nav-item.active{color:var(--sarie-primary-dark);background:var(--sarie-primary-soft);border-color:#c9ece6;box-shadow:inset -3px 0 var(--sarie-primary)}.nav-item .nav-icon{color:#60758a;background:#f5f8fa}.nav-item.active .nav-icon{color:var(--sarie-primary-dark);background:#d8f3ee}.sidebar-bottom{border-color:var(--sarie-line)}.topbar{min-height:70px;padding:0 26px;background:rgba(255,255,255,.96);border-color:var(--sarie-line);box-shadow:0 4px 18px rgba(15,42,61,.035)}.page-title{color:var(--sarie-navy);font-size:18px}.page-subtitle{color:var(--sarie-muted);font-size:11px}.user-menu{background:#f8fafc;border-color:var(--sarie-line);border-radius:var(--sarie-radius-sm)}.avatar{background:linear-gradient(135deg,var(--sarie-primary),var(--sarie-primary-dark))}.portal-content{max-width:1680px;padding:24px 26px 54px}.card,.stat-card,.form-card,.support-strip,.location-group,.modal{background:var(--sarie-surface);border-color:var(--sarie-line);border-radius:var(--sarie-radius);box-shadow:var(--sarie-shadow)}.card{padding:18px}.stat-card{min-height:112px;padding:17px}.stat-card.emphasis{color:var(--sarie-ink);background:#fff;border:1px solid var(--sarie-line)}.stat-card.emphasis .stat-label,.stat-card.emphasis .stat-foot{color:var(--sarie-muted)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--sarie-line);border-radius:12px}th{color:#64748b;background:#f8fafc;border-color:var(--sarie-line);font-size:10px}td{border-color:#edf2f7}.table-wrap tbody tr:hover{background:#f8fbfb}.badge{border-radius:999px}.tab.active{color:#fff;background:var(--sarie-primary-dark);border-color:var(--sarie-primary-dark)}.progress span{background:linear-gradient(90deg,var(--sarie-primary),#52d2c5)}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.dashboard-toolbar h2{margin:0;color:var(--sarie-navy);font-size:20px}.dashboard-toolbar p{margin:3px 0 0;color:var(--sarie-muted);font-size:11px}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.metric-card{position:relative;min-height:122px;overflow:hidden;padding:17px;background:#fff;border:1px solid var(--sarie-line);border-radius:var(--sarie-radius);box-shadow:var(--sarie-shadow)}.metric-card::after{content:"";position:absolute;width:70px;height:70px;left:-30px;bottom:-34px;border-radius:50%;background:var(--metric-soft,#eef8f6)}.metric-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--metric,var(--sarie-primary-dark));background:var(--metric-soft,var(--sarie-primary-soft));border-radius:10px;font-size:15px;font-weight:900}.metric-label{color:var(--sarie-muted);font-size:10px;font-weight:700}.metric-value{margin-top:12px;color:var(--sarie-navy);font-size:25px;font-weight:900;line-height:1.1}.metric-foot{margin-top:6px;color:var(--sarie-muted);font-size:9px}.metric-foot strong{color:var(--metric,var(--sarie-success))}.dashboard-panels{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:14px;margin-top:14px}.chart-surface{min-height:310px;padding:18px;background:#fff;border:1px solid var(--sarie-line);border-radius:var(--sarie-radius);box-shadow:var(--sarie-shadow)}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chart-heading h3{margin:0;color:var(--sarie-navy);font-size:14px}.chart-heading p{margin:3px 0 0;color:var(--sarie-muted);font-size:9px}.chart-total{color:var(--sarie-navy);font-size:20px;font-weight:900;text-align:left}.chart-total small{display:block;color:var(--sarie-muted);font-size:8px;font-weight:600}.trend-chart{width:100%;height:188px;margin-top:18px;overflow:visible}.trend-chart .grid-line{stroke:#e8eef2;stroke-width:.8}.trend-chart .area{fill:url(#salesArea)}.trend-chart .line{fill:none;stroke:var(--sarie-blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trend-chart .point{fill:#fff;stroke:var(--sarie-blue);stroke-width:2}.trend-labels{display:grid;grid-template-columns:repeat(7,1fr);direction:ltr;gap:4px;color:#8492a3;font-size:8px;text-align:center}.donut-wrap{display:grid;place-items:center;padding:22px 0 16px}.status-donut{width:148px;height:148px;display:grid;place-items:center;border-radius:50%;background:var(--donut)}.status-donut::after{content:"";width:91px;height:91px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #eef2f5}.donut-center{position:absolute;z-index:2;text-align:center}.donut-center b{display:block;color:var(--sarie-navy);font-size:22px}.donut-center span{color:var(--sarie-muted);font-size:8px}.chart-legend{display:grid;gap:8px}.legend-row{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;color:var(--sarie-muted);font-size:9px}.legend-dot{width:8px;height:8px;border-radius:50%;background:var(--legend)}.legend-row b{color:var(--sarie-navy)}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.quick-action{min-height:78px;display:flex;align-items:center;gap:11px;padding:13px;background:#fff;border:1px solid var(--sarie-line);border-radius:12px;transition:.18s ease}.quick-action:hover{color:var(--sarie-primary-dark);border-color:#bce5df;transform:translateY(-2px);box-shadow:var(--sarie-shadow)}.quick-action span{width:34px;height:34px;display:grid;place-items:center;color:var(--sarie-primary-dark);background:var(--sarie-primary-soft);border-radius:10px}.quick-action b{display:block;color:var(--sarie-navy);font-size:11px}.quick-action small{display:block;margin-top:2px;color:var(--sarie-muted);font-size:8px}.operations-list{display:grid;gap:9px}.operation-alert{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px;background:#f8fafc;border:1px solid #edf2f7;border-radius:11px}.operation-alert>span{width:31px;height:31px;display:grid;place-items:center;color:var(--alert,var(--sarie-warning));background:var(--alert-soft,#fff6df);border-radius:9px}.operation-alert b{display:block;color:var(--sarie-navy);font-size:10px}.operation-alert small{display:block;color:var(--sarie-muted);font-size:8px}.operation-alert strong{color:var(--alert,var(--sarie-warning));font-size:14px}@media (max-width:1260px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.portal-shell{display:block}.sidebar{position:fixed;width:286px;color:var(--sarie-muted);background:#fff;box-shadow:-25px 0 60px rgba(15,42,61,.18)}.sidebar-close{color:var(--sarie-muted);background:#f5f8fa;border-color:var(--sarie-line)}.dashboard-panels{grid-template-columns:1fr}}@media (max-width:700px){.portal-content{padding:16px 12px 40px}.dashboard-toolbar{align-items:flex-start;flex-direction:column}.dashboard-metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:112px}.quick-actions{grid-template-columns:1fr 1fr}.chart-surface{min-height:280px;padding:14px}}@media (max-width:460px){.dashboard-metrics,.quick-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.metric-card,.quick-action{transition:none}}