:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2933;background-color:#f4f5f7}*{box-sizing:border-box}body{margin:0;background-color:#f4f5f7}a{color:inherit;text-decoration:none}#root{width:100%;min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#f8fafc;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.sidebar h1{font-size:1.25rem;margin:0}.nav-links{display:flex;flex-direction:column;gap:8px}.nav-links a{padding:10px 12px;border-radius:8px;color:#e2e8f0;font-weight:500}.nav-links a.active,.nav-links a:hover{background:#94a3b840;color:#fff}.content{padding:24px 32px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 15px 35px #0f172a1f;border:1px solid rgba(15,23,42,.06)}.card h3{margin-top:0}.table-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:0 15px 35px #0f172a14;border:1px solid rgba(15,23,42,.06);overflow:auto}table{width:100%;border-collapse:collapse}table thead{background:#e2e8f0}table th,table td{padding:12px;text-align:left;border-bottom:1px solid #cbd5f5}.btn{border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:#2563eb;color:#fff}.btn.secondary{background:#e2e8f0;color:#1e293b}.form-grid{display:grid;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}input,select,textarea{padding:10px 12px;border-radius:8px;border:1px solid #cbd5f5;font-size:1rem}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;background:#2563eb29;color:#1d4ed8;font-size:.75rem;font-weight:600}.status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.status-chip.draft{background:#94a3b840;color:#475569}.status-chip.submitted{background:#3b82f640;color:#1d4ed8}.status-chip.received,.status-chip.shipped{background:#22c55e33;color:#166534}.status-chip.cancelled{background:#f8717133;color:#991b1b}.metrics{display:flex;flex-direction:column;gap:8px}.metric-label{color:#64748b;font-size:.85rem}.metric-value{font-size:1.5rem;font-weight:700}.subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px;border-bottom:1px solid #cbd5f5;padding-bottom:8px}.subtab{background:#94a3b840;color:#475569;border:none;border-radius:9999px;padding:8px 16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease,color .2s ease}.subtab:hover{background:#2563eb2e;color:#1d4ed8}.subtab.active{background:#2563eb;color:#fff}.subtab:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.subtab-badge{background:#0f172a2e;color:inherit;border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:600}.subtab.active .subtab-badge{background:#ffffff38}.empty-state{padding:48px;text-align:center;color:#64748b}