@charset "UTF-8";
@font-face{font-family:"Tajawal";src:url("/fonts/Tajawal-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Tajawal";src:url("/fonts/Tajawal-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Tajawal";src:url("/fonts/Tajawal-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#203d36;--green:#164b40;--lime:#dcf2b3;--muted:#7b8984;--line:#e6ebe7;--paper:#f6f8f5;--white:#fff;--red:#aa3f3f;font-family:"Tajawal",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:14px}
*{box-sizing:border-box}body{margin:0;line-height:1.7;font-weight:400}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #80ab68;outline-offset:3px}input:focus,select:focus{outline:2px solid #81ab92;border-color:transparent}a{color:inherit;text-decoration:none}button{border:0}h1,h2,p{margin-top:0}h1{font-size:29px;font-weight:700;line-height:1.6;letter-spacing:0;margin-bottom:6px}h2{font-size:18px;line-height:1.5;margin-bottom:6px}p{line-height:1.9}small,.small{font-size:11px;line-height:1.9}.muted{color:var(--muted)}[hidden]{display:none!important}.primary,.secondary,.danger{padding:13px 21px;border-radius:9px;font-weight:700;line-height:1.5;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover{background:#226051}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary:hover{background:#f0f5ef}.danger{background:#a63636;color:white}.wide{width:100%}.small-button{padding:9px 13px;font-size:12px}.text-button{background:transparent;color:var(--green);padding:14px}.icon-button{width:34px;height:34px;border-radius:8px;background:transparent;font-size:24px;color:var(--muted)}.icon-button:hover{background:var(--paper)}.eyebrow{font-size:11px;letter-spacing:.5px;display:block;margin-bottom:12px;font-weight:700}.green{color:#608174}.brand{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:700}.brand-sub{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:3px}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:30px;padding:6px 12px;font-size:10px;background:#fff;color:#6b7d73}.error{color:var(--red);font-size:12px;line-height:1.8;margin:12px 0;min-height:0}label{display:block;font-size:12px;font-weight:700}label>input:not([type=checkbox]),label>select{display:block;margin-top:9px;width:100%}input,select{border:1px solid #dfe6df;padding:13px;border-radius:8px;background:#fff;color:var(--ink);min-width:0}input::placeholder{color:#a1aaa4;font-size:12px}form>label{margin:20px 0}#notice{position:fixed;bottom:24px;left:24px;max-width:min(460px,90vw);padding:16px 22px;background:var(--green);color:white;z-index:20;border-radius:12px;box-shadow:0 10px 50px #163f4025;line-height:1.8}#notice[data-error=true]{background:#8e3737}
.welcome{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.welcome-story{padding:60px 12%;background:#123e35;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.welcome-story .brand{position:absolute;top:40px}.welcome-story .brand-sub{color:#acbfb2}.welcome-story .eyebrow{margin-top:60px;color:#c9e5a1}.welcome-story h1{font-size:62px;line-height:1.5;letter-spacing:0;margin:12px 0 20px}.welcome-story p{color:#b8cdc2;font-size:15px;line-height:2.2}.story-chart{display:flex;align-items:end;gap:10px;height:155px;padding-top:25px;direction:ltr;border-bottom:1px solid #ffffff26;margin:22px 0 28px}.story-chart span{flex:1;height:35%;background:#d5efab24;border-radius:6px 6px 0 0}.story-chart span:nth-child(2n){height:48%;background:#d5efab55}.story-chart span:nth-child(3n){height:65%}.story-chart span:nth-child(4n){height:82%}.story-chart span:last-child{height:100%;background:#dcf2b3}.story-foot{display:flex;gap:20px;color:#acc3b4;font-size:10px}.story-foot span:before{content:'✓';margin-left:7px;color:#d0e9ac}.auth-side{display:flex;align-items:center;justify-content:center;padding:45px 30px;background:#fcfdfb}.auth-card{width:100%;max-width:370px}.auth-card h2{font-size:25px;margin:24px 0 8px}.auth-card .muted{font-size:12px}.tabs{display:flex;background:#edf1eb;padding:4px;border-radius:9px;margin:25px 0}.tabs button{width:50%;padding:11px;background:transparent;color:var(--muted);border-radius:7px}.tabs .active{background:white;color:var(--green);box-shadow:0 2px 5px #183f3410}.or{text-align:center;font-size:10px;color:#9aa49d;border-top:1px solid var(--line);margin:28px 0 20px;height:0}.or span{background:#fcfdfb;padding:0 12px;position:relative;top:-8px}.auth-card .small{margin-top:22px}
.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.sidebar{background:white;border-left:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 10px}.side-caption{font-size:10px;color:#a3ada6;margin:52px 14px 15px}.nav{display:flex;align-items:center;gap:13px;width:100%;text-align:right;padding:14px;border-radius:8px;background:transparent;color:#7d8980;margin-bottom:8px;font-size:12px}.nav>span:first-child{font-size:19px}.nav.active{color:var(--green);background:#edf4e9;font-weight:700}.count{margin-right:auto;background:white;padding:2px 7px;border-radius:4px;font-size:10px}.side-help{margin:auto 8px 24px;padding:20px 14px;background:#f5f8f1;border:1px solid #e9eee3;border-radius:10px}.side-help strong{display:block;font-size:12px;margin:8px 0}.side-help p{font-size:10px;color:var(--muted);line-height:1.9;margin-bottom:15px}.side-help a{font-size:10px;color:#52794b}.lock-icon{font-size:24px;color:#8ba66d}.profile{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding-top:21px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ecefdf;color:#67805a;font-weight:700}.profile strong{display:block;font-size:11px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.profile .icon-button{margin-right:auto}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffaa;padding:0 35px;font-size:11px}.breadcrumb{color:#9aa69c;margin-left:6px}.top-actions{display:flex;gap:13px;align-items:center}.top-actions>.pill:before{content:'●';font-size:7px;color:#80a571;margin-left:7px}.content{padding:22px 35px 0;max-width:1540px;margin:auto}.local-note{color:#909b91;font-size:10px;margin-bottom:24px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.heading-row p{font-size:12px;margin-bottom:0}.heading-row .eyebrow{margin-bottom:4px}.heading-row .primary{font-size:11px}.filters{display:flex;gap:14px;align-items:center;margin-bottom:23px;padding:15px 19px;background:#fff;border:1px solid var(--line);border-radius:11px}.filters label{display:flex;align-items:center;gap:11px;font-size:10px;color:var(--muted)}.filters label>input,.filters label>select{margin:0;padding:9px 12px;width:auto;font-size:11px;background:#fafcf8;border:1px solid var(--line);min-width:145px;color:var(--ink)}.sync-status{margin-right:auto;font-size:10px;color:var(--muted);line-height:1.8}.metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:15px;margin-bottom:24px}.metric{padding:23px;border:1px solid var(--line);background:white;border-radius:12px;min-height:153px}.metric.featured{background:var(--green);color:white;border-color:var(--green)}.metric-title{font-size:11px;display:flex;align-items:center;justify-content:space-between;color:#859287}.metric-title>span{font-size:20px;font-weight:400}.featured .metric-title{color:#c4d4b9}.metric-value{font-family:"Tajawal",Tahoma,Arial,sans-serif;font-size:30px;font-weight:700;letter-spacing:0;margin:13px 0 9px;white-space:nowrap;direction:ltr;text-align:right}.metric-value small{font-size:12px;font-weight:400;letter-spacing:0;color:#9cae9f}.metric-note{font-size:9px;color:#919e92}.featured .metric-note{color:#b4cbb3}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 18px}.panel-title h2{font-size:15px;margin-bottom:4px}.panel-title p{font-size:10px;margin-bottom:0}.legend{font-size:10px;color:#7e8c82;display:flex;align-items:center;gap:7px}.legend i{height:8px;width:8px;border-radius:50%;background:#377661}.chart-wrap{padding:5px 20px 0;direction:ltr}.chart-wrap svg{width:100%;height:auto;min-height:170px;max-height:290px;display:block;overflow:visible}.chart-wrap text{fill:#9ba69d;font-size:10px;font-family:"Tajawal",Tahoma,Arial,sans-serif}.chart-wrap .grid{stroke:#eef1ec;stroke-dasharray:4 5}.chart-footer{display:flex;justify-content:space-between;padding:8px 26px 20px;font-size:10px;color:#8c998e}.table-scroll{overflow:auto;max-height:480px}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:12px}th{background:#fafcf8;color:#8a978b;font-size:10px;font-weight:400;position:sticky;top:0;z-index:1}th,td{padding:16px 25px;border-bottom:1px solid #edf1e9}tbody tr:last-child td{border-bottom:0}td{font-size:11px}td:nth-child(2){font-weight:700;font-family:"Tajawal",Tahoma,Arial,sans-serif}td button{background:#f0f5eb;color:#497854;padding:7px 12px;border-radius:6px;font-size:10px}tbody tr:hover{background:#fafcf8}.future-row{color:#acb4aa}.date-cell small{color:#a3ada0;margin-right:8px;font-size:9px}.report-note{font-size:10px;color:#869486;line-height:2;padding:0 3px}.banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:#f0f3d9;border:1px solid #dfe8b5;border-radius:9px;color:#66713f;font-size:11px;margin-bottom:17px;line-height:1.8}.banner button{background:none;color:#4d6436;font-size:11px;white-space:nowrap}.empty{text-align:center;border:1px dashed #d7e1d1;border-radius:14px;padding:65px 20px;background:#fff;margin:20px 0 80px}.empty-icon{background:#eff4e6;color:#7b965a;border-radius:19px;width:70px;height:70px;display:grid;place-items:center;margin:0 auto 23px;font-size:34px}.empty h2{font-size:22px}.empty p{font-size:12px;color:var(--muted);max-width:400px;margin:12px auto 24px}.empty .primary{display:block;margin:auto}.progress-panel{padding:15px 20px;background:#eef4e9;border:1px solid #dce7d4;border-radius:9px;margin-bottom:20px;font-size:12px}.progress-panel small{color:var(--muted);display:block;margin-top:5px}progress{display:block;width:100%;height:6px;margin-top:12px;accent-color:var(--green)}footer{padding:28px 0 22px;border-top:1px solid var(--line);font-size:10px;color:#98a28f;margin-top:36px}footer span{margin:0 8px}.footer-version{float:left}.stores-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:300px}.store-card{padding:26px;border:1px solid var(--line);border-radius:12px;background:white;align-self:start}.store-card h2{margin:15px 0 7px}.store-card p{font-size:11px;color:var(--muted)}.store-actions{display:flex;gap:12px;margin-top:20px}.store-actions button{font-size:11px}.store-actions .text-button{color:var(--red)}dialog{border:1px solid #dfe7db;border-radius:16px;padding:30px;width:min(530px,calc(100vw - 30px));max-height:90vh;color:var(--ink);box-shadow:0 24px 90px #102f2930}dialog::backdrop{background:#14332865;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.dialog-head h2{font-size:23px}.dialog-head .eyebrow{font-size:9px}.dialog-head .icon-button{flex-shrink:0}dialog p{font-size:12px}.check{display:flex;gap:11px;align-items:flex-start;font-weight:400;font-size:11px;line-height:1.9}.check input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;margin-top:3px}.soft-note{padding:13px;border-radius:8px;background:#f3f6ee;color:#798970;font-size:10px;line-height:1.9}.day-dialog{width:min(720px,calc(100vw - 30px))}.order-id{font-family:monospace;direction:ltr}.status-badge{padding:5px 10px;background:#edf4e8;border-radius:4px;color:#66805b;font-size:10px}
@media(min-width:1600px){.welcome-story{padding-right:17%;padding-left:17%}.content{padding-right:45px;padding-left:45px}.metric-value{font-size:36px}}
@media(max-width:1100px){.workspace{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:26px 12px}.content{padding:20px}.topbar{padding:0 20px}.metric{padding:17px}.metrics{gap:10px}.metric-value{font-size:25px}.sync-status{max-width:170px}.welcome-story h1{font-size:48px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:16px 20px;flex-direction:row;gap:15px;align-items:center;border-bottom:1px solid var(--line);border-left:0}.sidebar .brand{font-size:23px;padding:0}.sidebar .brand img{width:33px;height:33px}.sidebar .brand-sub,.side-caption,.side-help,.profile{display:none}.nav{width:auto;margin:0;padding:9px 12px}.sidebar .nav:first-of-type{margin-right:auto}.topbar{height:65px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{min-height:140px}.metric-value{font-size:29px}.filters{flex-wrap:wrap}.sync-status{max-width:none;width:100%;margin-top:5px}.welcome-story{padding:50px 10%}.welcome-story h1{font-size:42px}.story-foot{flex-wrap:wrap;gap:12px}.welcome-story .brand{top:25px}.stores-list{grid-template-columns:1fr}}
@media(max-width:600px){.welcome{grid-template-columns:1fr}.welcome-story{padding:30px 24px}.welcome-story .brand{position:static}.welcome-story .eyebrow{margin-top:30px}.welcome-story h1{font-size:38px;margin:0 0 12px;line-height:1.35}.welcome-story h1 br{display:none}.welcome-story p{font-size:12px;margin-bottom:0}.story-chart,.story-foot{display:none}.auth-side{padding:28px 24px}.auth-card h2{margin-top:18px;font-size:23px}.sidebar{padding:14px 16px;gap:8px}.nav{padding:8px;font-size:11px}.nav>span:first-child{display:none}.sidebar .brand{font-size:21px}.topbar{padding:0 16px;font-size:10px}.top-actions>.pill{display:none}.top-actions{gap:6px}.content{padding:18px 15px 0}.heading-row{align-items:flex-start;gap:8px;margin-bottom:19px}.heading-row h1{font-size:22px}.heading-row .eyebrow{font-size:9px}.heading-row p{font-size:10px}.heading-row .primary{padding:10px;font-size:10px;margin-top:18px}.local-note{font-size:9px;line-height:1.8;margin-bottom:20px}.filters{padding:13px;gap:13px}.filters label{width:100%;justify-content:space-between}.filters label>input,.filters label>select{width:75%;min-width:0}.metrics{gap:10px}.metric{padding:15px 13px;min-height:133px}.metric-title{font-size:10px}.metric-value{font-size:25px;margin:14px 0 8px}.metric-note{font-size:8px}.metric-value small{font-size:9px}.panel-title{padding:20px 16px 15px}.panel-title h2{font-size:14px}.panel-title p{font-size:9px}.chart-wrap{padding:0 9px}.chart-wrap svg{min-height:120px}.chart-footer{padding:7px 16px 18px;font-size:9px}th,td{padding:14px 16px}.date-cell small{display:none}.banner{font-size:10px;align-items:flex-start;flex-direction:column;gap:7px}.banner button{font-size:10px}.empty{padding:42px 20px}.empty h2{font-size:19px}.empty p{font-size:11px}dialog{padding:23px}.dialog-head h2{font-size:21px}.report-note{font-size:9px}.footer-version{float:none;display:block;margin:10px 0 0}.day-dialog th,.day-dialog td{padding:13px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

label,.nav,th{font-weight:500}.metric-value,td:nth-child(2){font-variant-numeric:tabular-nums}