:root{--surface: #f8f9ff;--surface-low: #f1f3ff;--surface-container: #e9edff;--surface-high: #e1e8fd;--surface-highest: #dce2f7;--white: #ffffff;--ink: #0a1020;--muted: #5b6271;--outline: #c8ccd8;--outline-soft: #e4e7ef;--navy: #0b1f3a;--navy-2: #122b50;--sky: #3dbbf2;--sky-dark: #00668a;--green: #35d16f;--green-bg: #d9fae4;--amber: #f59e0b;--amber-bg: #fff2c7;--red: #c91d1d;--red-bg: #ffdad6;--purple: #7458d4;--sidebar: 256px;--topbar: 72px;color-scheme:light;font-family:Inter,IBM Plex Sans Arabic,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--surface);color:var(--ink)}body{font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}table{border-collapse:collapse;width:100%}[dir=rtl] body,[dir=rtl] input,[dir=rtl] button{font-family:IBM Plex Sans Arabic,Inter,sans-serif}.phone-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:left;font-variant-numeric:tabular-nums}input.phone-ltr{display:block;width:100%}.thermal-receipt{display:none}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga"}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c5cad7;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#9ca3b3}.app-shell{min-height:100vh;background:var(--surface)}.side-nav{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);z-index:50;background:#f7f8fe;border-inline-end:1px solid var(--outline);display:flex;flex-direction:column;padding:28px 16px 18px;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:0 8px;margin-bottom:26px}.brand-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--navy);color:#fff}.brand-mark .material-symbols-outlined{color:#fff;font-size:25px}.brand-copy strong{display:block;font-size:21px;letter-spacing:-.03em}.brand-copy span{color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.primary-nav-button{min-height:52px;border:0;border-radius:9px;padding:0 18px;margin:0 4px 22px;background:var(--navy);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px 12px #0b1f3a14;transition:transform .15s,background .15s}.primary-nav-button:hover{background:#142f55;transform:translateY(-1px)}.nav-section{display:grid;gap:3px}.nav-link{min-height:44px;padding:0 14px;display:flex;align-items:center;gap:14px;border-radius:8px;color:#363d4c;border-inline-start:4px solid transparent;transition:background .15s,color .15s}.nav-link:hover{background:#edf0fb;color:var(--ink)}.nav-link.active{background:#e5eafd;color:var(--ink);font-weight:700;border-inline-start-color:var(--sky-dark)}.nav-link .material-symbols-outlined{width:24px;font-size:23px}.nav-link .nav-label{flex:1}.nav-link .nav-dot{width:7px;height:7px;background:var(--red);border-radius:50%}.nav-footer{margin-top:auto;padding:18px 6px 0;border-top:1px solid var(--outline)}.nav-footer .nav-link{color:var(--muted)}.version{padding:8px 14px 0;font-size:10px;color:#8b91a0}.top-bar{position:fixed;inset-block-start:0;inset-inline-start:var(--sidebar);inset-inline-end:0;height:var(--topbar);z-index:40;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#f8f9fff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--outline);gap:22px}.top-left,.top-actions,.profile{display:flex;align-items:center}.top-left{gap:28px;flex:1}.top-actions{gap:8px}.search-box{width:min(440px,40vw);height:44px;padding:0 16px;display:flex;align-items:center;gap:10px;background:#f0f2fc;border:1px solid transparent;border-radius:24px;color:var(--muted)}.search-box:focus-within{background:#fff;border-color:var(--sky-dark);box-shadow:0 0 0 3px #3dbbf21f}.search-box input{flex:1;border:0;outline:0;background:transparent;min-width:0;color:var(--ink)}.branch-selector{display:flex;gap:18px;align-items:center;white-space:nowrap}.branch-selector strong{border-bottom:2px solid var(--sky-dark);padding:11px 0 9px}.branch-selector span{color:var(--muted)}.icon-button{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center}.icon-button:hover{background:var(--surface-container)}.icon-button .notification-dot{position:absolute;width:7px;height:7px;background:var(--red);border:1px solid #fff;border-radius:50%;top:8px;right:8px}.top-divider{height:34px;width:1px;background:var(--outline);margin:0 6px}.profile{gap:11px}.profile-meta{text-align:end;line-height:1.2}.profile-meta strong{display:block;font-size:14px}.profile-meta span{color:var(--muted);font-size:10px}.avatar{width:39px;height:39px;border:2px solid var(--sky-dark);border-radius:50%;background:linear-gradient(135deg,#c9ddf6,#0b1f3a);display:grid;place-items:center;color:#fff;font-weight:700}.language-toggle{height:34px;border:1px solid var(--outline);background:#fff;border-radius:18px;padding:0 12px;font-weight:700;color:var(--sky-dark)}.main-canvas{min-height:100vh;margin-inline-start:var(--sidebar);padding-top:var(--topbar)}.cashier-shell{--sidebar: 156px;--topbar: 64px}.cashier-shell .side-nav{padding:18px 10px 14px}.cashier-shell .brand{justify-content:center;gap:8px;padding:0;margin-bottom:18px}.cashier-shell .brand-mark{width:42px;height:42px}.cashier-shell .brand-copy strong{font-size:19px}.cashier-shell .brand-copy span{font-size:9px;letter-spacing:.1em}.cashier-shell .primary-nav-button{min-height:46px;margin:0 0 16px;padding:0 10px;gap:8px;font-size:13px}.cashier-shell .primary-nav-button .material-symbols-outlined{font-size:20px}.cashier-shell .nav-section{gap:4px}.cashier-shell .nav-link{min-height:46px;padding:0 10px;gap:10px;border-inline-start-width:3px}.cashier-shell .nav-link .material-symbols-outlined{width:22px;font-size:22px}.cashier-shell .nav-link .nav-label{font-size:13px}.cashier-shell .nav-footer{display:flex;justify-content:center;padding:14px 0 0}.cashier-shell .nav-footer .nav-link{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;border-inline-start:0}.cashier-shell .nav-footer .nav-label,.cashier-shell .version{display:none}.cashier-shell .top-bar{height:var(--topbar);padding:0 18px;gap:12px}.cashier-shell .top-left{gap:16px;min-width:0}.cashier-shell .top-bar .search-box{width:min(420px,36vw);height:40px}@media print{@page{size:80mm auto;margin:3mm}body.printing-receipt{background:#fff}body.printing-receipt *{visibility:hidden!important}body.printing-receipt .thermal-receipt,body.printing-receipt .thermal-receipt *{visibility:visible!important}body.printing-receipt .thermal-receipt{display:block!important;position:absolute;inset-block-start:0;inset-inline-start:0;width:72mm;padding:0;color:#000;background:#fff;font-family:Courier New,IBM Plex Sans Arabic,monospace;font-size:10px;line-height:1.28}body.printing-receipt .receipt-center{text-align:center}body.printing-receipt .receipt-title{font-size:15px;font-weight:800;margin:0 0 2px}body.printing-receipt .receipt-muted{color:#000;font-size:9px}body.printing-receipt .receipt-rule{border:0;border-top:1px dashed #000;margin:7px 0}body.printing-receipt .receipt-row,body.printing-receipt .receipt-total-row{display:flex;justify-content:space-between;gap:8px}body.printing-receipt .receipt-item{margin:6px 0}body.printing-receipt .receipt-item-main{display:flex;justify-content:space-between;gap:8px;font-weight:700}body.printing-receipt .receipt-item-sub{display:flex;justify-content:space-between;gap:8px;font-size:9px}body.printing-receipt .receipt-total-row.grand{font-size:13px;font-weight:800;border-top:1px solid #000;margin-top:5px;padding-top:5px}}.cashier-shell .branch-selector{gap:0}.cashier-shell .branch-selector strong{padding:9px 0 7px;font-size:14px}.cashier-shell .top-actions{gap:6px}.cashier-shell .top-divider{margin:0 4px}.cashier-shell .language-toggle{height:32px;padding:0 10px}.cashier-shell .avatar{width:36px;height:36px}.cashier-shell .profile-meta strong{font-size:13px}.cashier-shell .profile-meta span{font-size:10px}.page{padding:34px 30px 46px;max-width:1720px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading h1{margin:0 0 5px;font-size:28px;line-height:1.15;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted);font-size:15px}.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{min-height:42px;border:1px solid var(--outline);border-radius:8px;padding:0 16px;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:.15s}.button:hover{border-color:#9ca3b3;transform:translateY(-1px)}.button.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.button.primary:hover{background:#143157}.button.sky{background:var(--sky);color:#06213a;border-color:var(--sky-dark)}.button.ghost{background:transparent}.button.danger{background:var(--red-bg);color:var(--red);border-color:#f3aaa2}.button.small{min-height:34px;padding:0 11px;font-size:12px}.button.wide{width:100%}.segmented{min-height:46px;display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--outline);border-radius:10px;background:var(--surface-container)}.segmented button{height:36px;border:0;padding:0 18px;border-radius:7px;background:transparent;color:var(--muted)}.segmented button.active{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 1px 3px #0a102014}.card{background:#fff;border:1px solid var(--outline);border-radius:14px}.card-header{padding:22px 24px 10px;display:flex;justify-content:space-between;align-items:center;gap:16px}.card-header h2,.card-header h3{margin:0;font-size:19px;letter-spacing:-.02em}.card-header p{margin:4px 0 0;color:var(--muted)}.card-body{padding:18px 24px 24px}.card.flush .card-body{padding:0}.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:16px;margin-bottom:24px}.metric-card{min-height:175px;padding:20px;border:1px solid var(--outline);background:#fff;border-radius:14px;position:relative;overflow:hidden}.metric-card.dark{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 8px 20px #0b1f3a29}.metric-card.alert{background:var(--red-bg);border-color:var(--red);color:#8e0f0f}.metric-icon{position:absolute;top:19px;inset-inline-end:17px;color:currentColor;opacity:.9}.metric-label{max-width:92px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.dark .metric-label{color:#c9daf1}.alert .metric-label{color:#971515}.metric-value{margin:19px 0 3px;font-size:40px;line-height:1;font-weight:700;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.metric-note{font-size:12px;color:var(--muted)}.metric-note.positive{color:var(--sky-dark);font-weight:700}.dark .metric-note{color:#d8e9ff}.alert .metric-note{color:#971515;text-decoration:underline;font-weight:600}.metric-progress{height:4px;margin-top:18px;border-radius:3px;background:#e7ebfc;overflow:hidden}.metric-progress span{height:100%;display:block;background:var(--sky-dark)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);gap:24px;margin-bottom:24px}.dashboard-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.chart-box{height:265px;padding:18px 4px 4px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid var(--outline);position:relative}.chart-box:before,.chart-box:after{content:"";position:absolute;inset-inline:0;border-top:1px dashed #e5e8f0}.chart-box:before{top:35%}.chart-box:after{top:68%}.bar-group{flex:1;height:100%;display:flex;gap:3px;align-items:flex-end;position:relative;z-index:1}.bar{flex:1;min-width:5px;background:var(--sky-dark);border-radius:4px 4px 0 0}.bar.projected{background:var(--sky);opacity:.75}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}.progress-list{display:grid;gap:20px}.progress-item-head{display:flex;justify-content:space-between;margin-bottom:7px}.progress-item-head strong{font-variant-numeric:tabular-nums}.progress-track{height:9px;border-radius:6px;background:#e5e9fa;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--navy);border-radius:inherit}.alert-stack{display:grid;gap:10px}.alert-row{padding:13px 14px;border-inline-start:4px solid var(--sky);background:var(--surface-low);border-radius:8px;display:flex;gap:12px}.alert-row.critical{border-inline-start-color:var(--red)}.alert-row strong{display:block}.alert-row small{color:var(--muted)}.alert-row em{display:block;margin-top:3px;color:var(--red);font-size:11px;font-style:normal;font-weight:700}.inventory-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--outline-soft);align-items:center}.inventory-row:last-child{border:0}.soft-icon{width:40px;height:40px;border-radius:8px;background:var(--surface-container);display:grid;place-items:center;color:var(--navy)}.inventory-row small{color:var(--muted);display:block}.inventory-count{color:var(--red);font-size:16px;font-weight:700;text-align:end}.activity-list{border-inline-start:1px solid var(--outline);margin-inline-start:7px;padding-inline-start:19px;display:grid;gap:20px}.activity{position:relative}.activity:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--sky-dark);inset-inline-start:-24px;top:5px}.activity.success:before{background:var(--green)}.activity strong{font-size:13px}.activity small{display:block;color:var(--muted);margin-top:2px}.filters{padding:15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.field,.filter-control{min-height:43px;border:1px solid var(--outline);background:#fff;border-radius:8px;padding:0 13px;color:var(--ink);outline:0}.field:focus,.filter-control:focus{border-color:var(--sky-dark);box-shadow:0 0 0 3px #3dbbf21f}.filter-control{display:flex;align-items:center;gap:8px}.filter-spacer{flex:1}.data-table{font-size:13px}.data-table th{background:var(--surface-container);color:#4e5564;font-size:11px;text-transform:uppercase;letter-spacing:.04em;text-align:start;padding:13px 16px;position:sticky;top:0;z-index:2}.data-table td{padding:16px;border-top:1px solid var(--outline-soft);vertical-align:middle}.data-table tbody tr:hover{background:#fafbff}.table-primary{font-weight:700;color:var(--ink)}.table-secondary{color:var(--muted);font-size:11px;margin-top:2px}.amount{font-variant-numeric:tabular-nums;font-weight:600}.status-pill{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 9px;border-radius:999px;background:var(--surface-container);color:#4e5564;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.washing{background:#d9edff;color:#00658b}.status-pill.ready,.status-pill.paid,.status-pill.active{background:var(--green-bg);color:#18733a}.status-pill.ironing,.status-pill.partial,.status-pill.warning{background:var(--amber-bg);color:#9b6300}.status-pill.received{background:#e4e8f4;color:#606777}.status-pill.failed,.status-pill.overdue,.status-pill.critical{background:var(--red-bg);color:var(--red)}.status-pill.packaging{background:#eae3ff;color:#6645b8}.table-footer{padding:14px 16px;border-top:1px solid var(--outline);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.pagination{display:flex;gap:5px}.pagination button{width:34px;height:34px;border-radius:6px;border:1px solid var(--outline);background:#fff}.pagination button.active{background:var(--navy);color:#fff}.toast{position:fixed;z-index:100;inset-inline-end:26px;inset-block-end:26px;min-width:300px;max-width:420px;padding:15px 18px;color:#fff;background:#18243a;border-radius:10px;box-shadow:0 15px 40px #0a102040;display:flex;align-items:center;gap:12px;animation:toast-in .2s ease-out}.toast.success{background:#154b2c}.toast.error{background:#861616}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.empty-state{min-height:260px;padding:44px 20px;text-align:center;display:grid;place-items:center}.empty-state .material-symbols-outlined{font-size:48px;color:#98a0af}.empty-state h3{margin:12px 0 5px}.empty-state p{color:var(--muted)}@media(max-width:1280px){:root{--sidebar: 224px}.cashier-shell{--sidebar: 140px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric-card{min-height:150px}.dashboard-bottom{grid-template-columns:repeat(2,1fr)}.dashboard-bottom .card:last-child{grid-column:span 2}.profile-meta{display:none}}@media(max-width:1100px){.cashier-shell{--sidebar: 86px}.cashier-shell .brand-copy,.cashier-shell .primary-nav-button span:not(.material-symbols-outlined),.cashier-shell .nav-link .nav-label,.cashier-shell .version{display:none}.cashier-shell .side-nav{padding-inline:10px}.cashier-shell .primary-nav-button{padding:0}.cashier-shell .nav-link{justify-content:center;padding:0}.cashier-shell .nav-link .material-symbols-outlined{width:auto}.cashier-shell .top-bar .search-box{width:min(360px,34vw)}}@media(max-width:900px){:root{--sidebar: 78px}.side-nav{padding-inline:10px}.brand{justify-content:center;padding:0}.brand-copy{display:none}.brand-mark{width:44px}.primary-nav-button{padding:0;margin-inline:0}.primary-nav-button span:not(.material-symbols-outlined){display:none}.nav-link{padding:0;justify-content:center}.nav-label,.version{display:none}.nav-link .material-symbols-outlined{width:auto}.nav-footer{padding-inline:0}.top-bar{padding-inline:16px}.branch-selector{display:none}.search-box{width:auto;flex:1}.top-left{gap:10px}.page{padding:24px 18px 38px}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.dashboard-bottom .card:last-child{grid-column:auto}.data-table{min-width:860px}.table-scroll{overflow:auto}}@media(max-width:600px){:root{--sidebar: 0px;--topbar: 64px}.side-nav{display:none}.top-bar{inset-inline-start:0}.search-box{display:none}.top-left{flex:1}.mobile-brand{display:flex!important}.page{padding:20px 14px 84px}.page-heading h1{font-size:24px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px;min-height:130px}.metric-value{font-size:30px}.metric-grid .metric-card:nth-child(n+5){display:none}.heading-actions{width:100%}.heading-actions .button{flex:1}.toast{inset-inline:14px;min-width:0;inset-block-end:82px}}.mobile-brand{display:none;align-items:center;gap:9px;font-weight:800;font-size:18px}.mobile-brand .brand-mark{width:34px;height:34px;border-radius:8px}