:root{--navy-50: #f0f4f8;--navy-100: #d9e2ec;--navy-200: #bcccdc;--navy-300: #9fb3c8;--navy-400: #829ab1;--navy-500: #627d98;--navy-600: #486581;--navy-700: #334e68;--navy-800: #243b53;--navy-900: #102a43;--navy-950: #0a1929;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-emerald: #059669;--accent-red: #dc2626;--accent-amber: #d97706;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--border-light: #e2e8f0;--border-medium: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-card: 0 1px 2px 0 rgb(0 0 0 / .05), 0 1px 3px 0 rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-secondary);color:var(--text-primary);line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--navy-200);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--navy-300)}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media(max-width:768px){.app-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .25s ease}.app-sidebar.open{transform:translate(0)}}.card-hover{transition:box-shadow .15s ease,transform .15s ease}.card-hover:hover{box-shadow:var(--shadow-md)}@media(max-width:768px){.table-responsive{display:none}.mobile-card-list{display:block}}@media(min-width:769px){.mobile-card-list{display:none}}@media print{body *{visibility:hidden}.printable-slip,.printable-slip *{visibility:visible}.printable-slip{position:absolute;left:0;top:0;width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .25s ease-out}.slide-up{animation:slideUp .25s ease-out}.scale-in{animation:scaleIn .2s ease-out}::selection{background:#2563eb26}