@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-app: #eceef1;--bg-card: #ffffff;--bg-sidebar: #f4f4f4;--bg-sidebar-active: #fde8e8;--bg-header: #f4f4f4;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-sidebar: #374151;--text-sidebar-active: #A0291F;--brand-red: #A0291F;--brand-red-dark: #7a1e16;--brand-red-light: #fde8e8;--brand-red-mid: #c0392b;--brand-navy: #1e3a5f;--accent-yellow: #A0291F;--accent-yellow-hover: #7a1e16;--color-pending: #f59e0b;--color-delivered: #10b981;--color-cancelled: #ef4444;--border: #e5e7eb;--border-light: #f3f4f6;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-elevated: 0 4px 16px rgba(0,0,0,.08);--sidebar-width: 230px;--header-height: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}[data-theme=dark]{--bg-app: #0f1117;--bg-card: #1a1d27;--bg-sidebar: #1e2130;--bg-sidebar-active: #3a1a1a;--bg-header: #1a1d27;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-sidebar: #cbd5e1;--text-sidebar-active:#f87171;--border: #2d3148;--border-light: #232637;--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-elevated: 0 4px 16px rgba(0,0,0,.4)}html,body{height:100%;font-family:var(--font);font-size:14px;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:var(--font);cursor:pointer;border:none;background:none}ul,ol{list-style:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-panel{position:absolute;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000024;z-index:200;overflow:hidden;animation:fadeDown .15s ease}.ss-wrap{position:relative;display:block;width:100%}.ss-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;padding:6px 10px 6px 12px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13.5px;font-family:inherit;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.ss-trigger:hover:not(.ss-trigger--disabled){border-color:#9ca3af}.ss-trigger:focus-visible{outline:2px solid #1e3a5f;outline-offset:2px}.ss-trigger.ss-trigger--open{border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.ss-trigger.ss-trigger--disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb;pointer-events:none}.ss-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #9ca3af;flex-shrink:0;transition:transform .2s ease}.ss-trigger--open .ss-caret{transform:rotate(180deg)}.ss-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:3000;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px #00000029;overflow:hidden;animation:fadeDown .15s ease}.ss-search{display:block;width:100%;padding:9px 12px 9px 36px;border:none;border-bottom:1px solid #f0f1f3;font-size:13px;font-family:inherit;color:#374151;background:#fafbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 11px center;outline:none;box-sizing:border-box}.ss-search::placeholder{color:#b8bec8}.ss-search:focus{background-color:#fff;border-bottom-color:#1e3a5f}.ss-list{max-height:230px;overflow-y:auto}.ss-list::-webkit-scrollbar{width:4px}.ss-list::-webkit-scrollbar-track{background:transparent}.ss-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.ss-list::-webkit-scrollbar-thumb:hover{background:#d1d5db}.ss-item{padding:8px 14px;font-size:13.5px;font-family:inherit;color:#374151;cursor:pointer;transition:background .08s}.ss-item:hover:not(.ss-item--disabled){background:#f4f6f9}.ss-item.ss-item--active{background:#eff4ff;color:#1e3a5f;font-weight:600}.ss-item.ss-item--disabled{color:#c4cad4;cursor:not-allowed;font-style:italic}.ss-empty{padding:14px;font-size:13px;color:#9ca3af;text-align:center;font-style:italic}[data-theme=dark] .ss-trigger{background:#1e2130;border-color:#2d3148;color:#cbd5e1}[data-theme=dark] .ss-trigger:hover:not(.ss-trigger--disabled){border-color:#4b5280}[data-theme=dark] .ss-trigger.ss-trigger--open{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}[data-theme=dark] .ss-trigger.ss-trigger--disabled{background:#151823;color:#4b5563;border-color:#232637}[data-theme=dark] .ss-caret{border-top-color:#64748b}[data-theme=dark] .ss-trigger--open .ss-caret{border-top-color:#94a3b8}[data-theme=dark] .ss-panel{background:#1e2130;border-color:#2d3148;box-shadow:0 10px 40px #00000080}[data-theme=dark] .ss-search{background-color:#171a28;border-bottom-color:#2d3148;color:#cbd5e1}[data-theme=dark] .ss-search:focus{background-color:#1a1d27;border-bottom-color:#60a5fa}[data-theme=dark] .ss-item{color:#cbd5e1}[data-theme=dark] .ss-item:hover:not(.ss-item--disabled){background:#252a3d}[data-theme=dark] .ss-item.ss-item--active{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .ss-item.ss-item--disabled{color:#374151}[data-theme=dark] .ss-empty{color:#4b5563}@media print{app-sidebar,app-header,.sidebar-overlay{display:none!important}html,body{height:auto!important;background:#fff!important}.app-shell{display:block!important;height:auto!important;padding:0!important;gap:0!important;background:#fff!important}.main-area{height:auto!important;overflow:visible!important;border-radius:0!important;background:#fff!important}.page-content{overflow:visible!important;display:block!important}.page-content>*{flex:none!important;min-height:0!important}}
