:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--danger-dark: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--background: #ffffff;--surface: #ffffff;--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--border: var(--gray-200);--border-hover: var(--gray-300);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--gray-50);line-height:1.6}.app-shell{display:flex;height:100vh;overflow:hidden}.side{width:260px;background:var(--background);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.content{flex:1;overflow-y:auto;padding:var(--spacing-xl);background:var(--gray-50)}.brand{padding:var(--spacing-xl) var(--spacing-lg);font-size:1.25rem;font-weight:700;color:var(--primary);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--spacing-sm)}.brand:before{content:"📦";font-size:1.5rem}.nav{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);font-weight:500}.nav-item:hover{background:var(--gray-100);color:var(--text-primary)}.nav-item.active{background:var(--primary);color:#fff}.nav-item.active:hover{background:var(--primary-dark)}.top{background:var(--background);border-bottom:1px solid var(--border);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);min-height:64px}.top h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.spacer{flex:1}.userpill{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gray-100)}.userpill-text{font-size:13px;color:#374151;border-radius:var(--radius-full);font-size:.875rem}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:var(--spacing-xl);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.input,.select,.textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition-fast);background:var(--background);color:var(--text-primary)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--text-muted)}.label{display:block;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group{margin-bottom:var(--spacing-lg)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary,.btn:not([class*=ghost]):not([class*=danger]):not([class*=success]){background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn.ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn.ghost:hover:not(:disabled){background:var(--gray-100);border-color:var(--border-hover)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:var(--danger-dark);box-shadow:var(--shadow-md)}.btn.success{background:var(--success);color:#fff}.btn.success:hover:not(:disabled){background:#059669;box-shadow:var(--shadow-md)}.btn-group{display:flex;gap:var(--spacing-sm);align-items:center}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--border);font-weight:600;color:var(--text-secondary);background:var(--gray-50)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-primary)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--gray-50)}.table-responsive{overflow-x:auto}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--gray-100);color:var(--text-secondary)}.badge.success{background:#10b9811a;color:var(--success)}.badge.warning{background:#f59e0b1a;color:var(--warning)}.badge.danger{background:#ef44441a;color:var(--danger)}.badge.primary{background:#2563eb1a;color:var(--primary)}.toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-change{font-size:.875rem;margin-top:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.alert.info{background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:var(--primary)}.alert.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success)}.alert.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--warning)}.alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast)}.modal{background:var(--surface);border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal)}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border)}.modal-body{padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.side{position:fixed;left:-260px;z-index:999;transition:left var(--transition-normal)}.side.open{left:0}.content{padding:var(--spacing-lg)}.toolbar{flex-direction:column;align-items:stretch}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:1fr}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.flex{display:flex}.items-center{align-items:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.dark-mode-toggle{position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;font-size:14px;font-weight:500;color:#374151}.dark-mode-toggle:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.dark-mode-toggle svg{flex-shrink:0}.dark-mode-label{-webkit-user-select:none;user-select:none}body.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--text-primary: #e5e5e5;--text-secondary: #a3a3a3;--text-muted: #a3a3a3;--border-color: #404040;--accent-color: #3b82f6;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}body.dark-mode .main,body.dark-mode .content,body.dark-mode .app-shell{background-color:var(--bg-primary)!important;color:var(--text-primary)}body.dark-mode div,body.dark-mode section,body.dark-mode article{color:var(--text-primary)}body.dark-mode .white-bg,body.dark-mode .bg-white{background-color:var(--bg-secondary)!important}body.dark-mode .dark-mode-toggle{background:#2d2d2d;border-color:#404040;color:#e5e5e5}body.dark-mode nav,body.dark-mode .side{background-color:var(--bg-secondary);border-right-color:var(--border-color)}body.dark-mode nav a{color:var(--text-secondary)}body.dark-mode nav a:hover,body.dark-mode nav a.active{background-color:var(--bg-tertiary);color:var(--text-primary)}body.dark-mode .card,body.dark-mode .panel,body.dark-mode .modal,body.dark-mode .surface{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode table{background-color:var(--bg-secondary);border-color:var(--border-color)}body.dark-mode thead,body.dark-mode th{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode tbody tr{border-color:var(--border-color)}body.dark-mode tbody tr:hover{background-color:var(--bg-tertiary)}body.dark-mode td{border-color:var(--border-color)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:var(--text-secondary)}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:var(--accent-color);background-color:var(--bg-secondary)}body.dark-mode button:not(.dark-mode-toggle):not(.btn-primary):not(.primary){background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode button.primary,body.dark-mode button.btn-primary,body.dark-mode .btn.primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}body.dark-mode button:hover:not(.dark-mode-toggle){background-color:var(--bg-primary)}body.dark-mode .btn.ghost{background-color:transparent;color:var(--text-primary)}body.dark-mode .btn.ghost:hover{background-color:var(--bg-tertiary)}body.dark-mode .topbar,body.dark-mode header,body.dark-mode .toolbar,body.dark-mode .top{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-color);color:var(--text-primary)!important}body.dark-mode .top>div{color:var(--text-primary)!important}body.dark-mode .userpill{background-color:var(--bg-tertiary)}body.dark-mode .userpill-text,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:var(--text-primary)!important}body.dark-mode .text-muted,body.dark-mode [style*="color: var(--text-muted)"]{color:var(--text-secondary)!important}body.dark-mode .stat-card{background-color:var(--bg-secondary)!important;border-color:var(--border-color)}body.dark-mode .stat-label{color:var(--text-secondary)!important}body.dark-mode .stat-value{color:var(--text-primary)!important}body.dark-mode div[style*="background: 'white'"],body.dark-mode div[style*="background: white"],body.dark-mode div[style*="background:white"]{background:var(--bg-secondary)!important}body.dark-mode div[style*="background: #f3f4f6"],body.dark-mode div[style*="background:#f3f4f6"]{background:var(--bg-tertiary)!important}body.dark-mode div[style*="border: 1px solid #d1d5db"],body.dark-mode div[style*="border:1px solid #d1d5db"]{border-color:var(--border-color)!important}body.dark-mode code[style*="background: '#111827'"],body.dark-mode code[style*="background:#111827"]{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)}body.dark-mode span[style*="color: '#6b7280'"],body.dark-mode span[style*="color:#6b7280"]{color:var(--text-secondary)!important}body.dark-mode .modal-overlay{background-color:#000000b3}body.dark-mode .modal-header,body.dark-mode .modal-footer{border-color:var(--border-color)}body.dark-mode .Toastify__toast{background-color:var(--bg-secondary);color:var(--text-primary)}body.dark-mode .Toastify__toast--error{background-color:#7f1d1d}body.dark-mode .Toastify__toast--success{background-color:#14532d}body.dark-mode .Toastify__toast--info{background-color:#1e3a8a}body.dark-mode .badge{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode canvas{filter:brightness(.9)}body.dark-mode ::-webkit-scrollbar{background-color:var(--bg-primary)}body.dark-mode ::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary)}body.dark-mode ::-webkit-scrollbar-thumb:hover{background-color:var(--border-color)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}body.dark-mode ::-webkit-scrollbar-track{background:var(--bg-primary)}body.dark-mode ::-webkit-scrollbar-thumb{background-color:#4a4a4a;border-radius:6px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background-color:#5a5a5a}*{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}body.dark-mode *{scrollbar-color:#4a4a4a var(--bg-primary)}body.dark-mode td[style*="background: #f9fafb"],body.dark-mode td[style*="background:#f9fafb"]{background:var(--bg-primary)!important}body.dark-mode div[style*="background: white"],body.dark-mode div[style*="background:white"]{background:var(--bg-secondary)!important}body.dark-mode div[style*="background: #f3f4f6"],body.dark-mode div[style*="background:#f3f4f6"],body.dark-mode div[style*="background: #f9fafb"],body.dark-mode div[style*="background:#f9fafb"]{background:var(--bg-tertiary)!important}body.dark-mode div[style*="border: 1px solid #d1d5db"],body.dark-mode div[style*="border:1px solid #d1d5db"],body.dark-mode div[style*="border: '1px solid #d1d5db'"],body.dark-mode div[style*="border: 1px solid #e5e7eb"],body.dark-mode div[style*="border:1px solid #e5e7eb"]{border-color:var(--border-color)!important}body.dark-mode div[style*="borderBottom: '1px solid #d1d5db'"],body.dark-mode div[style*="borderBottom: 1px solid #d1d5db"]{border-bottom-color:var(--border-color)!important}body.dark-mode code[style*="background: #111827"],body.dark-mode code[style*="background:#111827"],body.dark-mode code[style*="background: '#111827'"]{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)}body.dark-mode code[style*="background: #dbeafe"],body.dark-mode code[style*="background:#dbeafe"]{background:#1e3a8a!important;color:#93c5fd!important}body.dark-mode div[style*="color: #6b7280"],body.dark-mode div[style*="color:#6b7280"],body.dark-mode span[style*="color: #6b7280"],body.dark-mode span[style*="color:#6b7280"],body.dark-mode span[style*="color: '#6b7280'"]{color:var(--text-secondary)!important}body.dark-mode div[style*="color: #9ca3af"],body.dark-mode div[style*="color:#9ca3af"],body.dark-mode div[style*="color: '#9ca3af'"]{color:var(--text-muted)!important}body.dark-mode td div,body.dark-mode td span:not(.badge){color:var(--text-primary)}body.dark-mode .side::-webkit-scrollbar{width:12px;background-color:var(--bg-secondary)}body.dark-mode .side::-webkit-scrollbar-thumb{background-color:#4a4a4a;border-radius:6px}body.dark-mode .side::-webkit-scrollbar-thumb:hover{background-color:#5a5a5a}body.dark-mode .side::-webkit-scrollbar-track{background-color:var(--bg-secondary)}body.dark-mode .content::-webkit-scrollbar,body.dark-mode .main::-webkit-scrollbar{background-color:var(--bg-primary)}body.dark-mode .content::-webkit-scrollbar-thumb,body.dark-mode .main::-webkit-scrollbar-thumb{background-color:#4a4a4a}body.dark-mode .input,body.dark-mode .select,body.dark-mode .textarea{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .input:focus,body.dark-mode .select:focus,body.dark-mode .textarea:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #3b82f633!important}body.dark-mode .input::placeholder,body.dark-mode .textarea::placeholder{color:var(--text-muted)!important}body.dark-mode input[type=checkbox]{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important}body.dark-mode input[type=checkbox]:checked{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}body.dark-mode .btn,body.dark-mode button{border-color:var(--border-color)!important}body.dark-mode .btn.ghost{background-color:transparent!important;border-color:var(--border-color)!important}body.dark-mode .btn.ghost:hover{background-color:var(--bg-tertiary)!important}body.dark-mode .top{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}body.dark-mode .top *{border-color:var(--border-color)!important}body.dark-mode .toolbar,body.dark-mode .filters{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}body.dark-mode code,body.dark-mode code[style*="background: var(--bg-muted)"]{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}body.dark-mode label,body.dark-mode .label{color:var(--text-primary)!important}body.dark-mode *{border-color:var(--border-color)}body.dark-mode [style*="border: 1px solid"]{border-color:var(--border-color)!important}body.dark-mode [style*="border-bottom: 1px solid"],body.dark-mode [style*="borderBottom: '1px solid"],body.dark-mode [style*="borderBottom: 1px solid"]{border-bottom-color:var(--border-color)!important}body.dark-mode [style*="border-right: 1px solid"],body.dark-mode [style*="borderRight: '1px solid"],body.dark-mode [style*="borderRight: 1px solid"]{border-right-color:var(--border-color)!important}body.dark-mode [style*="border-top: 1px solid"],body.dark-mode [style*="borderTop: '1px solid"],body.dark-mode [style*="borderTop: 1px solid"]{border-top-color:var(--border-color)!important}body.dark-mode [style*="border-left: 1px solid"],body.dark-mode [style*="borderLeft: '1px solid"],body.dark-mode [style*="borderLeft: 1px solid"]{border-left-color:var(--border-color)!important}body.dark-mode .modal,body.dark-mode .overlay{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}body.dark-mode .modal-backdrop{background-color:#000000b3!important}body.dark-mode input[type=file]{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode [style*="background: #fff"],body.dark-mode [style*="background:#fff"],body.dark-mode [style*="background: #ffffff"],body.dark-mode [style*="background:#ffffff"],body.dark-mode [style*="backgroundColor: '#fff'"],body.dark-mode [style*="backgroundColor: '#ffffff'"]{background-color:var(--bg-secondary)!important}body.dark-mode [style*="color: #9ca3af"],body.dark-mode [style*="color:#9ca3af"],body.dark-mode [style*="color: '#9ca3af'"],body.dark-mode small{color:var(--text-muted)!important}body.dark-mode [style*="background: #f9fafb"],body.dark-mode [style*="background:#f9fafb"],body.dark-mode [style*="background: #f3f4f6"],body.dark-mode [style*="background:#f3f4f6"],body.dark-mode [style*="background: #e5e7eb"],body.dark-mode [style*="background:#e5e7eb"]{background-color:var(--bg-tertiary)!important}body.dark-mode p,body.dark-mode span,body.dark-mode div:not(.badge),body.dark-mode td,body.dark-mode th,body.dark-mode li,body.dark-mode a{color:var(--text-primary)}body.dark-mode select option{background-color:var(--bg-secondary);color:var(--text-primary)}body.dark-mode hr{border-color:var(--border-color)!important}body.dark-mode [style*="color: white"],body.dark-mode [style*="color:#fff"],body.dark-mode [style*="color: #fff"],body.dark-mode [style*="color:#ffffff"],body.dark-mode [style*="color: #ffffff"]{color:var(--text-primary)!important}body.dark-mode [style*="background: #f9fafb"],body.dark-mode [style*="background:#f9fafb"],body.dark-mode [style*="background: '#f9fafb'"]{background:var(--bg-primary)!important}body.dark-mode [style*="background: #f3f4f6"],body.dark-mode [style*="background:#f3f4f6"],body.dark-mode [style*="background: '#f3f4f6'"],body.dark-mode td div[style*="background: #f9fafb"],body.dark-mode td div[style*="background: #f3f4f6"]{background:var(--bg-tertiary)!important}body.dark-mode td[style*="padding: 0"]{background:var(--bg-primary)!important}body.dark-mode td[style*=background],body.dark-mode td[style*=background-color]{background-color:var(--bg-primary)!important}body.dark-mode td>div{background-color:transparent!important}body.dark-mode td>div>div{background-color:transparent!important}body.dark-mode div[style*="display: flex"][style*="padding: 10"]{background:var(--bg-tertiary)!important}body.dark-mode [style*="border: '1px solid #e5e7eb'"],body.dark-mode [style*="border: 1px solid #e5e7eb"],body.dark-mode [style*="border: '1px solid #d1d5db'"],body.dark-mode [style*="border: 1px solid #d1d5db"]{border:1px solid var(--border-color)!important}body.dark-mode [style*="color: #9ca3af"],body.dark-mode [style*="color:#9ca3af"]{color:var(--text-muted)!important}body.dark-mode div[style*="padding: 20"]{background:var(--bg-primary)!important}body.dark-mode div[style*="padding: 12"]{background:transparent!important}body.dark-mode code[style*="background: #dbeafe"]{background:#1e3a8a!important;color:#93c5fd!important}.expanded-row-td{background-color:var(--bg-primary)}body.dark-mode .expanded-row-td{background-color:var(--bg-primary)!important}.expanded-row-container{background-color:transparent}.po-group-container{background-color:#fff}body.dark-mode .po-group-container{background-color:var(--bg-secondary)!important}.po-header-collapsed{background-color:#fff}.po-header-expanded{background-color:#f3f4f6}body.dark-mode .po-header-collapsed{background-color:var(--bg-secondary)!important}body.dark-mode .po-header-expanded{background-color:var(--bg-tertiary)!important}.po-number-badge{background:#111827;color:#fff;padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:600}body.dark-mode .po-number-badge{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)}.serial-number-badge{background:#dbeafe;color:#1e40af;padding:2px 6px;border-radius:4px;font-size:.8rem}body.dark-mode .serial-number-badge{background:#1e3a8a!important;color:#93c5fd!important;border:1px solid var(--border-color)}.unit-card,.unit-available{background-color:#f9fafb}.unit-sold{background-color:#f3f4f6}body.dark-mode .unit-card,body.dark-mode .unit-available{background-color:var(--bg-tertiary)!important}body.dark-mode .unit-sold{background-color:#ffffff08!important}.text-muted{color:#6b7280}body.dark-mode .text-muted{color:var(--text-muted)!important}