:root{--app-bg: #f2f5f8;--surface-1: #ffffff;--surface-2: #f6f9fc;--surface-3: #eef3f9;--text-1: #0f172a;--text-2: #475569;--text-3: #64748b;--border: #dbe4f0;--danger: #b91c1c;--on-accent: #ffffff;--success-500: #10b981;--success-600: #059669;--success-soft: #dcfce7;--success-text: #166534;--warning-500: #f59e0b;--warning-600: #d97706;--warning-soft: #fef3c7;--warning-text: #92400e;--danger-500: #ef4444;--danger-600: #dc2626;--danger-soft: #fef2f2;--danger-text: #991b1b;--info-500: #6366f1;--info-600: #4f46e5;--info-soft: #e3f2fd;--info-text: #1976d2;--shadow-1: 0 1px 3px rgba(15, 23, 42, .12), 0 1px 2px rgba(15, 23, 42, .08);--shadow-2: 0 8px 24px rgba(15, 23, 42, .14);--overlay-backdrop: rgba(0, 0, 0, .5);--menu-bg-top: #1e293b;--menu-bg-bottom: #0f172a;--menu-border: rgba(255, 255, 255, .1);--menu-muted: #94a3b8;--menu-fg: #ffffff;--menu-panel: rgba(255, 255, 255, .05);--menu-panel-hover: rgba(255, 255, 255, .08);--accent-400: #7c71e0;--accent-500: #5347ce;--accent-600: #4138a8;--accent-soft: rgba(83, 71, 206, .14);--accent-subtle: rgba(83, 71, 206, .08);--panel-bg: #ffffff;--panel-elevated: #f9fafb;--panel-muted: #f3f4f6;--line: #e5e7eb;--line-strong: #d1d5db;--text-heading: #111827;--text-body: #374151;--text-muted: #6b7280;--icon-muted: #9ca3af;--primary-btn-bg: #5347ce;--primary-btn-bg-hover: #6358d4;--primary-btn-bg-disabled: #a5a0e0;--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-fg: #166534;--warning-bg: #fef3c7;--warning-border: #fde68a;--warning-fg: #92400e;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-fg: #991b1b;--info-bg: #eff6ff;--info-border: #bfdbfe;--info-fg: #1d4ed8;--purple-bg: #fdf4ff;--purple-border: #e9d5ff;--purple-fg: #7c3aed;--table-row-alt: #f8f8f8;--mobile-menu-offset: calc(env(safe-area-inset-top, 0px) + 3.35rem) ;--header-height: 120px;--header-topbar-height: 48px;--header-toolbar-height: 72px}:root[data-theme=dark]{--app-bg: #0b1220;--surface-1: #121b2d;--surface-2: #0f172a;--surface-3: #19243a;--text-1: #e2e8f0;--text-2: #94a3b8;--text-3: #8da2c0;--border: #24324b;--danger: #f87171;--on-accent: #f8fafc;--success-soft: rgba(16, 185, 129, .2);--success-text: #6ee7b7;--warning-soft: rgba(245, 158, 11, .2);--warning-text: #fcd34d;--danger-soft: rgba(239, 68, 68, .2);--danger-text: #fca5a5;--info-soft: rgba(99, 102, 241, .2);--info-text: #a5b4fc;--shadow-1: 0 1px 3px rgba(2, 6, 23, .45), 0 1px 2px rgba(2, 6, 23, .3);--shadow-2: 0 10px 28px rgba(2, 6, 23, .5);--overlay-backdrop: rgba(2, 6, 23, .65);--menu-bg-top: #050910;--menu-bg-bottom: #0b1220;--menu-border: rgba(148, 163, 184, .18);--menu-muted: #9fb2cc;--menu-fg: #f8fafc;--menu-panel: rgba(148, 163, 184, .08);--menu-panel-hover: rgba(148, 163, 184, .14);--panel-bg: #121b2d;--panel-elevated: #0f172a;--panel-muted: #19243a;--line: #24324b;--line-strong: #334155;--text-heading: #e2e8f0;--text-body: #cbd5e1;--text-muted: #94a3b8;--icon-muted: #8da2c0;--primary-btn-bg: #5347ce;--primary-btn-bg-hover: #6358d4;--primary-btn-bg-disabled: #64748b;--success-bg: rgba(34, 197, 94, .2);--success-border: rgba(34, 197, 94, .42);--success-fg: #86efac;--warning-bg: rgba(245, 158, 11, .2);--warning-border: rgba(245, 158, 11, .4);--warning-fg: #fcd34d;--danger-bg: rgba(239, 68, 68, .2);--danger-border: rgba(239, 68, 68, .42);--danger-fg: #fca5a5;--info-bg: rgba(59, 130, 246, .2);--info-border: rgba(59, 130, 246, .45);--info-fg: #93c5fd;--purple-bg: rgba(168, 85, 247, .2);--purple-border: rgba(168, 85, 247, .4);--purple-fg: #d8b4fe;--table-row-alt: #1e293b}*{box-sizing:border-box}html,body{padding:0;margin:0;overscroll-behavior:none;background-color:var(--app-bg);color:var(--text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100vw}.material-icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}@media (max-width: 880px){.dashboard-container,.table-container,.details-wrapper,.edit-wrapper,.po-page,.reports-container{width:100%!important;margin-left:0!important;margin-right:0!important;padding-top:var(--mobile-menu-offset)}.settings-page{width:100%!important;max-width:100%!important;padding-top:calc(var(--mobile-menu-offset) + .4rem)!important}}