:root{--navy:#102a37;--navy-2:#173b4c;--accent:#0f766e;--accent-2:#0b5f59;--bg:#f4f7f9;--panel:#fff;--text:#17242c;--muted:#6b7b86;--line:#dfe7eb;--soft:#eef4f6;--danger:#b42318;--danger-soft:#fef3f2;--warning:#b54708;--warning-soft:#fff7e6;--success:#067647;--success-soft:#ecfdf3;--shadow:0 14px 38px rgba(16,42,55,.07);--radius:18px;--sidebar:278px}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Cairo",Tahoma,Arial,sans-serif;line-height:1.65}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:currentColor}.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:linear-gradient(180deg,var(--navy),#0b202a);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:60;box-shadow:12px 0 28px rgba(16,42,55,.08)}[dir=rtl] .sidebar{box-shadow:-12px 0 28px rgba(16,42,55,.08)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-symbol{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#2eb3a6,var(--accent));display:grid;place-items:center;color:#fff;font-size:16px;font-weight:800;letter-spacing:.5px;box-shadow:0 8px 18px rgba(15,118,110,.35);flex:0 0 auto}.brand-symbol.large{width:64px;height:64px;border-radius:20px;font-size:23px}.sidebar-brand strong{display:block;font-size:16px}.sidebar-brand small{display:block;color:#9fb3bf;font-size:11px;margin-top:1px}.sidebar-nav{display:grid;gap:7px;padding:22px 0}.sidebar-nav a{display:flex;align-items:center;gap:12px;color:#c8d5dc;padding:11px 13px;border-radius:12px;font-weight:600;font-size:14px}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.1);color:#fff}.sidebar-nav .nav-create{background:rgba(46,179,166,.13);color:#c9fff9;border:1px solid rgba(46,179,166,.16)}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.user-chip{display:flex;align-items:center;gap:10px;padding:6px}.user-chip>span{width:38px;height:38px;border-radius:12px;background:#254655;display:grid;place-items:center;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:13px}.user-chip small{font-size:11px;color:#9fb3bf}.sidebar-footer form{margin:8px 0 0}.sidebar-logout{width:100%;border:0;background:transparent;color:#b9cad3;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px}.sidebar-logout:hover{background:rgba(255,255,255,.08);color:#fff}.main-shell{min-height:100vh;margin-inline-start:var(--sidebar);display:flex;flex-direction:column}.app-header{height:74px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.header-context strong,.header-context small{display:block}.header-context strong{font-size:15px}.header-context small{color:var(--muted);font-size:11px}.language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:36px;padding:0 14px;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:700;font-size:12px;color:var(--navy)}.mobile-menu{display:none;border:0;background:#fff;color:var(--navy);width:40px;height:40px;border-radius:11px;place-items:center}.content-area{width:100%;max-width:1500px;margin:0 auto;padding:30px 32px 50px}.app-footer{text-align:center;color:var(--muted);font-size:11px;padding:14px 20px 22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}.page-heading h1{margin:2px 0 4px;font-size:30px;line-height:1.25;letter-spacing:-.3px}.eyebrow,.section-kicker{display:block;color:var(--accent);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.muted{color:var(--muted);margin:0}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.audit-line{margin:4px 0 0;color:#7a5d00;background:#fff8d9;display:inline-block;padding:3px 9px;border-radius:8px;font-size:11px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:20px}.panel h2{margin:0;font-size:19px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.panel-header p{margin-top:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cad6dc;background:#fff;color:#263942;border-radius:11px;padding:9px 15px;font-weight:700;font-size:13px;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,42,55,.08)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-2)}.btn-light{background:#f8fafb}.btn-large{padding:11px 18px}.btn-small{padding:6px 11px;font-size:11px}.btn-whatsapp{background:#168b72;border-color:#168b72;color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 19px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset-inline-end:-20px;inset-block-end:-28px;width:80px;height:80px;border-radius:50%;background:#eef6f6}.stat-card span{display:block;color:var(--muted);font-size:12px;position:relative;z-index:1}.stat-card strong{display:block;font-size:30px;line-height:1.2;margin-top:7px;position:relative;z-index:1}.attention-stat{border-color:#f5c69b;background:#fffdfa}.attention-stat:after{background:#fff0df}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:20px}.attention-section{border-color:#f2cba7}.count-pill{display:inline-flex;min-width:29px;height:29px;padding:0 8px;align-items:center;justify-content:center;border-radius:999px;background:var(--soft);font-size:12px;font-weight:800}.warning-pill{background:#fff1df;color:var(--warning)}.attention-list{display:grid;gap:8px}.attention-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #f1dfcf;background:#fffaf5;border-radius:12px;padding:11px 13px;color:var(--text)}.attention-list strong,.attention-list small{display:block}.attention-list small{color:var(--muted);font-size:11px}.attention-list>a>span{font-weight:800;white-space:nowrap}.success-empty{background:var(--success-soft);color:var(--success);padding:15px;border-radius:12px;font-weight:700}.employee-metrics{display:grid;gap:8px}.employee-metrics>div{display:grid;grid-template-columns:1.4fr repeat(3,auto);gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.employee-metrics span{font-size:10px;color:var(--muted);white-space:nowrap}.table-wrap{overflow:auto;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:12px 11px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}th{background:#f8fafb;color:#71828c;font-size:11px;font-weight:800;white-space:nowrap}td{font-size:12px}td strong,td small{display:block}td small{font-size:10px;color:var(--muted);margin-top:2px}.order-summary-cell{max-width:320px}.edited-marker{color:#936d00!important;margin-top:5px!important}.status,.payment-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status-confirmed{background:var(--success-soft);color:var(--success)}.status-cancelled{background:var(--danger-soft);color:var(--danger)}.payment-due{background:#eef4f7;color:#415d6b}.payment-review{background:var(--warning-soft);color:var(--warning)}.payment-paid{background:var(--success-soft);color:var(--success)}.filters{display:grid;grid-template-columns:minmax(260px,1fr) 190px 210px auto auto;gap:10px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid.one-column{grid-template-columns:1fr}.form-grid label{font-size:12px;font-weight:700;color:#324650}.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select,.note-form textarea{width:100%;border:1px solid #cad6dc;background:#fff;color:var(--text);border-radius:11px;padding:10px 12px;margin-top:6px;transition:.15s}.form-grid textarea,.note-form textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filters input:focus,.filters select:focus,.note-form textarea:focus{outline:none;border-color:#5fa9a1;box-shadow:0 0 0 3px rgba(15,118,110,.10)}.full{grid-column:1/-1}.form-panel{padding:26px}.form-section-heading{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:4px}.form-section-heading>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:12px;font-weight:800}.form-section-heading strong,.form-section-heading small{display:block}.form-section-heading small{font-size:10px;color:var(--muted);margin-top:1px}.prominent-field textarea{font-size:14px;background:#fbfdfd}.optional-tag{font-size:9px;font-weight:700;background:#eef3f5;color:#60727d;padding:2px 6px;border-radius:999px}.field-help{display:block;color:var(--muted);font-weight:500;font-size:10px;margin-top:5px}.amount-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.amount-row span{background:var(--soft);padding:10px 11px;border-radius:10px;margin-top:6px;font-size:11px;font-weight:800}.confirmation-box,.audit-notice{display:flex;gap:11px;align-items:flex-start;border:1px solid #b9dfd7;background:#f2fbf8;border-radius:13px;padding:14px}.confirmation-box p,.audit-notice p{margin:2px 0 0;color:#49645f;font-size:11px}.confirmation-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#fff;font-weight:800}.audit-notice{border-color:#d8e1e6;background:#f8fafb}.form-actions{display:flex;gap:9px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:12px;font-weight:600}.alert-success{background:var(--success-soft);color:var(--success);border:1px solid #abefc6}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid #f6c8c4}.alert-warning{background:var(--warning-soft);color:var(--warning);border:1px solid #f5d09a}.empty-state{text-align:center;color:var(--muted);padding:34px}.empty-inline{color:var(--muted);font-size:12px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.order-sidebar{min-width:0}.order-main-card{padding:25px}.order-amount{font-size:20px;font-weight:800;color:var(--accent);white-space:nowrap}.order-text-block{background:#f8fbfc;border:1px solid #e3ecef;border-radius:14px;padding:18px;font-size:14px;white-space:normal;margin-bottom:17px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.details-grid>div{padding:12px;border-bottom:1px solid var(--line)}.details-grid dt{font-size:10px;color:var(--muted);font-weight:700}.details-grid dd{margin:3px 0 0;font-weight:700;font-size:12px}.details-grid .full{grid-column:1/-1}.inline-link{font-weight:800}.confirmation-record{background:#f3fbf8;border-radius:10px}.attention-card{border-color:#f3c9a4;background:#fffdfa}.attention-icon{width:38px;height:38px;border-radius:13px;background:#fff0de;color:var(--warning);display:grid;place-items:center;font-size:20px;font-weight:800;margin-bottom:10px}.attention-card p{font-size:11px;color:var(--muted)}.status-card{position:sticky;top:94px}.cancel-form{margin-top:14px}.attachments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.attachment-card{border:1px solid var(--line);border-radius:14px;padding:11px;display:grid;grid-template-columns:90px 1fr;gap:11px;align-items:center}.attachment-preview img,.file-icon{width:90px;height:78px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}.file-icon{display:grid;place-items:center;background:#fff1f0;color:var(--danger);font-weight:800}.attachment-meta strong,.attachment-meta small{display:block}.attachment-meta small{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.attachment-meta .btn{margin-top:7px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-columns{grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr)}.note-form{display:grid;gap:8px;margin-bottom:17px}.note-form .btn{justify-self:start}.timeline article{border-inline-start:3px solid #cfe1e5;padding:2px 13px 11px;margin-bottom:11px}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.timeline time{font-size:9px;color:var(--muted)}.timeline p{font-size:11px;margin:5px 0}.timeline small{font-size:9px;color:var(--muted)}.payment-event{border-inline-start-color:#efb067!important}.change-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.change-list li{background:#f8fafb;border-radius:8px;padding:7px 9px}.change-list span,.change-list small{display:block}.change-list span{font-size:10px;font-weight:800}.change-list small{font-size:9px;overflow-wrap:anywhere}.compact-timeline article{padding-bottom:8px}.auth-body{background:radial-gradient(circle at top right,#d9eeeb 0,transparent 32%),linear-gradient(135deg,#eef5f6,#f8fafb);min-height:100vh}.auth-main{min-height:calc(100vh - 55px);display:grid;place-items:center;padding:35px 16px}.auth-language{position:fixed;top:18px;inset-inline-end:20px;z-index:10}.auth-language a{display:inline-flex;background:#fff;border:1px solid var(--line);padding:7px 12px;border-radius:10px;font-size:11px;font-weight:800}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 65px rgba(16,42,55,.13);padding:28px}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.auth-brand h1{font-size:22px;margin:0}.auth-brand p{margin:3px 0 0;color:var(--muted);font-size:11px}.auth-security{text-align:center;color:#87959d;font-size:9px;margin-top:16px;letter-spacing:.4px}.auth-footer{text-align:center;padding:12px;color:var(--muted);font-size:10px}.upgrade-panel{max-width:700px}.sidebar-overlay{display:none}[hidden]{display:none!important}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.attachments-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr 1fr auto auto}}
@media(max-width:900px){:root{--sidebar:270px}.sidebar{transform:translateX(calc(-1 * var(--sidebar)));transition:.22s}[dir=rtl] .sidebar{transform:translateX(var(--sidebar))}.sidebar-open .sidebar{transform:translateX(0)}.main-shell{margin-inline-start:0}.mobile-menu{display:grid}.app-header{padding:0 18px}.content-area{padding:23px 18px 45px}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(5,20,27,.45);z-index:50;opacity:0;pointer-events:none;transition:.22s}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.order-layout,.two-columns,.admin-columns{grid-template-columns:1fr}.status-card{position:static}.filters{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start}.attachments-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.app-header{height:64px}.header-context small{display:none}.content-area{padding:18px 12px 35px}.page-heading{flex-direction:column;align-items:stretch}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:24px}.panel{padding:15px;border-radius:14px}.form-panel{padding:15px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.filters{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr}.details-grid .full{grid-column:auto}.attachments-grid{grid-template-columns:1fr}.attachment-card{grid-template-columns:76px 1fr}.attachment-preview img,.file-icon{width:76px;height:68px}.employee-metrics>div{grid-template-columns:1fr 1fr}.employee-metrics strong{grid-column:1/-1}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.order-heading .title-row{align-items:flex-start}.auth-card{padding:21px}.auth-brand{align-items:flex-start}}

/* V5 shared-order workflow */
.dashboard-grid-single{grid-template-columns:1fr}.btn-map{background:#eef8f5;border-color:#b9ded5;color:#0b6f63}.btn-map:hover{background:#dff2ed}.quick-link-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.quick-link-row dd{margin-inline-start:auto}.attachment-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.attachment-actions .btn{margin-top:0}.file-icon-link{display:block}.confirmation-proof-card{border-color:#7fd0bd;background:#f6fffc}.whatsapp-proof-panel{border-color:#8bd1c0;background:#fbfffd}.whatsapp-proof-panel .attention-icon{width:auto;min-width:42px;padding:0 8px;background:#168b72;color:#fff;font-size:11px}.acknowledgement-field{display:flex!important;align-items:flex-start;gap:9px;border:1px solid #c9ddd8;background:#f5fbf9;border-radius:11px;padding:11px 12px}.acknowledgement-field input{width:auto!important;margin:4px 0 0!important;flex:0 0 auto}.acknowledgement-field span{font-size:11px;line-height:1.6;color:#35524d}.heading-actions .btn-map{font-weight:800}
@media(max-width:620px){.quick-link-row{align-items:flex-start;flex-direction:column}.quick-link-row dd{margin-inline-start:0}.attachment-actions .btn{flex:1}.dashboard-grid-single{display:block}}

/* V6 executive dashboard and premium interaction layer */
:root{
    --navy:#0b2431;
    --navy-2:#123846;
    --accent:#0d9488;
    --accent-2:#0f766e;
    --bg:#f3f7f8;
    --panel:#ffffff;
    --text:#10252f;
    --muted:#72818a;
    --line:#dce7ea;
    --soft:#edf4f5;
    --shadow:0 18px 48px rgba(9,38,51,.075);
    --shadow-hover:0 24px 60px rgba(9,38,51,.13);
    --radius:20px;
}
body{background:
    radial-gradient(circle at 92% 0,rgba(13,148,136,.08),transparent 25%),
    radial-gradient(circle at 10% 90%,rgba(37,99,235,.05),transparent 22%),
    var(--bg)}
.sidebar{background:linear-gradient(180deg,#0b2835 0%,#071c25 100%);padding:24px 17px;border-inline-end:1px solid rgba(255,255,255,.04)}
.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -10%,rgba(45,212,191,.14),transparent 33%);pointer-events:none}
.sidebar>*{position:relative}.sidebar-brand{padding:0 8px 22px}.brand-symbol{background:linear-gradient(145deg,#2dd4bf,#0f766e);box-shadow:0 12px 28px rgba(13,148,136,.34)}
.nav-section-label{display:block;padding:0 13px 8px;color:#708c99;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}
.sidebar-nav a{position:relative;overflow:hidden;transition:background .2s,color .2s,transform .2s;padding:12px 13px}.sidebar-nav a:before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:4px;background:#2dd4bf;transform:scaleY(0);transition:.2s}.sidebar-nav a:hover{transform:translateX(2px)}[dir=rtl] .sidebar-nav a:hover{transform:translateX(-2px)}.sidebar-nav a.active:before{transform:scaleY(1)}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(45,212,191,.14),rgba(255,255,255,.05))}.sidebar-nav a svg{transition:transform .2s}.sidebar-nav a:hover svg{transform:scale(1.12)}
.app-header{height:76px;padding:0 32px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 6px 20px rgba(14,45,58,.035)}
.header-tools{display:flex;align-items:center;gap:9px}.header-quick-order{height:38px;padding:0 13px;border-radius:11px;background:#e9f8f5;color:#08766d;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;border:1px solid #cbece5;transition:.2s}.header-quick-order:hover{transform:translateY(-1px);background:#daf3ed}.header-quick-order svg{width:17px;height:17px}.language-switch{height:38px}
.content-area{max-width:1560px;padding-top:32px}.panel,.stat-card,.insight-card,.employee-card{border-color:rgba(202,217,223,.86)}.panel{box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s,border-color .22s}.panel:hover{border-color:#c9dce0}.premium-heading h1{font-size:32px;letter-spacing:-.65px}.premium-heading .muted{max-width:750px}.heading-actions .btn svg,.btn svg{width:17px;height:17px}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.28),transparent 75%);transform:translateX(-130%);transition:.55s}.btn:hover:after{transform:translateX(130%)}
.icon-bubble{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.icon-bubble svg{width:21px;height:21px}.icon-teal{background:#e7f8f4;color:#08776c}.icon-gold{background:#fff4d7;color:#a15b00}.icon-indigo{background:#eef2ff;color:#4f46e5}
.today-pulse{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:18px;align-items:center;padding:15px 18px;margin-bottom:18px;border-radius:18px;background:linear-gradient(105deg,#0c3442,#0b5960);color:#fff;box-shadow:0 16px 36px rgba(7,58,66,.18);overflow:hidden;position:relative}.today-pulse:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(45,212,191,.12);inset-inline-end:-75px;top:-120px}.today-pulse>*{position:relative;z-index:1}.pulse-icon{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.13);display:grid;place-items:center}.pulse-icon svg{width:24px;height:24px}.today-pulse>div:not(.pulse-icon){display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:baseline}.today-pulse span{font-size:10px;color:#a8d8da}.today-pulse strong{font-size:24px}.today-pulse small{grid-column:1/-1;font-size:9px;color:#9fc4c8}.today-pulse a{color:#d9fffa;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.today-pulse a svg{width:16px}
.analytics-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:16px;align-items:center;padding:18px 20px}.analytics-toolbar-title{display:flex;align-items:center;gap:12px}.analytics-toolbar-title h2{font-size:18px}.analytics-toolbar-title p{font-size:10px;color:var(--muted);margin:2px 0 0}.date-range-form{display:flex;align-items:end;gap:8px}.date-range-form label span{display:block;font-size:9px;font-weight:800;color:var(--muted);margin-bottom:4px}.date-range-form input{height:39px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fbfdfd;color:var(--text)}.range-presets{grid-column:1/-1;display:flex;gap:7px;border-top:1px solid var(--line);padding-top:11px}.range-presets a{padding:5px 10px;border-radius:999px;background:#f1f6f7;color:#4d626b;font-size:9px;font-weight:800;transition:.18s}.range-presets a:hover{background:#dff3ef;color:#08766c}
.stats-six{grid-template-columns:repeat(6,minmax(0,1fr))}.premium-stats .stat-card,.user-stats-grid .stat-card,.employee-stats-grid .stat-card{display:flex;align-items:center;gap:13px;padding:18px}.premium-stats .stat-card:after,.user-stats-grid .stat-card:after,.employee-stats-grid .stat-card:after{display:none}.stat-card .stat-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.stat-card .stat-icon svg{width:21px;height:21px}.stat-card>div>span{display:block;color:var(--muted);font-size:9px;font-weight:800}.stat-card>div>strong{display:block;font-size:25px;line-height:1.18;margin:3px 0}.stat-card>div>small{display:block;font-size:8px;color:#93a0a7}.premium-stats .stat-card:hover,.user-stats-grid .stat-card:hover,.employee-stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.stat-indigo .stat-icon{background:#eef2ff;color:#4f46e5}.stat-green .stat-icon{background:#eafbf3;color:#07834f}.stat-red .stat-icon{background:#fff0ef;color:#c0362c}.stat-gold .stat-icon{background:#fff7dc;color:#a96800}.stat-orange .stat-icon{background:#fff2e4;color:#b75a09}.stat-purple .stat-icon{background:#f3efff;color:#7553c7}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.65fr);gap:18px}.chart-panel{min-height:420px}.chart-panel .panel-header{margin-bottom:4px}.range-chip{font-size:9px;font-weight:800;background:#f0f5f6;padding:5px 9px;border-radius:999px;color:#5c7079}.chart-legend{display:flex;gap:16px;padding:5px 0 4px;font-size:9px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:18px;height:3px;border-radius:4px}.legend-total{background:#0f766e}.legend-cancelled{background:#dc5a55}.line-chart{height:315px;width:100%;overflow:hidden}.chart-svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#e7eef0;stroke-width:1}.chart-axis-label{fill:#86979f;font-size:9px;font-family:"Cairo",sans-serif}.chart-x-label{font-size:8px}.chart-area{fill:url(#ordersAreaGradient)}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.chart-line-total{stroke:#0f766e}.chart-line-cancelled{stroke:#dc5a55;stroke-width:2;stroke-dasharray:5 5}.chart-hit{fill:transparent;cursor:pointer}.chart-dot{stroke:#fff;stroke-width:2}.chart-dot-total{fill:#0f766e}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px;background:linear-gradient(180deg,#fbfdfd,#f7fafb);border-radius:14px}
.payment-mix-panel{min-height:420px}.donut-wrap{display:grid;place-items:center;gap:23px;padding:12px 0}.donut-chart{width:185px;height:185px;border-radius:50%;background:conic-gradient(#0f766e 0 var(--cod),#f59e0b var(--cod) calc(var(--cod) + var(--bank)),#7c5ce5 calc(var(--cod) + var(--bank)) 100%);display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.donut-chart:after{content:"";width:116px;height:116px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #edf2f4;position:absolute}.donut-chart>div{position:relative;z-index:1;text-align:center}.donut-chart strong,.donut-chart span{display:block}.donut-chart strong{font-size:30px;line-height:1.1}.donut-chart span{font-size:9px;color:var(--muted)}.donut-legend{width:100%;display:grid;gap:8px}.donut-legend div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;background:#f8fbfb;font-size:10px}.donut-legend i{width:9px;height:9px;border-radius:50%}.dot-cod{background:#0f766e}.dot-bank{background:#f59e0b}.dot-stripe{background:#7c5ce5}
.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.insight-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px 16px;box-shadow:var(--shadow);transition:.22s}.insight-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.insight-card>span{width:40px;height:40px;border-radius:13px;background:#edf7f6;color:#0c7a70;display:grid;place-items:center}.insight-card>span svg{width:19px}.insight-card small,.insight-card strong,.insight-card p{display:block;margin:0}.insight-card small{font-size:8px;color:var(--muted);font-weight:800}.insight-card strong{font-size:22px;line-height:1.3}.insight-card .text-value{font-size:13px}.insight-card p{font-size:8px;color:#95a1a7}
.dashboard-grid-v6{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}.employee-performance-panel{min-width:0}.staff-performance-list{display:grid;gap:8px}.staff-row{display:grid;grid-template-columns:28px 38px minmax(160px,1fr) 52px 52px 52px;gap:9px;align-items:center;padding:9px;border-radius:13px;transition:.18s}.staff-row:hover{background:#f7fafb}.staff-rank{font-size:10px;color:#89989f;text-align:center}.staff-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#dff5f1,#c8e9e3);color:#0c6e65;display:grid;place-items:center;font-weight:800}.staff-main>div:first-child{display:flex;align-items:center;gap:7px}.staff-main strong{font-size:11px}.staff-main small{font-size:8px;color:var(--muted)}.progress-track{height:6px;background:#edf2f3;border-radius:999px;overflow:hidden;margin-top:6px}.progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f766e,#2dd4bf);transition:width .8s cubic-bezier(.2,.8,.2,1)}.staff-metrics{text-align:center}.staff-metrics strong,.staff-metrics small{display:block}.staff-metrics strong{font-size:13px}.staff-metrics small{font-size:7px;color:var(--muted)}.staff-metrics.success strong{color:#07834f}.staff-metrics.danger strong{color:#c23d34}.compact-attention .attention-list{max-height:330px;overflow:auto}.success-empty svg{width:16px;vertical-align:middle}
.icon-action{width:35px;height:35px;border-radius:11px;display:inline-grid;place-items:center;border:1px solid #d9e4e7;background:#fff;color:#48606b;transition:.18s;padding:0}.icon-action svg{width:16px;height:16px}.icon-action:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(12,45,57,.10);color:#0f766e;border-color:#b8dcd6}.icon-action-danger{color:#b42318;background:#fff7f6;border-color:#f1d2cf}.icon-action-danger:hover{color:#a01d14;border-color:#e6aaa5}.icon-action-warning{color:#ad5907;background:#fff9ef;border-color:#f4dfbd}.icon-action-success{color:#087a4a;background:#f1fcf6;border-color:#ccebd9}
.user-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-user-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.45fr);gap:20px;align-items:start}.user-form-panel{position:sticky;top:96px}.employee-card-list{display:grid;gap:10px}.employee-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:#fbfdfd;border:1px solid #e0e9eb;border-radius:16px;padding:13px 14px;transition:.2s}.employee-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,45,58,.075);background:#fff}.employee-card-disabled{opacity:.68;background:#f6f7f8}.large-avatar{width:48px;height:48px;border-radius:15px}.employee-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-name-row>div strong,.employee-name-row>div span{display:block}.employee-name-row>div strong{font-size:13px}.employee-name-row>div span{font-size:9px;color:var(--muted)}.role-badge{font-size:8px;font-weight:800;padding:4px 8px;border-radius:999px}.role-admin{background:#eef2ff;color:#4f46e5}.role-employee{background:#eaf8f5;color:#08766c}.employee-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.employee-mini-stats span{font-size:7px;color:var(--muted);background:#f1f6f7;border-radius:8px;padding:5px 7px}.employee-mini-stats strong{display:block;font-size:10px;color:#334951;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-actions{display:flex;gap:6px}.employee-actions form{margin:0}.password-field{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.password-field input{grid-column:1/-1;grid-row:1}.password-toggle{grid-column:2;grid-row:1;width:36px;height:36px;margin-top:6px;margin-inline-end:3px;border:0;background:transparent;color:#71838c;display:grid;place-items:center;z-index:1}.password-toggle.is-visible{color:#0f766e}.security-note{display:flex;align-items:flex-start;gap:13px;background:linear-gradient(100deg,#fffdf5,#fff);border-color:#f0e2bd}.security-note strong{font-size:12px}.security-note p{font-size:10px;color:#776842;margin:3px 0 0}.recent-orders-panel .table-wrap{border-radius:13px}.recent-orders-panel tbody tr{transition:.16s}.recent-orders-panel tbody tr:hover{background:#f4faf8}
.reveal-item{animation:revealUp .48s ease both;animation-delay:var(--reveal-delay,0ms)}@keyframes revealUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1350px){.stats-six{grid-template-columns:repeat(3,1fr)}.user-stats-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr)}.dashboard-grid-v6{grid-template-columns:1fr}.admin-user-layout{grid-template-columns:330px 1fr}}
@media(max-width:1050px){.analytics-grid{grid-template-columns:1fr}.payment-mix-panel{min-height:auto}.donut-wrap{grid-template-columns:auto 1fr;place-items:center}.insight-grid{grid-template-columns:repeat(2,1fr)}.admin-user-layout{grid-template-columns:1fr}.user-form-panel{position:static}.employee-mini-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.header-quick-order span{display:none}.header-quick-order{width:38px;padding:0;justify-content:center}.analytics-toolbar{grid-template-columns:1fr}.date-range-form{grid-column:1}.stats-six,.user-stats-grid{grid-template-columns:repeat(2,1fr)}.staff-row{grid-template-columns:28px 38px minmax(130px,1fr) 45px}.staff-metrics.success,.staff-metrics.danger{display:none}}
@media(max-width:620px){.premium-heading h1{font-size:25px}.today-pulse{grid-template-columns:auto 1fr 1fr;padding:13px}.today-pulse a{grid-column:1/-1;justify-content:flex-end}.analytics-toolbar{padding:15px}.date-range-form{display:grid;grid-template-columns:1fr 1fr}.date-range-form .btn{grid-column:1/-1}.range-presets{overflow-x:auto}.stats-six,.user-stats-grid,.employee-stats-grid{grid-template-columns:1fr 1fr}.premium-stats .stat-card,.user-stats-grid .stat-card,.employee-stats-grid .stat-card{padding:13px;gap:9px}.stat-card .stat-icon{width:36px;height:36px;border-radius:11px}.stat-card>div>strong{font-size:21px}.insight-grid{grid-template-columns:1fr 1fr}.insight-card{padding:12px}.donut-wrap{grid-template-columns:1fr}.donut-chart{width:160px;height:160px}.donut-chart:after{width:100px;height:100px}.staff-row{grid-template-columns:25px 36px minmax(120px,1fr) 44px}.employee-card{grid-template-columns:auto 1fr}.employee-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid var(--line);padding-top:9px}.employee-name-row{align-items:flex-start}.employee-mini-stats{grid-template-columns:repeat(2,1fr)}.app-header{padding:0 13px}.header-tools{gap:5px}.line-chart{height:270px}.chart-panel{min-height:370px}}
.orders-filters-v6{grid-template-columns:minmax(240px,1.4fr) 160px 190px 145px 145px auto auto;align-items:end}.compact-filter-label{font-size:8px;font-weight:800;color:var(--muted)}.compact-filter-label span{display:block;margin-bottom:3px}.compact-filter-label input{margin-top:0!important}.filter-search{min-width:0}
@media(max-width:1200px){.orders-filters-v6{grid-template-columns:repeat(3,minmax(0,1fr))}.orders-filters-v6 .filter-search{grid-column:span 2}}
@media(max-width:720px){.orders-filters-v6{grid-template-columns:1fr 1fr}.orders-filters-v6 .filter-search{grid-column:1/-1}.orders-filters-v6 .btn{width:100%}}