@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0d0d0d;--sidebar-bg: #ffffff;--sidebar-width: 220px;--sidebar-collapsed: 56px;--topbar-h: 48px;--accent: #2383e2;--bg: #f7f7f5;--card: #ffffff;--border: #e8e8e6;--border-dark: #d0d0ce;--text: #0d0d0d;--text-mid: #555;--text-light: #999;--red: #dc2626;--amber: #d97706;--green: #16a34a;--font: "Geist", -apple-system, sans-serif;--font-mono: "Geist Mono", "SF Mono", monospace}html{color-scheme:light!important}body{font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";overflow:hidden}@media (prefers-color-scheme: dark){html{color-scheme:light!important}body{background:var(--bg)!important;color:var(--text)!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}h1{font-size:20px;font-weight:700;letter-spacing:-.5px}h2{font-size:15px;font-weight:600;letter-spacing:-.2px}h3{font-size:13px;font-weight:600}.mono,code,kbd,samp,[style*="fontFamily: 'monospace'"],[style*="font-family: monospace"]{font-family:var(--font-mono)!important}.btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:32px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,background .15s;white-space:nowrap;font-family:var(--font);letter-spacing:-.1px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--black);color:#fff}.btn-primary:hover:not(:disabled){background:#222}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border-dark)}.btn-secondary:hover:not(:disabled){background:#f5f5f5}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;color:var(--text-mid)}.btn-ghost:hover:not(:disabled){background:#f0f0ee}.btn-danger{background:#fff;color:var(--red);border:1px solid #fca5a5}.btn-danger:hover:not(:disabled){background:#fef2f2}.btn-sm{height:26px;padding:0 10px;font-size:11px}.btn-lg{height:38px;padding:0 20px;font-size:13px}.input,.select,.textarea{width:100%;height:32px;padding:0 10px;border:1px solid var(--border-dark);border-radius:6px;font-size:12px;font-family:var(--font);color:var(--text);background:#fff;outline:none;transition:border-color .15s;letter-spacing:-.1px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.textarea{height:auto;padding:8px 10px;resize:vertical;min-height:72px}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}label{font-size:11px;font-weight:500;color:var(--text-mid);display:block;margin-bottom:4px;letter-spacing:.1px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px}.card-pad{padding:16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-light);padding:8px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;font-family:var(--font)}tbody td{padding:9px 12px;font-size:12px;color:var(--text);border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafaf8}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap;font-family:var(--font)}.badge-draft{background:#f5f5f3;color:#666;border:1px solid #e0e0de}.badge-active{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.badge-booked{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge-shipped{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.badge-cancelled{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.badge-overdue{background:#fef2f2;color:var(--red);border:1px solid #fecaca}.badge-warning{background:#fffbeb;color:var(--amber);border:1px solid #fde68a}.form-group{margin-bottom:14px}.form-row{display:grid;gap:12px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:var(--text-light);gap:10px}.empty-state svg{opacity:.3}.empty-state p{font-size:13px}.page-content{padding:24px;height:calc(100vh - var(--topbar-h));overflow-y:auto}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.checkbox-wrap{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrap input[type=checkbox]{width:14px;height:14px;accent-color:var(--black);cursor:pointer}.tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.2px;border:1px solid var(--border-dark);color:var(--text-mid);background:#fafaf8}.tooltip-wrap{position:relative;display:inline-flex}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{body{overflow:visible!important}.no-print{display:none!important}}