:root{--primary-50: #e6f7f1;--primary-100: #c2eadc;--primary-200: #8fd9be;--primary-300: #5cc8a0;--primary-400: #2db885;--primary-500: #0D8B6B;--primary-600: #0a7359;--primary-700: #085c47;--primary-800: #054535;--primary-900: #032e23;--secondary-50: #f0f9ff;--secondary-100: #e0f2fe;--secondary-200: #bae6fd;--secondary-300: #7dd3fc;--secondary-400: #38bdf8;--secondary-500: #0369a1;--secondary-600: #075985;--secondary-700: #0c4a6e;--secondary-800: #083344;--secondary-900: #082f49;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #15803d;--success-600: #166534;--success-700: #14532d;--info-50: var(--secondary-50);--info-100: var(--secondary-100);--info-500: var(--secondary-500);--info-700: var(--secondary-700);--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #d97706;--warning-600: #b45309;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #b91c1c;--danger-600: #991b1b;--danger-700: #7f1d1d;--font-family: "Tajawal", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--focus-ring: rgba(13, 139, 107, .35);--overlay: rgba(0, 0, 0, .45);--link: var(--primary-600);--link-hover: var(--primary-700);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--sidebar-width: 260px;--header-height: 64px}[data-theme=light],:root{--bg-primary: #fafaf9;--bg-secondary: #fafaf9;--bg-tertiary: #f5f5f4;--bg-hover: #e7e5e4;--bg-active: #d6d3d1;--text-primary: #0c0a09;--text-secondary: #57534e;--text-tertiary: #78716c;--text-muted: #a8a29e;--text-inverse: #ffffff;--border-light: #e7e5e4;--border-medium: #d6d3d1;--border-dark: #a8a29e;--card-bg: #ffffff;--card-border: #e7e5e4;--sidebar-bg: #ffffff;--sidebar-text: #1e293b;--sidebar-muted: #64748b;--sidebar-hover: rgba(25, 116, 86, .08);--sidebar-active: rgba(25, 116, 86, .12);--sidebar-divider: #e2e8f0;--header-bg: #ffffff;--header-border: #e7e5e4;--input-bg: #ffffff;--input-border: #e7e5e4;--input-focus: #0D8B6B;--focus-ring: rgba(13, 139, 107, .35);--overlay: rgba(0, 0, 0, .45);--link: var(--primary-600);--link-hover: var(--primary-700);--summary-row-bg: var(--primary-50);--hero-gradient: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--hero-text: #ffffff}[data-theme=dark]{--bg-primary: #0b1220;--bg-secondary: #0b1220;--bg-tertiary: #16213a;--bg-hover: #1b2740;--bg-active: #24324d;--text-primary: #e6edf6;--text-secondary: #a9b7d0;--text-tertiary: #8fa0bd;--text-muted: #6e7d99;--text-inverse: #0b1220;--border-light: #24324d;--border-medium: #30415f;--border-dark: #41557a;--card-bg: #111a2e;--card-border: #24324d;--sidebar-bg: #111a2e;--sidebar-text: #e6edf6;--sidebar-muted: #a9b7d0;--sidebar-hover: rgba(13, 139, 107, .12);--sidebar-active: rgba(13, 139, 107, .2);--sidebar-divider: #24324d;--header-bg: #111a2e;--header-border: #24324d;--input-bg: #111a2e;--input-border: #24324d;--input-focus: #0D8B6B;--primary-200: #8fd9be;--primary-300: #5cc8a0;--primary-400: #2db885;--primary-500: #0D8B6B;--primary-600: #0a7359;--primary-700: #085c47;--secondary-100: rgba(56, 189, 248, .18);--secondary-300: #7dd3fc;--secondary-400: #38bdf8;--secondary-500: #38bdf8;--secondary-700: #0ea5e9;--success-50: rgba(34, 197, 94, .14);--success-100: rgba(34, 197, 94, .22);--success-500: #22c55e;--success-600: #16a34a;--success-700: #86efac;--warning-50: rgba(245, 158, 11, .14);--warning-100: rgba(245, 158, 11, .22);--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: rgba(239, 68, 68, .14);--danger-100: rgba(239, 68, 68, .22);--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #fca5a5;--focus-ring: rgba(20, 184, 166, .35);--overlay: rgba(0, 0, 0, .6);--link: var(--primary-300);--link-hover: var(--primary-200);--summary-row-bg: rgba(20, 184, 166, .12);--hero-gradient: linear-gradient(135deg, #0f2f2a 0%, #081c1a 100%);--hero-text: #ffffff}[data-theme=green]{--primary: #017769;--primary-light: #02998a;--primary-dark: #015a50;--primary-contrast: #ffffff;--secondary: #B7975D;--secondary-light: #c8ac7a;--secondary-dark: #9a7c45;--secondary-contrast: #ffffff;--accent: #017769;--accent-light: #02998a;--accent-dark: #015a50;--bg-primary: #f0f7f6;--bg-secondary: #e4f0ee;--bg-tertiary: #d8e9e6;--bg-hover: #cce2de;--bg-active: #c0dbd6;--text-primary: #0a2f2a;--text-secondary: #1a4a43;--text-tertiary: #2a655c;--text-muted: #4a8a80;--text-inverse: #ffffff;--border-light: #c0dbd6;--border-medium: #a0c9c2;--border-dark: #80b8ae;--card-bg: #ffffff;--card-border: #c0dbd6;--sidebar-bg: #017769;--sidebar-text: #ffffff;--sidebar-muted: rgba(255, 255, 255, .7);--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-active: rgba(255, 255, 255, .2);--sidebar-divider: rgba(255, 255, 255, .15);--header-bg: #ffffff;--header-border: #c0dbd6;--input-bg: #ffffff;--input-border: #c0dbd6;--input-focus: #017769;--primary-100: rgba(1, 119, 105, .1);--primary-200: #66b5aa;--primary-300: #33a395;--primary-400: #019180;--primary-500: #017769;--primary-600: #015a50;--primary-700: #013d36;--secondary-100: rgba(183, 151, 93, .15);--secondary-300: #c8ac7a;--secondary-400: #c0a16c;--secondary-500: #B7975D;--secondary-700: #9a7c45;--success-50: rgba(34, 197, 94, .08);--success-100: rgba(34, 197, 94, .15);--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: rgba(245, 158, 11, .08);--warning-100: rgba(245, 158, 11, .15);--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: rgba(239, 68, 68, .08);--danger-100: rgba(239, 68, 68, .15);--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--focus-ring: rgba(1, 119, 105, .25);--overlay: rgba(0, 30, 26, .5);--link: var(--primary-500);--link-hover: var(--primary-400);--summary-row-bg: rgba(1, 119, 105, .1);--hero-gradient: linear-gradient(135deg, #017769 0%, #015a50 100%);--hero-text: #ffffff}[data-theme=anthracite]{--bg-primary: #101215;--bg-secondary: #12161a;--bg-tertiary: #1a2026;--bg-hover: #20272f;--bg-active: #28313a;--text-primary: #eef1f4;--text-secondary: #c7cbd2;--text-tertiary: #a2a8b1;--text-muted: #7b828c;--text-inverse: #0f1215;--border-light: #222831;--border-medium: #2d3540;--border-dark: #3a4452;--card-bg: #151a20;--card-border: #222831;--sidebar-bg: #0f1216;--sidebar-text: #eef1f4;--sidebar-muted: #aab0ba;--sidebar-hover: rgba(26, 169, 138, .14);--sidebar-active: rgba(26, 169, 138, .22);--sidebar-divider: #1f2630;--header-bg: #151a20;--header-border: #222831;--input-bg: #151a20;--input-border: #2d3540;--input-focus: #1aa98a;--primary-50: #e6fbf6;--primary-100: #c2f1e5;--primary-200: #8fe2cf;--primary-300: #5ad3b8;--primary-400: #36c5a6;--primary-500: #1aa98a;--primary-600: #148a71;--primary-700: #0f6b58;--primary-800: #0a4d3f;--primary-900: #063327;--secondary-50: rgba(234, 179, 8, .12);--secondary-100: rgba(234, 179, 8, .2);--secondary-300: #facc15;--secondary-400: #eab308;--secondary-500: #ca8a04;--secondary-700: #a16207;--success-50: rgba(34, 197, 94, .12);--success-100: rgba(34, 197, 94, .2);--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: rgba(245, 158, 11, .12);--warning-100: rgba(245, 158, 11, .2);--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: rgba(239, 68, 68, .12);--danger-100: rgba(239, 68, 68, .2);--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--focus-ring: rgba(26, 169, 138, .35);--overlay: rgba(0, 0, 0, .6);--link: var(--primary-300);--link-hover: var(--primary-200);--summary-row-bg: rgba(26, 169, 138, .14);--hero-gradient: linear-gradient(135deg, #1f2a30 0%, #0f1418 100%);--hero-text: #ffffff}.status-new{--status-bg: var(--secondary-100);--status-text: var(--secondary-700);--status-border: var(--secondary-300)}.status-pending{--status-bg: var(--warning-100);--status-text: var(--warning-600);--status-border: var(--warning-500)}.status-supply,.status-consolidation{--status-bg: var(--primary-100);--status-text: var(--primary-700);--status-border: var(--primary-400)}.status-warehouse,.status-delivery,.status-onway{--status-bg: var(--secondary-100);--status-text: var(--secondary-700);--status-border: var(--secondary-400)}.status-completed{--status-bg: var(--success-100);--status-text: var(--success-700);--status-border: var(--success-500)}.status-delayed{--status-bg: var(--danger-100);--status-text: var(--danger-700);--status-border: var(--danger-500)}.status-canceled{--status-bg: var(--bg-tertiary);--status-text: var(--text-muted);--status-border: var(--border-medium)}[data-theme=dark] .status-new{--status-bg: rgba(56, 189, 248, .2);--status-text: var(--secondary-300)}[data-theme=dark] .status-pending{--status-bg: rgba(245, 158, 11, .2);--status-text: var(--warning-500)}[data-theme=dark] .status-supply,[data-theme=dark] .status-consolidation{--status-bg: rgba(15, 118, 110, .2);--status-text: var(--primary-400)}[data-theme=dark] .status-warehouse,[data-theme=dark] .status-delivery,[data-theme=dark] .status-onway{--status-bg: rgba(56, 189, 248, .2);--status-text: var(--secondary-300)}[data-theme=dark] .status-completed{--status-bg: rgba(34, 197, 94, .2);--status-text: var(--success-500)}[data-theme=dark] .status-delayed{--status-bg: rgba(239, 68, 68, .2);--status-text: var(--danger-500)}[data-theme=dark] .status-canceled{--status-bg: var(--bg-tertiary);--status-text: var(--text-muted);--status-border: var(--border-medium)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-4)}.stack{display:flex;flex-direction:column;gap:var(--spacing-4)}.stack-sm{gap:var(--spacing-2)}.stack-lg{gap:var(--spacing-6)}.grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.scroll-x-snap{scroll-snap-type:x mandatory;scroll-behavior:smooth}.scroll-x-snap>*{scroll-snap-align:start}.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-grid{display:grid!important}html{font-size:15px}body{line-height:1.65}.page-container{padding:var(--spacing-4)}.header{padding:0 var(--spacing-3);z-index:20}.header-right,.header-left{gap:var(--spacing-2)}.menu-toggle{display:flex;min-width:44px;min-height:44px;font-size:1.25rem}.sidebar{position:fixed;top:0;right:0;width:min(82vw,320px);height:100dvh;transform:translate(110%);z-index:60;transition:transform .22s ease;background:var(--bg-primary);box-shadow:-2px 0 12px #00000026;overflow-y:auto}.app-layout.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000059;z-index:50;opacity:0;pointer-events:none;transition:opacity .22s ease;cursor:pointer}.app-layout.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.app-layout.with-sidebar{padding-right:0}.app-layout.with-sidebar .main-content{margin-right:0!important;padding-right:0;width:100%;max-width:100%}.app-layout.with-sidebar .header{right:0;width:100%}body.no-scroll{overflow:hidden;position:fixed;width:100%}.sidebar-close-btn{display:flex;position:absolute;top:var(--spacing-4);left:var(--spacing-4);width:36px;height:36px;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;font-size:1.25rem;color:var(--text-secondary);z-index:10;transition:all var(--transition-fast)}.sidebar-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-header{padding:var(--spacing-4)}.sidebar-header img{width:40px;height:40px}.sidebar-header h2{font-size:var(--font-size-base)}.nav-item{min-height:48px;padding:var(--spacing-3) var(--spacing-4)}.card{padding:var(--spacing-4);border-radius:var(--radius-lg)}.card-header{padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap;gap:var(--spacing-2)}.card-title{font-size:var(--font-size-base)}.btn{min-height:44px;padding:var(--spacing-3) var(--spacing-4)}.btn-sm{min-height:36px;padding:var(--spacing-2) var(--spacing-3)}.btn-lg{min-height:52px;padding:var(--spacing-4) var(--spacing-6)}.form-input,.form-select,.form-textarea{min-height:44px;font-size:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.table-container{margin:0 calc(-1 * var(--spacing-4));padding:0 var(--spacing-4);border-radius:0;border-left:none;border-right:none}.table th,.table td{padding:var(--spacing-3);font-size:var(--font-size-sm);white-space:nowrap}.modal{margin:var(--spacing-2);max-height:calc(100vh - var(--spacing-8))}.modal-overlay{padding:var(--spacing-2)}.toast-container{left:var(--spacing-2);right:var(--spacing-2);top:var(--spacing-2)}.toast{min-width:auto;max-width:100%}.breadcrumb{font-size:var(--font-size-xs);flex-wrap:wrap}.card,.stat-card,.modal{box-shadow:var(--shadow-sm)}.mobile-order-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-3);cursor:default;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.mobile-order-card:hover{border-color:var(--card-border);box-shadow:none}.mobile-order-card:active{transform:none}.mobile-order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.mobile-order-id{font-weight:600;color:var(--primary-500);font-size:var(--font-size-base)}.mobile-order-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.mobile-order-notes{font-size:var(--font-size-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--spacing-3)}.mobile-order-action{width:100%}.orders-filters-mobile{display:flex;flex-direction:column;gap:var(--spacing-3)}.orders-filters-mobile .form-input,.orders-filters-mobile .form-select{width:100%}.desktop-table{display:none}.mobile-cards{display:block}@media(max-width:767.98px){.orders-row{display:none!important}.mobile-order-card{display:block!important}}@media(min-width:768px){.orders-row{display:grid!important}.mobile-order-card{display:none!important}}.order-item-mobile{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-3);border:1px solid var(--border-light)}.order-item-mobile .form-group{margin-bottom:var(--spacing-3)}.order-item-mobile .form-group:last-child{margin-bottom:0}.order-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border-light)}.order-item-number{font-weight:600;color:var(--text-primary)}.quantity-stepper{display:flex;align-items:center;gap:var(--spacing-2)}.quantity-stepper .btn{width:44px;height:44px;padding:0;font-size:1.25rem}.quantity-stepper input{width:60px;text-align:center;font-weight:600}.sticky-total-bar{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border-medium);padding:var(--spacing-4);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);z-index:100;box-shadow:0 -4px 12px #0000001a}.sticky-total-bar .total-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.sticky-total-bar .total-amount{font-size:var(--font-size-xl);font-weight:700;color:var(--success-500)}.sticky-total-bar .btn{flex:1;max-width:200px}.has-sticky-bar{padding-bottom:100px}.form-grid-2{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.stage-tabs-scroll{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--spacing-2);padding:var(--spacing-2) 0;margin:0 calc(-1 * var(--spacing-4));padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.stage-tabs-scroll::-webkit-scrollbar{display:none}.stage-tab{flex:0 0 auto;min-width:80px;text-align:center;padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.stage-tab.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.stage-tab.completed{background:var(--success-100);border-color:var(--success-500);color:var(--success-700)}.stage-card-mobile{padding:var(--spacing-4)}.stage-card-header-mobile{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.stage-countdown-mobile{background:var(--bg-tertiary);padding:var(--spacing-3);border-radius:var(--radius-md);text-align:center}.file-upload-mobile{display:flex;flex-direction:column;gap:var(--spacing-2)}.file-upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:52px;font-size:var(--font-size-base)}.file-upload-name{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}.delay-alert-sticky{position:sticky;top:var(--header-height);z-index:50;margin-bottom:var(--spacing-4)}.back-btn-mobile{display:inline-flex;margin-bottom:var(--spacing-4)}.kpi-grid-mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);width:100%}.kpi-grid-mobile .kpi-card{min-width:0}@media(max-width:380px){.kpi-grid-mobile{grid-template-columns:1fr}}.kpi-card-mobile{padding:var(--spacing-2)}.kpi-card-mobile .kpi-value{font-size:1.375rem}.kpi-card-mobile .kpi-label{font-size:var(--font-size-xs)}.dashboard-grid-mobile{display:flex;flex-direction:column;gap:var(--spacing-3)}.dashboard-grid-mobile .card{min-width:0;overflow:hidden}.dashboard-grid-mobile .card-body{max-height:240px;overflow-y:auto}@media(max-width:768px){.pipeline-stage-grid,.status-timeline{grid-template-columns:repeat(2,1fr)}}.pipeline-scroll{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--spacing-3);padding:var(--spacing-2) 0;scroll-snap-type:x mandatory}.pipeline-scroll::-webkit-scrollbar{display:none}.pipeline-scroll .pipeline-stage-mobile{scroll-snap-align:start;min-width:72px}.pipeline-stage-mobile{flex:0 0 auto;min-width:70px;text-align:center;padding:var(--spacing-2);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pipeline-stage-mobile:hover{border-color:var(--primary-400);transform:translateY(-1px)}.pipeline-stage-mobile.has-orders{border-color:var(--primary-500);background:var(--primary-50)}[data-theme=dark] .pipeline-stage-mobile.has-orders{background:#0d8b6b1f;border-color:var(--primary-400)}.pipeline-stage-mobile .pipeline-count{font-size:var(--font-size-lg);font-weight:700}.pipeline-stage-mobile .pipeline-label{font-size:var(--font-size-xs)}.alert-item{padding:var(--spacing-3);border-bottom:1px solid var(--border-light);display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer;transition:background var(--transition-fast)}.alert-item:hover{background:var(--bg-hover)}.alert-item:last-child{border-bottom:none}.alert-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-lg)}.alert-icon.danger{background:var(--danger-100)}.alert-icon.warning{background:var(--warning-100)}.alert-icon.success{background:var(--success-100)}.alert-icon.info{background:var(--secondary-100)}@media(min-width:480px){html{font-size:15px}.page-container{padding:var(--spacing-5)}.container{padding:0 var(--spacing-5)}.stats-grid,.grid,.form-grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){html{font-size:16px}.page-container{padding:var(--spacing-6)}.container{padding:0 var(--spacing-6)}.show-mobile,.show-mobile-flex,.show-mobile-grid{display:none!important}.hide-mobile{display:block!important}.desktop-table{display:block}.mobile-cards{display:none}.stats-grid{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.card{padding:var(--spacing-5)}.card-title{font-size:var(--font-size-lg)}.kpi-grid-mobile{grid-template-columns:repeat(3,1fr)}.dashboard-grid-mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}.form-grid-2{grid-template-columns:repeat(2,1fr)}.sticky-total-bar{display:none}.has-sticky-bar{padding-bottom:0}.orders-filters-mobile{flex-direction:row;align-items:center}.orders-filters-mobile .form-input{flex:1;min-width:200px}.orders-filters-mobile .form-select{width:auto;min-width:180px}}@media(min-width:1025px){.sidebar{transform:translate(0);width:var(--sidebar-width)}.sidebar-overlay,.sidebar-close-btn{display:none}.sidebar-header{padding-left:var(--spacing-6)}.app-layout.with-sidebar{padding-right:var(--sidebar-width)}.app-layout.with-sidebar .header{right:var(--sidebar-width)}.header{padding:0 var(--spacing-6)}.stats-grid{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.kpi-grid-mobile{grid-template-columns:repeat(4,1fr)}.dashboard-grid-mobile{grid-template-columns:repeat(2,1fr)}.pipeline-scroll{display:grid;grid-template-columns:repeat(6,1fr);overflow-x:visible}.pipeline-stage-mobile{min-width:auto}}@media(min-width:1280px){.stats-grid{grid-template-columns:repeat(5,1fr)}}@media(pointer:coarse){.btn,.nav-item,.form-input,.form-select,.form-checkbox,.form-radio{min-height:44px}.table td,.table th{padding:var(--spacing-3) var(--spacing-2)}}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar,.sidebar-overlay{transition:none}}@media print{.sidebar,.sidebar-overlay,.header,.menu-toggle,.btn,.sticky-total-bar{display:none!important}.app-layout.with-sidebar{padding-right:0}.main-content{padding-top:0}.page-container{padding:0}}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-5);flex-wrap:wrap}.dashboard-header-title h1{font-size:clamp(1.25rem,2vw,1.625rem);font-weight:700;color:var(--text-primary);margin-bottom:2px;line-height:1.3}.dashboard-header-title p{color:var(--text-secondary);font-size:.8125rem;margin:0}.dashboard-header-controls{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.time-range-selector{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2px;gap:2px}.time-range-btn{padding:6px 14px;border:none;background:transparent;border-radius:var(--radius-md);font-size:.75rem;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.time-range-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.time-range-btn.active{background:var(--primary-500);color:#fff;font-weight:600}.live-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--success-100);border:1px solid var(--success-500);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--success-700);white-space:nowrap}.live-indicator{width:7px;height:7px;background:var(--success-500);border-radius:50%;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.kpi-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden;min-width:0}.kpi-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--border-light);transition:background .2s ease}.kpi-card:hover{border-color:var(--primary-400);box-shadow:var(--shadow-sm)}.kpi-card.info:before{background:var(--secondary-500)}.kpi-card.success:before{background:var(--success-500)}.kpi-card.warning:before{background:var(--warning-500)}.kpi-card.danger:before{background:var(--danger-500)}.kpi-card.danger{border-color:var(--danger-200)}.kpi-card.warning{border-color:var(--warning-200)}.kpi-value{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1;color:var(--text-primary);margin-bottom:6px}.kpi-card.danger .kpi-value{color:var(--danger-600)}.kpi-card.warning .kpi-value{color:var(--warning-600)}.kpi-card.success .kpi-value{color:var(--success-600)}.kpi-label{font-size:clamp(.6875rem,1vw,.8125rem);color:var(--text-secondary);font-weight:500;margin-bottom:4px}.kpi-sublabel{font-size:.6875rem;color:var(--text-muted)}.kpi-strip.loading .kpi-card.skeleton{border-color:transparent;background:linear-gradient(110deg,var(--bg-secondary) 8%,var(--bg-hover) 18%,var(--bg-secondary) 33%);background-size:200% 100%;animation:kpi-shimmer 1.4s ease-in-out infinite}.kpi-strip.loading .kpi-card.skeleton:before{display:none}.kpi-strip.loading .kpi-card.skeleton .kpi-value,.kpi-strip.loading .kpi-card.skeleton .kpi-label,.kpi-strip.loading .kpi-card.skeleton .kpi-sublabel{height:12px;background:#ffffff73;border-radius:var(--radius-sm)}.kpi-strip.loading .kpi-card.skeleton .kpi-value{height:22px;margin:4px auto 10px;width:45%}.kpi-strip.loading .kpi-card.skeleton .kpi-label{width:70%;margin:0 auto 6px}.kpi-strip.loading .kpi-card.skeleton .kpi-sublabel{width:85%;margin:0 auto}@keyframes kpi-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--border-light)}.panel-header h2{font-size:.9375rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-2);margin:0}.panel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:var(--radius-full);background:var(--danger-500);color:#fff;font-size:.75rem;font-weight:700}.panel-body{padding:0;max-height:420px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.dashboard-grid{display:grid;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.dashboard-grid.two-column{grid-template-columns:1fr}.list-row{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s ease}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg-hover)}.list-row-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9375rem;background:var(--bg-secondary)}.list-row-icon.danger{background:var(--danger-100);animation:danger-pulse 1.8s ease-in-out infinite;box-shadow:0 0 #dc354547}.list-row-icon.warning{background:var(--warning-100)}.list-row-icon.success{background:var(--success-100)}.list-row-icon.info{background:var(--info-100, var(--secondary-100))}.list-row-content{flex:1;min-width:0}.list-row-title{font-weight:500;color:var(--text-primary);font-size:.8125rem;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-meta{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;font-size:.6875rem;color:var(--text-muted)}.chip{display:inline-flex;align-items:center;padding:1px 8px;background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.empty-state{padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:2rem;margin-bottom:var(--spacing-2)}.empty-state-text{font-size:.875rem}.pipeline-bar{display:flex;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-3);min-height:72px;border:1px solid var(--border-light)}.pipeline-segment{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-2);background:var(--bg-secondary);border-left:1px solid var(--border-light);cursor:pointer;transition:background .15s ease;min-width:0;text-align:center}.pipeline-segment:first-child{border-left:none}.pipeline-segment:hover,.pipeline-segment.has-orders{background:var(--primary-50)}[data-theme=dark] .pipeline-segment:hover,[data-theme=dark] .pipeline-segment.has-orders{background:#0d8b6b1a}.pipeline-segment-count{font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.pipeline-segment-label{font-size:clamp(.5625rem,.8vw,.75rem);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pipeline-legend{display:flex;gap:var(--spacing-4);flex-wrap:wrap;font-size:.8125rem;color:var(--text-secondary)}.pipeline-legend-item{display:inline-flex;align-items:center;gap:var(--spacing-1)}.legend-danger{color:var(--danger-500)}.legend-warning{color:var(--warning-500)}.pipeline-panel-body{padding:var(--spacing-4)}.pipeline-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-4)}.pipeline-stage-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-3);text-align:center}.pipeline-stage-count{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.pipeline-stage-label{font-size:.75rem;color:var(--text-secondary)}.fullscreen-root{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#live-fullscreen-root:fullscreen{width:100%;height:100%;background:var(--bg-primary)}#live-fullscreen-root::backdrop{background:var(--bg-primary)}.is-fullscreen,.is-fullscreen body{background:var(--bg-primary);color:var(--text-primary)}.is-fullscreen .header{display:none}.is-fullscreen .main-content{padding-top:0}.is-fullscreen #live-fullscreen-root{width:100vw;height:100vh;overflow:auto;overflow-x:hidden}.is-fullscreen .app-layout.with-sidebar{padding-right:0}.is-fullscreen .app-layout.with-sidebar .header{right:0}.is-fullscreen .sidebar{transform:translate(100%)}.is-fullscreen .sidebar-overlay{display:none}.is-fullscreen .page-container{transform:none;transform-origin:top right;max-width:none;width:100%;padding:var(--spacing-4)}.is-fullscreen .kpi-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.is-fullscreen .dashboard-grid.two-column{grid-template-columns:1fr}@media(min-width:900px){.is-fullscreen .dashboard-grid.two-column{grid-template-columns:1.1fr .9fr}}@media(min-width:1200px){.is-fullscreen .dashboard-grid.two-column{grid-template-columns:1.2fr .8fr}}.last-update-pill{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-secondary)}.section-label{font-size:.6875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);padding:var(--spacing-2) var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.section-label.critical{background:var(--danger-50);color:var(--danger-600);border-bottom-color:var(--danger-200)}.section-label.normal{background:var(--bg-secondary)}@media(min-width:1024px){.dashboard-grid.two-column{grid-template-columns:2fr 1fr}.dashboard-header-title p{display:block}.kpi-strip{grid-template-columns:repeat(5,1fr)}.panel-body{max-height:450px}}@media(min-width:1440px){.kpi-strip{grid-template-columns:repeat(5,1fr);gap:var(--spacing-4)}.kpi-card{padding:var(--spacing-5)}}@media(max-width:767px){.dashboard-header{flex-direction:column;gap:var(--spacing-3)}.dashboard-header-title p{display:none}.dashboard-header-controls{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dashboard-header-controls::-webkit-scrollbar{display:none}.time-range-selector{flex-shrink:0}.kpi-strip{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.kpi-card{padding:var(--spacing-3)}.kpi-value{font-size:1.5rem}.dashboard-grid.two-column{grid-template-columns:1fr}.panel-body{max-height:280px}.pipeline-bar{flex-wrap:wrap}.pipeline-segment{flex:1 1 calc(33.33% - 1px);min-width:60px}}@media(max-width:380px){.kpi-strip{grid-template-columns:1fr}}body.wallboard{font-size:1.125rem}body.wallboard .dashboard-header-title h1{font-size:clamp(1.5rem,2.5vw,2rem)}body.wallboard .kpi-strip{grid-template-columns:repeat(6,1fr);gap:var(--spacing-4)}body.wallboard .kpi-card{padding:var(--spacing-5) var(--spacing-4)}body.wallboard .kpi-value{font-size:clamp(2.25rem,4vw,3.5rem)}body.wallboard .kpi-label{font-size:clamp(.8125rem,1.2vw,1rem)}body.wallboard .panel-body{max-height:none}body.wallboard .list-row-title{font-size:.9375rem}body.wallboard .list-row-meta{font-size:.8125rem}body.wallboard .pipeline-segment-count{font-size:clamp(1.5rem,2.5vw,2.25rem)}body.wallboard .pipeline-segment-label{font-size:clamp(.75rem,1vw,.9375rem)}body.wallboard .pipeline-bar{min-height:96px}body.wallboard .panel-header h2{font-size:1.0625rem}body.no-scroll{overflow:hidden}@keyframes danger-pulse{0%{box-shadow:0 0 #dc35454d}70%{box-shadow:0 0 0 8px #dc354500}to{box-shadow:0 0 #dc354500}}.header.header-scrolled{box-shadow:var(--shadow-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;width:100%;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh;direction:rtl;width:100%;margin:0;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column;max-width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell-content{flex:1}.app-footer{min-height:40px;border-top:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-muted);font-size:.75rem;display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.app-footer-left{font-weight:600;direction:ltr}.app-footer-right{min-width:1px}.app-layout{display:flex;min-height:100vh;max-width:100%}.app-shell-content>.app-layout,.app-shell-content>.login-page{min-height:calc(100vh - 40px)}@media(min-width:1025px){.app-layout.with-sidebar{padding-right:var(--sidebar-width)}}.main-content{flex:1;padding-top:var(--header-height);min-height:100vh;width:100%;max-width:100%}.app-shell-content .main-content{min-height:calc(100vh - 40px)}.page-container{padding:var(--spacing-6);max-width:1400px;margin:0 auto;width:100%}img,svg,canvas{max-width:100%;height:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap{overflow-wrap:anywhere;word-break:break-word}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);z-index:1000}@media(min-width:1025px){.app-layout.with-sidebar .header{right:var(--sidebar-width)}}@media(max-width:1023.98px){.app-layout.with-sidebar .main-content,.app-layout.with-sidebar .header{margin-right:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}.page-container,.card,.card-body,.card-header{max-width:100%!important}html,body,#app,.app-layout{width:100%;overflow-x:hidden}.app-layout{overflow-x:clip}}.header-right,.header-left{display:flex;align-items:center;gap:var(--spacing-4)}.notification-bell{position:relative}.notification-bell-btn{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-primary);padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border var(--transition-fast)}.notification-bell-btn:hover{background:var(--bg-hover)}.notification-bell-icon{font-size:1.1rem}.notification-bell-badge{position:absolute;top:-6px;left:-6px;background:var(--danger-500);color:#fff;border-radius:var(--radius-full);padding:2px 6px;font-size:.65rem;min-width:18px;text-align:center;line-height:1.2}.notification-dropdown{position:absolute;left:0;top:calc(100% + 8px);width:320px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:2000}.notification-header,.notification-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-weight:600}.notification-footer{border-top:1px solid var(--border-light);border-bottom:none}.notification-list{max-height:320px;overflow-y:auto}.notification-item{width:100%;text-align:right;border:none;background:transparent;padding:12px 16px;display:block;cursor:pointer;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.notification-item.unread{background:var(--bg-tertiary)}.notification-title{font-weight:600;margin-bottom:4px}.notification-message{color:var(--text-secondary);font-size:.85rem;margin-bottom:6px}.notification-time{color:var(--text-muted);font-size:.75rem}.notification-empty{padding:20px 16px;text-align:center;color:var(--text-muted)}.logo-section{display:flex;align-items:center;gap:var(--spacing-3)}.logo-section img{width:40px;height:40px}.logo-section h1{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--spacing-2);color:var(--text-primary);font-size:var(--font-size-xl)}.alert-item>div{min-width:0}.sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:999;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;border-left:1px solid var(--sidebar-divider);box-shadow:-2px 0 8px #0000000d}[data-theme=dark] .sidebar{border-left:none;box-shadow:none}.sidebar-header{padding:var(--spacing-6);border-bottom:1px solid var(--sidebar-divider);display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.sidebar-header:hover{background:var(--sidebar-hover)}.sidebar-header:active{transform:scale(.98)}.sidebar-header img{width:48px;height:48px;transition:transform var(--transition-normal)}.sidebar-header:hover img{transform:rotate(-10deg) scale(1.05)}.sidebar-header h2{font-size:var(--font-size-lg);font-weight:700}.sidebar-nav{flex:1;padding:var(--spacing-4) 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{margin-bottom:var(--spacing-4)}.nav-section-title{padding:var(--spacing-2) var(--spacing-6);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);color:var(--sidebar-text);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:right;font-size:var(--font-size-base);font-family:inherit}.nav-item:hover{background:var(--sidebar-hover);color:var(--primary-600)}.nav-item.active{background:var(--sidebar-active);border-right:3px solid var(--primary-500);color:var(--primary-600);font-weight:600}.nav-item .nav-icon{font-size:var(--font-size-lg);width:24px;text-align:center}.nav-item.danger{color:var(--danger-500)}.nav-item.danger:hover{background:#ef44441a}[data-theme=dark] .sidebar .nav-item{color:#f8fafce0}[data-theme=dark] .sidebar .nav-item:hover{background:#94a3b829;color:#fff}[data-theme=dark] .sidebar .nav-item.active{background:#94a3b838;border-right-color:var(--primary-300);color:#fff}.sidebar-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--sidebar-divider)}.sidebar-divider{border:none;border-top:1px solid var(--sidebar-divider);margin:var(--spacing-2) var(--spacing-6);display:none}.user-info{display:flex;align-items:center;gap:var(--spacing-3)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-500);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.user-details{flex:1}.user-name{font-weight:600;font-size:var(--font-size-sm)}.user-role{font-size:var(--font-size-xs);color:var(--sidebar-muted)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-light)}.card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.card-body{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:500;font-family:inherit;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-success{background:var(--success-500);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-600)}.btn-danger{background:var(--danger-500);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-600)}.btn-outline{background:transparent;color:var(--primary-500);border:1px solid var(--primary-500)}.btn-outline:hover:not(:disabled){background:var(--primary-50)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn-icon{padding:var(--spacing-2);width:40px;height:40px}.orders-list{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.orders-row{display:grid;grid-template-columns:160px 180px 170px 1fr 140px;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-light);min-height:64px}.orders-row:hover{background:var(--bg-hover)}.orders-row:last-child{border-bottom:none}.orders-row .col{min-width:0}.orders-row--header{background:var(--bg-tertiary);font-weight:600;border-bottom:1px solid var(--border-light)}.orders-row--header .col{color:var(--text-secondary)}.orders-row--header button.col{background:none;border:none;padding:0;text-align:right;font:inherit;cursor:pointer;color:inherit}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.75rem;line-height:1;white-space:nowrap;background:var(--status-bg, var(--bg-tertiary));color:var(--status-text, var(--text-secondary));border:1px solid var(--status-border, var(--border-medium))}.orders-row .col.action{display:flex;justify-content:flex-start}.orders-row .btn{height:36px;display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap}.mobile-order-card{display:none}.mobile-order-action{width:100%;justify-content:center}.mobile-order-action:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .theme-toggle{background:#16213a;border-color:#24324d;color:#a9b7d0}[data-theme=dark] .theme-toggle:hover{background:#14b8a624;border-color:#14b8a659;color:#e6edf6}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.form-label.required:after{content:" *";color:var(--danger-500)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-family:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger-500)}.form-error{color:var(--danger-500);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.form-hint{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.form-textarea{min-height:100px;resize:vertical}.form-radio-group,.form-checkbox-group{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.form-radio,.form-checkbox{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.form-radio input,.form-checkbox input{width:18px;height:18px;accent-color:var(--primary-500)}.table-container{overflow-x:auto;background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--card-border)}.table{width:100%;border-collapse:collapse}.status-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.status-node{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-2);text-align:center;position:relative}.status-node-dot{width:28px;height:28px;border-radius:var(--radius-full);margin:0 auto var(--spacing-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;background:var(--bg-tertiary);color:var(--text-secondary)}.status-node-label{font-size:.75rem;color:var(--text-secondary)}.status-node.completed{border-color:var(--success-500);background:var(--success-50)}.status-node.completed .status-node-dot{background:var(--success-500);color:#fff}.status-node.active{border-color:var(--primary-500);background:var(--primary-50)}.status-node.active .status-node-dot{background:var(--primary-500);color:#fff}.status-node.blocked{border-color:var(--danger-500);background:var(--danger-50)}.status-node.blocked .status-node-dot{background:var(--danger-500);color:#fff}.table th,.table td{padding:var(--spacing-4);text-align:right;border-bottom:1px solid var(--border-light)}.table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.table tr:hover{background:var(--bg-hover)}.table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:var(--status-bg, var(--bg-tertiary));color:var(--status-text, var(--text-secondary));border:1px solid var(--status-border, var(--border-medium))}.badge-lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.badge-warning{--status-bg: var(--warning-50);--status-text: var(--warning-700);--status-border: var(--warning-400)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-5);cursor:pointer;transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.active{border-color:var(--primary-500);background:var(--primary-50)}[data-theme=dark] .stat-card.active{background:#0f766e29}.stat-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.breadcrumb a{color:var(--link);text-decoration:none}.breadcrumb a:hover{color:var(--link-hover);text-decoration:underline}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--spacing-8)}.error-icon{font-size:80px;margin-bottom:var(--spacing-4)}.error-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-2)}.error-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-6)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--spacing-2)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--spacing-3)}.skeleton-card{height:120px}.skeleton-row{height:60px;margin-bottom:var(--spacing-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center}.empty-state-icon{font-size:64px;color:var(--text-muted);margin-bottom:var(--spacing-4)}.empty-state-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-2)}.empty-state-message{color:var(--text-secondary);margin-bottom:var(--spacing-6)}.toast-container{position:fixed;top:var(--spacing-4);left:var(--spacing-4);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-2)}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toast-in .3s ease;min-width:300px;max-width:450px}.toast.toast-out{animation:toast-out .3s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.toast-icon{font-size:var(--font-size-xl)}.toast-content{flex:1}.toast-title{font-weight:600;color:var(--text-primary)}.toast-message{font-size:var(--font-size-sm);color:var(--text-secondary)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:var(--spacing-1)}.toast.success{border-right:4px solid var(--success-500)}.toast.error{border-right:4px solid var(--danger-500)}.toast.warning{border-right:4px solid var(--warning-500)}.toast.info{border-right:4px solid var(--secondary-500)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-4);animation:fade-in .2s ease}.modal{background:var(--card-bg);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modal-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-light)}.modal-title{font-size:var(--font-size-lg);font-weight:700}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--font-size-xl);padding:var(--spacing-1)}.modal-body{padding:var(--spacing-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-light)}@media(min-width:1025px){body.sidebar-collapsed .app-layout.with-sidebar{padding-right:0}body.sidebar-collapsed .app-layout.with-sidebar .header{right:0}body.sidebar-collapsed .app-layout.with-sidebar .sidebar{transform:translate(100%)}}