@charset "UTF-8";@font-face{font-family:Nunito;font-style:italic;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXX3I6Li01BKofIMNaORs71cA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:italic;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXX3I6Li01BKofIMNaHRs71cA.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:italic;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXX3I6Li01BKofIMNaMRs71cA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:italic;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXX3I6Li01BKofIMNaNRs71cA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:italic;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXX3I6Li01BKofIMNaDRs4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIOOaBXso.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIMeaBXso.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIOuaBXso.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofIO-aBXso.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaB.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/sa/fonts/material-icons-outlined.otf) format("opentype"),url(/fonts/material-icons-outlined.otf) format("opentype")}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:block;src:url(/sa/fonts/material-symbols-rounded.ttf) format("truetype"),url(/fonts/material-symbols-rounded.ttf) format("truetype")}:root{--nextou-primary-purple: #38268E;--nextou-deep-purple: #23117C;--nextou-secondary-purple: #6557A8;--nextou-accent-orange: #F97928;--nextou-white: #FBFBFC;--nextou-text: #111111;--nextou-text-strong: #050505;--nextou-text-muted: #3f3f46;--nextou-text-soft: #6b7280;--nextou-bg: #F7F6FC;--nextou-surface: #FFFFFF;--nextou-border: #E8E5F4;--nextou-shadow-card: 0 12px 32px rgba(35, 17, 124, .1);--nextou-shadow-sm: 0 2px 8px rgba(17, 24, 39, .06);--nextou-shadow-md: 0 8px 24px rgba(17, 24, 39, .08);--nextou-shadow-lg: 0 16px 40px rgba(17, 24, 39, .12);--nextou-radius-sm: 12px;--nextou-radius-md: 18px;--nextou-radius-lg: 24px;--nextou-radius-xl: 32px;--fd-color-primary: #38268E;--fd-color-primary-hover: #23117C;--fd-color-primary-soft: #EFECF8;--fd-color-primary-border: #C7BFE8;--fd-color-success: #22c55e;--fd-color-success-soft: #eafbf1;--fd-color-success-border: #bbf7d0;--fd-color-warning: #facc15;--fd-color-warning-soft: #fef9c3;--fd-color-warning-border: #fde68a;--fd-color-danger: #ef4444;--fd-color-danger-soft: #fee2e2;--fd-color-danger-border: #fecaca;--fd-color-orange: #F97928;--fd-color-orange-soft: #FFF0E5;--fd-color-orange-border: #fed7aa;--fd-color-info: #6557A8;--fd-color-info-soft: #F1EEFA;--fd-color-info-border: #C7BFE8;--fd-color-bg: #FBFBFC;--fd-color-page: #F1EEFA;--fd-color-surface: #FBFBFC;--fd-color-surface-soft: #F1EEFA;--fd-color-text: #23117C;--fd-color-text-secondary: #4B466D;--fd-color-text-muted: #6A6690;--fd-color-border: #DDD8EE;--fd-color-border-soft: #EBE7F5;--fd-gradient-brand: linear-gradient(135deg, #38268E 0%, #23117C 100%);--fd-gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--fd-gradient-danger: linear-gradient(135deg, #ef4444 0%, #f97316 100%);--fd-gradient-info: linear-gradient(135deg, #6557A8 0%, #38268E 100%);--fd-shadow-sm: 0 2px 8px rgba(17, 24, 39, .06);--fd-shadow-md: 0 8px 24px rgba(17, 24, 39, .08);--fd-shadow-lg: 0 16px 40px rgba(17, 24, 39, .12);--fd-shadow-focus: 0 0 0 4px rgba(56, 38, 142, .16);--fd-radius-sm: 8px;--fd-radius-md: 12px;--fd-radius-lg: 16px;--fd-radius-xl: 20px;--fd-radius-pill: 999px;--fd-space-1: 4px;--fd-space-2: 8px;--fd-space-3: 12px;--fd-space-4: 16px;--fd-space-5: 20px;--fd-space-6: 24px;--fd-space-8: 32px;--fd-font-xs: 12px;--fd-font-sm: 14px;--fd-font-md: 16px;--fd-font-lg: 18px;--fd-font-xl: 22px;--fd-font-2xl: 28px;--fd-button-sm: 38px;--fd-button-md: 44px;--fd-button-lg: 48px;--fd-z-topbar: 100;--fd-z-bottom-nav: 120;--fd-z-sticky-cta: 130;--fd-z-drawer: 200;--fd-z-modal: 300;--fd-z-toast: 400;--fd-breakpoint-xs: 320px;--fd-breakpoint-sm: 360px;--fd-breakpoint-md: 390px;--fd-breakpoint-lg: 430px;--fd-breakpoint-desktop: 1366px;--fd-status-pending: var(--fd-color-orange);--fd-status-active: var(--fd-color-success);--fd-status-info: var(--fd-color-info);--fd-status-danger: var(--fd-color-danger);--fd-status-warning: var(--fd-color-warning);--fd-toast-success-bg: var(--fd-color-success-soft);--fd-toast-success-text: #166534;--fd-toast-error-bg: var(--fd-color-danger-soft);--fd-toast-error-text: #991b1b;--fd-toast-info-bg: var(--fd-color-info-soft);--fd-toast-info-text: #1e40af;--fd-toast-warning-bg: var(--fd-color-warning-soft);--fd-toast-warning-text: #854d0e;--fd-modal-bg: var(--fd-color-surface);--fd-modal-border: var(--fd-color-border);--fd-sheet-bg: #FBFBFC;--fd-sheet-handle: #d1d5db;--fd-sheet-overlay: rgba(17, 24, 39, .42);--fd-field-border: var(--fd-color-border);--fd-field-focus: var(--fd-color-primary);--fd-field-error: var(--fd-color-danger);--fd-field-error-bg: var(--fd-color-danger-soft);--fd-field-success: var(--fd-color-success);--nc-primary: #38268E;--nc-primary-2: #23117C;--nc-primary-hover: #23117C;--nc-primary-dark: #23117C;--nc-primary-soft: #EFECF8;--nc-primary-shadow: rgba(56, 38, 142, .24);--nc-bg: #FBFBFC;--nc-surface: #FBFBFC;--nc-surface-alt: #EFECF8;--nc-surface-hover: #EFECF8;--nc-text-primary: #23117C;--nc-text-secondary: #4B466D;--nc-muted: #6A6690;--nc-faint: #8A85A7;--nc-line: #EBE7F5;--nc-white: #FBFBFC;--nc-success: #22c55e;--nc-success-soft: rgba(34, 197, 94, .12);--nc-danger: #ef4444;--nc-danger-soft: rgba(239, 68, 68, .1);--nc-warning: #facc15;--nc-warning-soft: #fef9c3;--nc-orange: #F97928;--nc-orange-soft: #FFF0E5;--nc-info: #6557A8;--nc-info-soft: #F1EEFA;--nc-radius-xs: 6px;--nc-radius-sm: 8px;--nc-radius-md: 8px;--nc-radius-lg: 8px;--nc-radius-xl: 8px;--nc-radius-pill: 999px;--nc-shadow-sm: 0 2px 8px rgba(16, 24, 40, .04);--nc-shadow-md: 0 12px 28px rgba(16, 24, 40, .07);--nc-shadow-lg: 0 22px 60px rgba(16, 24, 40, .12);--nc-shadow-focus: 0 0 0 4px rgba(56, 38, 142, .16);--nc-font-family: "Nunito", sans-serif;--nc-font-heading: "Nunito", sans-serif;--nc-emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", emoji, sans-serif;--nc-space-xs: 4px;--nc-space-sm: 8px;--nc-space-md: 12px;--nc-space-lg: 16px;--nc-space-xl: 24px;--nc-space-xxl: 32px;--nc-button-height-sm: 38px;--nc-button-height-md: 42px;--nc-button-height-lg: 46px;--nc-input-height: 42px;--nc-sidebar-width: 268px}:root{--primary: var(--fd-color-primary);--primary-2: var(--fd-color-primary-hover);--primary-gradient: var(--fd-color-primary);--primary-hover: var(--fd-color-primary-hover);--primary-dark: var(--nc-primary-dark);--primary-light: var(--fd-color-primary-soft);--primary-soft: var(--fd-color-primary-soft);--primary-shadow: var(--nc-primary-shadow);--bg: var(--fd-color-bg);--background: var(--fd-color-bg);--bg-color: var(--fd-color-bg);--cream: var(--fd-color-bg);--peach: var(--fd-color-bg);--surface: var(--fd-color-surface);--surface-color: var(--fd-color-surface);--surface-card: var(--fd-color-surface);--surface-alt: var(--fd-color-page);--surface-hover: var(--nc-surface-hover);--ink: var(--fd-color-text);--charcoal: var(--fd-color-text);--text-primary: var(--fd-color-text);--text-secondary: var(--fd-color-text-secondary);--muted: var(--fd-color-text-muted);--text-muted: var(--fd-color-text-muted);--faint: var(--nc-faint);--line: var(--fd-color-border-soft);--border-color: var(--fd-color-border);--border-light: var(--fd-color-border-soft);--white: var(--nc-white);--green: var(--fd-color-success);--success: var(--fd-color-success);--teal: var(--nc-success);--mint: var(--nc-success);--green-soft: var(--fd-color-success-soft);--success-light: var(--fd-color-success-soft);--teal-soft: var(--nc-success-soft);--mint-soft: var(--nc-success-soft);--red: var(--fd-color-danger);--danger: var(--fd-color-danger);--accent-red: var(--nc-danger);--danger-light: var(--fd-color-danger-soft);--red-soft: var(--fd-color-danger-soft);--orange: var(--fd-color-orange);--warning: var(--fd-color-warning);--attention: var(--fd-color-warning);--orange-soft: var(--fd-color-orange-soft);--warning-light: var(--fd-color-warning-soft);--attention-soft: var(--fd-color-warning-soft);--blue: var(--fd-color-info);--info: var(--fd-color-info);--cyan: var(--fd-color-info);--indigo: var(--nc-primary);--purple: var(--nc-primary);--highlight: var(--nc-primary);--blue-soft: var(--fd-color-info-soft);--info-light: var(--fd-color-info-soft);--cyan-soft: var(--fd-color-info-soft);--indigo-soft: var(--nc-primary-soft);--purple-soft: var(--nc-primary-soft);--coral: var(--fd-color-orange);--coral-soft: var(--fd-color-orange-soft);--brand-accent: var(--nc-primary-2);--brand-accent-deep: var(--nc-primary);--radius-sm: var(--nc-radius-sm);--radius-md: var(--nc-radius-md);--radius-lg: var(--nc-radius-lg);--radius-xl: var(--nc-radius-xl);--radius-2xl: var(--nc-radius-xl);--radius-full: var(--nc-radius-pill);--radius: var(--nc-radius-xl);--shadow: var(--nc-shadow-md);--shadow-sm: var(--nc-shadow-sm);--shadow-md: var(--nc-shadow-md);--shadow-lg: var(--nc-shadow-lg);--shadow-hover: var(--nc-shadow-lg);--shadow-focus: var(--nc-shadow-focus);--font-family: var(--nc-font-family);--font-heading: var(--nc-font-heading);--font-body: var(--nc-font-family);--sidebar-width: var(--nc-sidebar-width);--sidebar-bg: var(--nc-white);--sidebar-text-active: var(--nc-primary);--sidebar-item-active-bg: var(--nc-primary-soft)}:root{--nextou-primary-purple: #38268e;--nextou-deep-purple: #23117c;--nextou-secondary-purple: #6557a8;--nextou-accent-orange: #f97928;--nextou-white: #fbfbfc;--nextou-text: #111111;--nextou-text-strong: #050505;--nextou-text-muted: #3f3f46;--nextou-text-soft: #6b7280;--nextou-bg: #f7f6fc;--nextou-surface: #ffffff;--nextou-surface-soft: #efecf8;--nextou-border: #e8e5f4;--nextou-shadow-card: 0 12px 32px rgba(35, 17, 124, .1);--nextou-shadow: var(--nextou-shadow-card);--nextou-radius-sm: 12px;--nextou-radius-md: 18px;--nextou-radius-lg: 24px;--nextou-radius-xl: 32px;--primary-gradient: linear-gradient( 135deg, #38268e 0%, var(--fd-color-primary-hover) 100% );--bg-color: var(--nextou-white);--surface-color: var(--nextou-surface);--surface-hover: var(--nextou-surface-soft);--text-primary: var(--nextou-text-strong);--text-secondary: #374151;--text-muted: var(--nextou-text-muted);--border-color: var(--nextou-border);--border-light: #ebe7f5;--primary: var(--nextou-primary-purple);--primary-hover: var(--nextou-deep-purple);--primary-light: var(--nextou-surface-soft);--cta: var(--nextou-accent-orange);--success: #22c55e;--success-light: var(--fd-color-success-soft);--danger: #ef4444;--danger-light: var(--fd-color-danger-soft);--warning: #facc15;--warning-light: var(--fd-color-warning-soft);--info: var(--nextou-secondary-purple);--info-light: var(--fd-color-info-soft);--font-family: var(--nc-font-family, "Nunito", sans-serif);--font-heading: var(--nc-font-heading, "Nunito", sans-serif);--radius-sm: 6px;--radius-md: var(--nextou-radius-sm);--radius-lg: var(--nextou-radius-md);--radius-xl: 20px;--radius-2xl: var(--nextou-radius-lg);--radius-full: 9999px;--primary-dark: var(--nextou-deep-purple);--primary-shadow: rgba(56, 38, 142, .24);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .05), 0 2px 4px rgba(15, 23, 42, .03);--shadow-lg: 0 10px 25px rgba(15, 23, 42, .05), 0 4px 10px rgba(15, 23, 42, .03);--shadow-focus: 0 0 0 4px rgba(56, 38, 142, .16);--glass-bg: rgba(255, 255, 255, .7);--glass-blur: blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-weight:400;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em}a{color:var(--primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary-hover)}p{margin-bottom:1rem;color:var(--text-secondary)}.brand-wordmark{height:20px;width:auto;vertical-align:middle;margin-left:6px}.text-muted{color:var(--text-muted)!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.text-primary{color:var(--primary)!important}.display-huge{font-size:clamp(3rem,5vw,4.5rem);font-weight:800;letter-spacing:-.02em}.display-large{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em}.display-medium{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-family:var(--font-family);font-weight:600;font-size:.9375rem;cursor:pointer;border:none;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:.01em}.btn-primary,.btn-create{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 8px 18px #38268e3d}.btn-primary:hover,.btn-create:hover{transform:translateY(-1px);box-shadow:0 10px 22px #38268e4d}.btn-primary:active,.btn-create:active{transform:translateY(0);box-shadow:0 4px 10px #38268e33}.btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-hover);border-color:#cbd5e1}.btn-outline{background:var(--info-light);color:var(--info);border:1px solid #bfdbfe}.btn-outline:hover{background:color-mix(in srgb,var(--info-light) 60%,#fff)}.btn-success,.green-btn,.approve-btn,.accept-btn,.delivered-btn{background:var(--success-light);color:#166534;border:1px solid #bbf7d0}.btn-warning,.btn-orange,.orange-btn,.pending-btn,.schedule-btn,.onway-btn{background:var(--fd-color-orange-soft);color:#9a3412;border:1px solid #fed7aa}.btn-info,.blue-btn,.map-btn,.verify-btn{background:var(--info-light);color:#1d4ed8;border:1px solid #bfdbfe}.btn-danger,.danger-btn,.reject-btn,.decline-btn,.delete-btn,.remove-btn,.danger{background:var(--danger-light);color:#991b1b;border:1px solid #fecaca}.purple-btn{background:var(--primary-light);color:var(--primary);border:1px solid var(--fd-color-primary-border)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;box-shadow:none;border-radius:var(--radius-md);padding:.5rem}.btn-ghost:hover{background:var(--border-light);color:var(--text-primary)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column}.form-label,label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;display:block}.form-input,input:not([type=checkbox]),textarea,select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);font-family:var(--font-family);font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.form-input::placeholder,input:not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{color:#9ca3af}.form-input:focus,input:not([type=checkbox]):focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus);background:#fff}textarea{resize:vertical;min-height:100px}.field-error,.field-warning{display:block;margin-top:.35rem;font-size:.76rem;font-weight:700!important;line-height:1.35}.field-error{color:var(--red, var(--danger))!important}.field-warning{color:var(--attention, var(--warning))!important}input.has-error:not([type=checkbox]):not([type=radio]),textarea.has-error,select.has-error,.form-input.has-error,.field-input.has-error,.money.has-error,.money-input.has-error,input.ng-invalid.ng-touched:not([type=checkbox]):not([type=radio]),textarea.ng-invalid.ng-touched,select.ng-invalid.ng-touched,form.ng-submitted input.ng-invalid:not([type=checkbox]):not([type=radio]),form.ng-submitted textarea.ng-invalid,form.ng-submitted select.ng-invalid,[aria-invalid=true]:not([type=checkbox]):not([type=radio]),label:has(.field-error:not(:empty))>input:not([type=checkbox]):not([type=radio]),label:has(.field-error:not(:empty))>textarea,label:has(.field-error:not(:empty))>select{border-color:var(--red, var(--danger))!important;background:color-mix(in srgb,var(--danger-light) 72%,var(--surface-color, #fff))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--red, var(--danger)) 12%,transparent)!important}.money.has-error input,.money-input.has-error input{background:transparent!important}input.has-warning:not([type=checkbox]):not([type=radio]),textarea.has-warning,select.has-warning,.form-input.has-warning,.field-input.has-warning{border-color:var(--attention, var(--warning))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--attention, var(--warning)) 15%,transparent)!important}.card{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#ffffff80}.card-header h2,.card-header h3{margin:0;font-size:1.125rem;font-weight:600}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-color)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-pending{background:var(--fd-color-orange-soft);color:#9a3412}.badge-confirmed,.badge-active{background:var(--info-light);color:#1e40af}.badge-preparing{background:#efecf8;color:#38268e}.badge-ready_for_pickup{background:#fce7f3;color:#ef4444}.badge-out_for_delivery{background:var(--info-light);color:var(--info)}.badge-delivered,.badge-completed,.badge-approved{background:var(--success-light);color:#22c55e}.badge-cancelled,.badge-rejected{background:var(--danger-light);color:var(--danger)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-color)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:1rem 1.25rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--surface-hover)}.data-table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#f8fafccc}.data-table tbody tr:last-child td{border-bottom:none}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500}.alert-error{background:var(--danger-light);color:#ef4444;border:1px solid rgba(239,68,68,.24)}.alert-success{background:var(--success-light);color:#22c55e;border:1px solid rgba(34,197,94,.24)}.alert-info{background:var(--info-light);color:#23117c;border:1px solid #bfdbfe}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.w-100{width:100%}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268712}.glass-nav{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.05)}.gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.gradient-accent{background:linear-gradient(135deg,#f97928,#ff512f);color:#fff}.bounce-tap{transition:transform .15s cubic-bezier(.4,0,.2,1)}.bounce-tap:active{transform:scale(.96)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.radar-pulse-container{position:relative;display:flex;justify-content:center;align-items:center}.radar-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--primary);opacity:.6;animation:radar-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes radar-ping{75%,to{transform:scale(2);opacity:0}}:root{--primary: #38268e;--primary-hover: #23117c;--cta: #f97928;--font-family: "Nunito", sans-serif;--workspace-border: #e4e5eb;--workspace-muted: #626779;--workspace-bg: #f6f7fa}html,body{margin:0;min-height:100%;background:var(--workspace-bg);color:#202334;font-size:16px}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #f97928;outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}body .app-shell{--shell-sidebar: 252px;background:var(--workspace-bg)}body .app-shell .sidebar{background:#201847;border:0;box-shadow:none}body .sidebar .brand-sub,body .sidebar .nav-section-label,body .sidebar .user-role{color:#b9b4d1;font-size:12px;font-weight:600;letter-spacing:.06em}body .sidebar .brand-wordmark{filter:brightness(0) invert(1)}body .sidebar .sidebar-status{background:#ffffff0d;border:1px solid rgba(255,255,255,.1019607843);border-radius:12px}body .sidebar .sidebar-status strong,body .sidebar .user-name{color:#fff;font-size:15px;font-weight:700}body .sidebar .sidebar-status span{color:#cbc7dc;font-size:13px}body .sidebar .menu-item{color:#d9d5e6;font-size:15px;font-weight:600;border:0;border-radius:9px;padding:11px 12px}body .sidebar .menu-item .material-icons-outlined{color:#b9b4d1}body .sidebar .menu-item:hover{background:#ffffff0d;color:#fff}body .sidebar .menu-item.active{background:#6550b5;color:#fff;box-shadow:none}body .sidebar .menu-item.active .material-icons-outlined{color:#fff}body .sidebar .sidebar-footer{border-color:#ffffff1a}body .sidebar .logout-btn{color:#d9d5e6;background:transparent;border-color:#fff2;font-weight:600}body .sidebar .user-avatar{background:#6550b5;color:#fff}body .app-shell .topbar{min-height:76px;background:#fff;border-bottom:1px solid var(--workspace-border);box-shadow:none;padding:12px 28px}body .topbar .breadcrumbs{font-size:14px;font-weight:500;color:var(--workspace-muted)}body .app-shell .main-area{min-width:0}body .app-shell .page-content{padding:28px;background:var(--workspace-bg);min-width:0}body .topbar .notif-dropdown,body .topbar .profile-dropdown{border:1px solid var(--workspace-border);box-shadow:0 12px 40px #20184722;border-radius:12px;max-width:calc(100vw - 24px)}body .topbar .notif-sub,body .topbar .notif-msg{white-space:normal;overflow-wrap:anywhere}.workspace-page{display:grid;gap:22px;max-width:1520px;margin:0 auto;min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-heading h2{font-size:28px;font-weight:750;line-height:1.3;margin:0 0 5px;color:#202334}.workspace-heading p{color:var(--workspace-muted);font-size:15px;margin:0;line-height:1.6}.workspace-eyebrow{color:#6557a8;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:8px}.workspace-card{background:#fff;border:1px solid var(--workspace-border);border-radius:12px;padding:22px;box-shadow:0 2px 3px #17213c03;min-width:0}.workspace-card h3{font-size:18px;font-weight:700;margin:0 0 10px;line-height:1.4}.workspace-card p{font-size:15px;line-height:1.6;color:var(--workspace-muted)}.workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.workspace-metrics .workspace-card{display:flex;flex-direction:column;gap:10px}.workspace-metrics span{font-size:14px;color:var(--workspace-muted)}.workspace-metrics strong{font-size:30px;line-height:1.2;font-weight:750;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.workspace-metrics small{font-size:14px;color:var(--workspace-muted)}.workspace-metrics a{font-size:14px}.workspace-metrics.compact .workspace-card{padding:16px 20px}.workspace-metrics.compact strong{font-size:24px}.workspace-two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workspace-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.workspace-section-heading h3{margin:0}.workspace-link-list{display:grid}.workspace-link-list a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;color:#202334;border-bottom:1px solid #f0f0f4;text-decoration:none;font-size:15px}.workspace-link-list a:last-child{border:0}.workspace-link-list a:hover{color:var(--primary)}.operating-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border-left:4px solid #6557a8}.operating-card h3{margin-top:12px}.workspace-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.workspace-page .btn,.workspace-dialog .btn,.workspace-pager .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;font-size:14px;font-weight:700;border-radius:8px;border:1px solid transparent;cursor:pointer;box-shadow:none;text-decoration:none;line-height:1.4}.workspace-page .btn-primary,.workspace-dialog .btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.workspace-page .btn-secondary,.workspace-dialog .btn-secondary,.workspace-pager .btn-secondary{background:#fff;border-color:#dcdde6;color:#34384c}.workspace-page .btn-danger,.workspace-dialog .btn-danger{background:#b42332;color:#fff;border-color:#b42332}.status-pill{display:inline-flex;align-items:center;border-radius:6px;padding:4px 9px;font-size:13px;font-weight:700;background:#f4efff;color:#6557a8}.status-pill.success{background:#e8f6ef;color:#14704c}.workspace-error{padding:12px 16px;background:#fff1f0;border:1px solid #f3c5c2;color:#932a25;border-radius:8px;font-size:14px;line-height:1.6;margin:0}.workspace-muted{color:var(--workspace-muted);font-size:14px;line-height:1.5}.workspace-state{background:#fff;border:1px dashed #d9dbe5;border-radius:12px;padding:40px 24px;text-align:center;line-height:1.6}.workspace-state h3{font-size:20px;margin:0 0 8px}.workspace-state p{color:var(--workspace-muted);margin-bottom:16px}.workspace-checklist{list-style:none;padding:0;display:grid;margin:0}.workspace-checklist li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f4;font-size:15px}.workspace-checklist li span:nth-child(2){flex:1}.workspace-page .workspace-toolbar .workspace-search{position:relative;display:block;padding:0;border:0;background:transparent;min-width:min(240px,100%);flex:1;margin:0}.workspace-page .workspace-search>.material-icons-outlined{position:absolute;inset:50% auto auto 14px;transform:translateY(-50%);width:22px;height:22px;pointer-events:none}.workspace-page .workspace-toolbar label.workspace-search input{padding-left:44px}.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px}.workspace-tabs button{background:#fff;color:#555b6e;border:1px solid var(--workspace-border);border-radius:8px;padding:9px 12px;min-height:40px;font-size:14px;cursor:pointer}.workspace-tabs button.active{color:var(--primary);border-color:var(--primary);background:#f0edf9;font-weight:700}.workspace-pager{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;color:var(--workspace-muted)}.workspace-pager div{display:flex;gap:8px}.workspace-inventory-list{display:grid;gap:12px}.inventory-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.inventory-product{display:flex;gap:16px;min-width:0}.inventory-product img{width:64px;height:64px;object-fit:contain;border:1px solid #eff0f3;border-radius:10px;flex-shrink:0}.inventory-product h3{margin-bottom:4px;font-size:16px}.inventory-product a{text-decoration:none}.inventory-product p{font-size:14px;margin:4px 0 8px}.inventory-controls{display:flex;align-items:flex-end;align-self:start;gap:12px}.inventory-controls label{display:grid;gap:4px;font-size:13px;color:var(--workspace-muted)}.inventory-controls input{width:120px;border:1px solid #dcdde6;border-radius:8px;padding:8px 10px;height:48px;font-size:16px}.inventory-item>.workspace-error{grid-column:1/-1}.workspace-dialog-backdrop{position:fixed;inset:0;background:#13102788;z-index:2000;display:grid;place-items:center;padding:20px}.workspace-dialog{background:#fff;border-radius:14px;width:min(580px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;box-shadow:0 24px 90px #0004}.workspace-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--workspace-border)}.workspace-dialog h2{font-size:21px;margin:0;font-weight:700}.workspace-dialog-body{padding:24px;overflow:auto;min-height:0;display:grid;gap:20px;font-size:15px;line-height:1.6}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--workspace-border);border-radius:8px;background:#fff;cursor:pointer}@media(max-width:1200px){.inventory-item{grid-template-columns:1fr}.inventory-controls{justify-content:flex-start}}@media(max-width:1024px){body .app-shell .page-content{padding:22px}.workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operating-card{flex-wrap:wrap}}@media(max-width:768px){body .app-shell{display:block}body .app-shell .topbar{padding:10px 16px}body .app-shell .page-content{padding:18px 16px 96px}.workspace-page{gap:16px}.workspace-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.workspace-heading h2{font-size:24px}.workspace-two-column{grid-template-columns:1fr}.workspace-card{padding:18px}.workspace-metrics{gap:10px}.workspace-metrics strong{font-size:25px}.workspace-checklist li{align-items:flex-start}.workspace-pager{align-items:flex-start;flex-wrap:wrap}.inventory-controls{flex-wrap:wrap}.inventory-product{gap:12px}.inventory-controls label{flex:1 0 100%}.inventory-controls input{width:100%}.workspace-dialog-backdrop{padding:12px}.workspace-dialog{max-height:calc(100dvh - 24px)}.workspace-dialog header,.workspace-dialog-body{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none;transition:none;scroll-behavior:auto}}.material-icons-outlined{font-family:Material Icons 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;overflow-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}body .sidebar .sidebar-status>div,body .sidebar .user-meta{min-width:0}body .sidebar .sidebar-footer{background:#201847}body .sidebar .sidebar-user{background:#ffffff0d;border-color:#ffffff1a}body .sidebar .status-dot{background:#9b91c2;box-shadow:none}body .sidebar .sidebar-status strong{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}body .app-shell{--shell-sidebar: 252px}@media(min-width:1101px){body .app-shell{grid-template-columns:252px minmax(0,1fr)}}.workspace-form{display:grid;gap:20px}.workspace-field{display:grid;gap:8px;font-size:14px;font-weight:600;color:#34384c}.workspace-field input,.workspace-field select,.workspace-field textarea{width:100%;padding:11px 12px;border:1px solid #dcdde6;border-radius:8px;background:#fff;font-size:16px;font-weight:400;min-height:44px}.workspace-success{background:#e8f6ef;border:1px solid #b9dfcc;border-radius:8px;padding:14px;color:#14704c;font-size:15px;line-height:1.6}.vendor-auth-page{min-height:100dvh;display:grid;place-items:center;background:#f6f7fa;padding:24px}.vendor-auth-card{background:#fff;border:1px solid #e4e5eb;border-radius:14px;padding:32px;width:min(480px,100%);display:grid;gap:20px}.vendor-auth-card h1{font-size:28px;margin:0;color:#202334;font-weight:750}.vendor-auth-card>p{color:#626779;line-height:1.6;font-size:15px}.auth-symbol{color:#38268e;font-size:36px}.vendor-auth-card .btn{padding:12px 16px;min-height:44px;border-radius:8px;border:1px solid #dcdde6;font-size:15px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}.vendor-auth-card .btn-primary{background:#38268e;color:#fff;border-color:#38268e}.vendor-auth-card .btn-secondary{background:#fff;color:#34384c}@media(max-width:768px){.vendor-auth-page{padding:16px}.vendor-auth-card{padding:24px}.vendor-auth-card h1{font-size:24px}}.workspace-page .page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.workspace-page .page-heading h1{font-size:28px;line-height:1.25;font-weight:750;margin:6px 0 10px;color:#202334}.workspace-page .page-heading p{margin:0;color:#626779;line-height:1.6;font-size:15px}.workspace-page .page-heading .eyebrow{font-size:14px;letter-spacing:.06em;text-transform:uppercase;font-weight:650}.heading-actions,.dialog-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.workspace-page :is(.btn-primary,.btn-secondary,.btn-danger),.workspace-dialog :is(.btn-primary,.btn-secondary,.btn-danger){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:650;border-radius:9px;border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1.4}.workspace-page .btn-secondary,.workspace-dialog .btn-secondary{border-color:#dcdde6}.workspace-page .btn-primary,.workspace-dialog .btn-primary{border-color:#38268e}.workspace-page .btn-danger,.workspace-dialog .btn-danger{border-color:#b42332}.workspace-page :is(button,input,select,textarea):disabled,.workspace-dialog :disabled{cursor:not-allowed;opacity:.55}.workspace-page label{font-size:14px;font-weight:600;display:grid;align-content:start;min-width:0;gap:8px;color:#34384c}.workspace-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.workspace-dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #dcdde6;border-radius:9px;padding:11px 12px;background:#fff;color:#202334;font-size:16px;min-height:44px;max-width:100%;width:100%;font-family:inherit}.workspace-page :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select),.workspace-dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select){height:48px;line-height:1.4}.workspace-page .workspace-toolbar :is(.btn-primary,.btn-secondary),.workspace-page .inventory-controls button{min-height:48px}.workspace-page .inventory-controls label{margin:0;max-width:120px}@media(max-width:768px){.workspace-page .inventory-controls label{max-width:none}}.workspace-page textarea,.workspace-dialog textarea{min-height:100px;resize:vertical}.workspace-page :is(input,select,textarea,button,a):focus-visible,.workspace-dialog :is(input,select,textarea,button,a):focus-visible{outline:3px solid #ad9df0;outline-offset:3px}.workspace-page .workspace-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:14px;background:#fff;border:1px solid #e4e5eb;border-radius:12px}.workspace-page .workspace-toolbar label{flex:1;margin:0;min-width:150px}.workspace-page .workspace-card h2{font-size:19px;line-height:1.4;margin:0 0 14px}.workspace-page .workspace-card h3{font-size:17px}.workspace-page .workspace-card p{font-size:15px;line-height:1.6;color:#626779}.workspace-page small{font-size:14px;color:#626779;line-height:1.5}.workspace-page .error-banner,.workspace-dialog .error-banner{background:#fff2f1;border:1px solid #e7b5b2;color:#a1282f;border-radius:9px;padding:14px;line-height:1.6}.workspace-page .info-banner{background:#f0edf9;border:1px solid #d8cff0;color:#38268e;border-radius:9px;padding:14px}.workspace-page .success-banner{background:#e8f6ef;border:1px solid #b9dfcc;color:#14704c;border-radius:9px;padding:14px}.status-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:7px;font-size:14px;font-weight:600;background:#f0edf9;color:#38268e;max-width:max-content}.status-chip[data-status=delivered],.status-chip[data-status=approved],.status-chip[data-status=verified]{background:#e8f6ef;color:#14704c}.status-chip[data-status=cancelled],.status-chip[data-status=rejected],.status-chip[data-status=failed]{background:#fff2f1;color:#a1282f}.status-chip[data-status=placed],.status-chip[data-status=pending_approval],.status-chip[data-status=preparing]{background:#fff3e4;color:#94330a}@media(max-width:768px){.workspace-page .page-heading h1{font-size:24px}.workspace-page .workspace-toolbar label{min-width:0}.heading-actions{width:100%}.heading-actions>*{flex:1;text-align:center}.workspace-page .workspace-toolbar{padding:12px}.workspace-page .workspace-toolbar>label{flex-basis:100%}.workspace-page .workspace-toolbar>button{flex:1}}.workspace-page .workspace-toolbar label.workspace-check{display:flex;align-items:center;gap:10px;min-height:48px;flex:0 1 auto}.workspace-page .workspace-toolbar .workspace-check input[type=checkbox]{width:18px;height:18px;margin:0;flex:0 0 18px}
