@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&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: #ffffff;--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{overflow-x:hidden;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:-.4px}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;background:#fff}.app-shell{width:100vw;height:100vh;overflow:hidden;background:#fff}html[data-os=windows] .app-shell{zoom:var(--windows-ui-zoom, .88);width:calc(100vw / var(--windows-ui-zoom, .88));height:calc(100vh / var(--windows-ui-zoom, .88))}.app-page-title{font-size:20px!important;font-weight:700!important;letter-spacing:-.35px!important;line-height:1.15!important}.app-page-subtitle{font-size:11px!important;color:var(--text-light)!important;margin-top:1px!important}.app-tab-label{font-size:13px!important;font-weight:500!important;letter-spacing:-.1px!important}.app-kpi-card{height:58px!important;min-height:58px!important;padding:6px 12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.app-icon-only{width:36px!important;min-width:36px!important;height:34px!important;padding:0!important;justify-content:center!important}.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}}.btn[style*=width] svg,button[title*="Column Settings"] svg,button[title*=column] svg{display:block;flex:0 0 auto;margin:auto}.btn[style*=width]{justify-content:center!important;align-items:center!important}button[title*="Column Settings"],button[title*=column]{display:inline-flex!important;align-items:center!important;justify-content:center!important}main,.page-content,.section-header{background:#fff}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;overflow:hidden}main{min-height:0;overflow:hidden}.page-content{height:calc(100dvh - var(--topbar-h));min-height:0;overflow:auto;padding-top:clamp(12px,2vh,24px);padding-bottom:0}.app-vfit-column{min-height:0;overflow:hidden}.app-vfit-scroll{min-height:0;overflow:auto}@media (max-height: 760px){.page-content{padding-top:12px}.app-kpi-card{height:52px!important;min-height:52px!important}tbody td,thead th{padding-top:7px;padding-bottom:7px}}:root{--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}.font-bold,[class*=font-bold]{font-weight:var(--fw-bold)!important}strong,b{font-weight:var(--fw-bold)}button,.btn,input,select,textarea{font-weight:var(--fw-medium)}th,.table-header,.app-table th{font-weight:var(--fw-semibold)!important}.app-page-title,h1{font-weight:var(--fw-bold)!important}.app-tab-label,[role=tab]{font-weight:var(--fw-semibold)!important}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden!important}:root{--app-vpad: clamp(12px, 2vh, 24px);--app-hpad: 24px;--app-header-pad-y: clamp(8px, 1.35vh, 12px);--app-toolbar-pad-y: clamp(6px, 1vh, 8px);--app-table-row-py: clamp(6px, 1vh, 9px);--app-kpi-h: clamp(48px, 7vh, 58px)}body[data-vfit=short]{--topbar-h: 42px;--app-vpad: 12px;--app-header-pad-y: 8px;--app-toolbar-pad-y: 6px;--app-table-row-py: 6px;--app-kpi-h: 48px}body[data-vfit=tight]{--topbar-h: 38px;--app-vpad: 8px;--app-header-pad-y: 6px;--app-toolbar-pad-y: 5px;--app-table-row-py: 5px;--app-kpi-h: 44px}.app-shell{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.app-main-column,.app-main-area{min-height:0!important;overflow:hidden!important}.page-content{height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:var(--app-vpad) var(--app-hpad)!important;display:flex!important;flex-direction:column!important;background:#fff!important}.page-content>*{min-height:0}.page-content .section-header,.page-content>div:first-child:not(.card):not(.table-wrap){flex-shrink:0}.page-content .card:has(.table-wrap),.page-content>.card:last-child,.page-content>div:has(table):last-child{min-height:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.page-content .table-wrap,.page-content .card .table-wrap,.page-content div:has(>table){min-height:0!important;flex:1 1 auto!important;overflow:auto!important}.page-content table thead th,.app-shell table thead th{position:sticky;top:0;z-index:5;background:#fafafa}body[data-vfit=short] .page-content,body[data-vfit=tight] .page-content{gap:10px!important}body[data-vfit=tight] .empty-state{padding:24px!important}body[data-vfit=short] .card-pad{padding:12px!important}body[data-vfit=tight] .card-pad{padding:10px!important}body[data-vfit=short] .app-shell main>div[style*="flex-direction: column"]>div[style*="padding: 12px 24px"],body[data-vfit=tight] .app-shell main>div[style*="flex-direction: column"]>div[style*="padding: 12px 24px"]{padding-top:var(--app-header-pad-y)!important;padding-bottom:var(--app-header-pad-y)!important}body[data-vfit=short] .app-shell main>div[style*="flex-direction: column"]>div[style*="padding: 8px 24px"],body[data-vfit=tight] .app-shell main>div[style*="flex-direction: column"]>div[style*="padding: 8px 24px"]{padding-top:var(--app-toolbar-pad-y)!important;padding-bottom:var(--app-toolbar-pad-y)!important}body[data-vfit=short] .app-shell .app-kpi-card,body[data-vfit=tight] .app-shell .app-kpi-card{height:var(--app-kpi-h)!important;min-height:var(--app-kpi-h)!important}body[data-vfit=short] .app-shell tbody td,body[data-vfit=tight] .app-shell tbody td{padding-top:var(--app-table-row-py)!important;padding-bottom:var(--app-table-row-py)!important}body[data-vfit=tight] .app-page-title{font-size:19px!important}body[data-vfit=tight] .app-page-subtitle{display:none!important}.app-sidebar{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.app-sidebar-nav{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}.app-sidebar-bottom{flex-shrink:0!important}body[data-vfit=short] .app-sidebar-logo{height:54px!important}body[data-vfit=tight] .app-sidebar-logo{height:46px!important}body[data-vfit=short] .app-sidebar-nav{padding-top:6px!important;padding-bottom:4px!important}body[data-vfit=tight] .app-sidebar-nav{padding-top:4px!important;padding-bottom:2px!important}body[data-vfit=tight] .app-sidebar-bottom{padding-top:5px!important;padding-bottom:5px!important}html[data-os=windows] .app-shell{zoom:1!important;width:100vw!important;height:100dvh!important}