:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-500: #3b82f6;--color-primary-600: #1d6092;--color-primary-700: #145c8e;--color-primary-800: #1e3a5f;--color-primary-900: #0a1f33;--color-accent-400: #fbbf24;--color-accent-500: #fca33d;--color-accent-600: #f59e0b;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-50: #fefce8;--color-warning-500: #eab308;--color-warning-600: #ca8a04;--color-danger-50: #fef2f2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--surface-bg: #f3f4f6;--surface-card: #ffffff;--surface-overlay: rgba(0, 0, 0, .45);--surface-sidebar: #0d2137;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-condensed: "Roboto Condensed", "Arial Narrow", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .14);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .18);--shadow-primary: 0 4px 14px rgba(20, 92, 142, .35);--sidebar-width: 260px;--topbar-height: 56px;--bottomnav-height: 60px;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--surface-bg);color:var(--color-neutral-800);min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-xs{font-size:.6875rem;line-height:1.4}.text-sm{font-size:.8125rem;line-height:1.5}.text-base{font-size:.9375rem;line-height:1.6}.text-lg{font-size:1.0625rem;font-weight:600}.text-xl{font-size:1.25rem;font-weight:700}.text-2xl{font-size:1.5rem;font-weight:700;font-family:var(--font-condensed)}.text-3xl{font-size:2rem;font-weight:900;font-family:var(--font-condensed);text-transform:uppercase}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase;letter-spacing:.05em}.text-muted{color:var(--color-neutral-500)}.card{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200)}.card-flat{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.125rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;transition:all var(--transition-base);line-height:1.25;white-space:nowrap;border:2px solid transparent}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary-700);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-800)}.btn-accent{background:var(--color-accent-500);color:#fff;box-shadow:0 4px 12px #fca33d59}.btn-accent:hover:not(:disabled){background:var(--color-accent-600)}.btn-success{background:var(--color-success-600);color:#fff;box-shadow:0 4px 12px #16a34a4d}.btn-success:hover:not(:disabled){background:#166534}.btn-ghost{background:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-200)}.btn-danger{background:var(--color-danger-500);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-600)}.btn-outline{background:transparent;border-color:var(--color-primary-700);color:var(--color-primary-700)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;border-radius:var(--radius-md)}.btn-icon{padding:.5rem;border-radius:var(--radius-full);aspect-ratio:1}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.badge-default{background:var(--color-neutral-100);color:var(--color-neutral-600)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-accent{background:#fef3c7;color:#92400e}.badge-success{background:var(--color-success-50);color:var(--color-success-600)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-600)}.badge-danger{background:var(--color-danger-50);color:var(--color-danger-600)}.badge-pending{background:#f9fafb;color:#6b7280}.badge-confirmed{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-in_delivery{background:#fef3c7;color:#b45309}.badge-delivered{background:var(--color-success-50);color:var(--color-success-600)}.badge-cancelled{background:var(--color-danger-50);color:var(--color-danger-600)}.form-label{display:block;margin-bottom:var(--space-1);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-neutral-500)}.form-input{display:block;width:100%;padding:.6875rem var(--space-3);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-neutral-50);font-size:.9375rem;line-height:1.5;transition:border-color var(--transition-base),box-shadow var(--transition-base);outline:none}.form-input:focus{border-color:var(--color-primary-700);box-shadow:0 0 0 3px #145c8e1f;background:#fff}.form-group{margin-bottom:var(--space-4)}.app-shell{display:flex;min-height:100dvh}.app-sidebar{width:var(--sidebar-width);background:var(--surface-sidebar);display:none;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;overflow-y:auto;transition:transform var(--transition-slow)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100dvh}.app-content{flex:1;padding:var(--space-4) var(--space-4) calc(var(--bottomnav-height) + var(--space-4));overflow-y:auto}.app-topbar{height:var(--topbar-height);background:var(--surface-card);border-bottom:1px solid var(--color-neutral-200);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.app-bottomnav{height:var(--bottomnav-height);background:var(--surface-card);border-top:1px solid var(--color-neutral-200);display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -4px 16px #00000012}@media (min-width: 1024px){.app-sidebar{display:flex}.app-main{margin-left:var(--sidebar-width)}.app-content{padding:var(--space-6) var(--space-8) var(--space-6)}.app-bottomnav{display:none}.mobile-only{display:none!important}}@media (max-width: 1023px){.desktop-only{display:none!important}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .15s ease}.overlay-bottom{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);z-index:300;display:flex;align-items:flex-end;animation:fadeIn .15s ease}.modal-panel{background:var(--surface-card);border-radius:var(--radius-2xl);padding:var(--space-6);width:100%;max-width:440px;max-height:90dvh;overflow-y:auto;animation:slideUp .2s ease}.sheet-panel{background:var(--surface-card);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-6) var(--space-5);width:100%;max-height:90dvh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.4,0,.2,1)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:700;font-size:.6875rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-neutral-500);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-100);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-neutral-50)}.toast-container{position:fixed;top:calc(var(--topbar-height) + var(--space-3));right:var(--space-4);z-index:999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:all;background:var(--color-neutral-800);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-3);min-width:260px;max-width:360px;animation:slideInRight .2s ease}.toast-success{background:var(--color-success-600)}.toast-error{background:var(--color-danger-600)}.toast-info{background:var(--color-primary-700)}.kanban-board{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-4);min-height:calc(100dvh - var(--topbar-height) - var(--bottomnav-height) - var(--space-8))}.kanban-col{flex-shrink:0;width:280px;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden}.kanban-col-header{padding:var(--space-3) var(--space-4);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center}.kanban-col-body{flex:1;overflow-y:auto;padding:var(--space-2);gap:var(--space-2);display:flex;flex-direction:column}.kanban-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3);box-shadow:var(--shadow-sm);animation:slideUp .2s ease;border-left:4px solid transparent}.kanban-card.new-card{animation:pulseGreen 1.5s ease}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width: 1024px){.stats-grid-4{grid-template-columns:repeat(4,1fr)}}.notif-drawer{position:fixed;right:0;top:0;bottom:0;width:min(380px,100vw);background:var(--surface-card);box-shadow:-8px 0 40px #00000026;z-index:400;display:flex;flex-direction:column;animation:slideInRight .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulseGreen{0%{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.material-icons-round{font-family:Material Icons Round;font-style:normal;font-weight:400;font-size:1.25rem;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none}