@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sidebar-bg:#1e2330;--sidebar-bg-hover:#2a3145;--sidebar-bg-active:#1d7ef5;--sidebar-text:#adb5c4;--sidebar-text-active:#ffffff;--sidebar-text-hover:#ffffff;--sidebar-group-text:#6b7790;--sidebar-border:rgba(255,255,255,0.07);--sidebar-width:200px;--header-bg:#ffffff;--header-border:#e0e4ea;--header-height:48px;--bg-base:#f5f6f8;--bg-surface:#ffffff;--bg-surface-hover:#f7f9fb;--bg-table-header:#f8f9fb;--text-primary:#1a1f2e;--text-secondary:#5a6478;--text-muted:#8a94a6;--text-link:#1d7ef5;--border-color:#e0e4ea;--border-color-hover:#b8bfd0;--border-radius-sm:4px;--border-radius-md:6px;--primary:#1d7ef5;--primary-hover:#1668d3;--primary-light:rgba(29,126,245,0.08);--primary-text:#ffffff;--status-option-color:#f59c1d;--status-confirmed-color:#1a1f2e;--status-cancelled-color:#8a94a6;--accent-green:#27a861;--accent-red:#e53935;--accent-orange:#f59c1d;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 2px 8px rgba(0,0,0,0.10)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--text-primary);background:var(--bg-base);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}.app-container,.app-main{display:flex;min-height:100vh}.app-main{flex:1 1;margin-left:var(--sidebar-width);background:var(--bg-base);flex-direction:column}@media screen{.app-container,.app-main,body,html{height:100vh;overflow:hidden}.page-content{height:calc(100vh - var(--header-height));overflow-y:auto}}.page-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:54px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-shrink:0}.page-header-left,.page-header-right{display:flex;align-items:center;gap:8px}.page-header h1{font-size:18px;font-weight:600}.page-toolbar{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.page-toolbar-spacer{flex:1 1}.table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.table-wrap{overflow-x:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8cdd8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#adb5c4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-decoration:none!important;white-space:nowrap;line-height:1.4;font-family:var(--font-sans)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff!important}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:#fff;border-color:var(--border-color);color:var(--text-primary)!important}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-color-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)!important}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)!important}.btn-danger{background:var(--accent-red);border-color:var(--accent-red);color:#fff!important}.btn-danger:hover{background:#c62828;border-color:#c62828}.btn-sm{padding:4px 10px;font-size:12px}.btn-xs{padding:2px 8px;font-size:11px}input[type=date],input[type=email],input[type=number],input[type=search],input[type=text],input[type=url],select,textarea{width:100%;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;padding:7px 10px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(29,126,245,.12)}input::placeholder{color:var(--text-muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.form-group{margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:var(--bg-table-header)}th{text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}td,th{padding:9px 12px;border-bottom:1px solid var(--border-color)}td{font-size:13px;color:var(--text-primary);vertical-align:middle}tbody tr:hover td{background:#f0f5ff}tbody tr:last-child td{border-bottom:none}td:first-child,th:first-child{padding-left:16px}.status-confirmed{color:var(--text-primary)}.status-option{color:var(--accent-orange)}.status-cancelled{text-decoration:line-through}.status-cancelled,.status-draft{color:var(--text-muted)}.status-invoiced{color:var(--accent-green)}.status-packed{color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.badge-blue{background:rgba(29,126,245,.1);color:#1d7ef5}.badge-green{background:rgba(39,168,97,.1);color:#27a861}.badge-orange{background:rgba(245,156,29,.1);color:#c4780b}.badge-red{background:rgba(229,57,53,.1);color:#e53935}.badge-gray{background:#eceef1;color:#5a6478}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#fff;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.filter-chip:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.filter-chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.search-wrap{position:relative;display:inline-flex;align-items:center}.search-wrap input{padding-left:32px;width:220px}.search-wrap .search-icon{position:absolute;left:9px;color:var(--text-muted);pointer-events:none;display:flex}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--bg-table-header)}.card-body{padding:16px}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.tab-item{padding:13px 16px;font-weight:500;transition:color .15s,border-color .15s}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:var(--border-radius-md);box-shadow:0 8px 32px rgba(0,0,0,.18);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h2{font-size:15px;font-weight:600}.modal-body{padding:20px;overflow-y:auto;flex:1 1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border-color);flex-shrink:0}.color-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.stat-card{padding:18px 20px}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-size:28px;line-height:1.1}.stat-sub{margin-top:4px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-wrap{gap:12px;padding:80px}.empty-state,.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state{padding:60px 20px;gap:10px;text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.flex-1{flex:1 1}.w-full{width:100%}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-link{color:var(--text-link);cursor:pointer}h1{font-size:20px}h1,h2{font-weight:600;color:var(--text-primary)}h2{font-size:16px}h3{font-size:14px}h3,h4{font-weight:600;color:var(--text-primary)}h4{font-size:13px}.tab-bar{display:flex;align-items:flex-end;background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:0 24px;gap:0;overflow-x:auto}.tab-item{display:inline-flex;align-items:center;padding:10px 16px;font-size:13px;font-weight:400;color:var(--text-secondary);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .12s,border-color .12s;margin-bottom:-1px}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;box-shadow:var(--shadow-sm)}.stat-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-sub{font-size:11px;color:var(--text-muted)}.page-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}@media print{.app-container,.app-main,.no-print-layout,.page-content,body{background:transparent!important}.app-main{margin-left:0!important}.no-print{display:none!important}-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}[data-theme=dark]{--sidebar-bg:#09090b;--sidebar-bg-hover:#18181b;--sidebar-border:rgba(255,255,255,0.08);--header-bg:#09090b;--header-border:#27272a;--bg-base:#000000;--bg-surface:#09090b;--bg-surface-hover:#18181b;--bg-table-header:#121214;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-link:#3b8ef6;--border-color:#27272a;--border-color-hover:#3f3f46;--status-confirmed-color:#ededed;--shadow-sm:0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 4px 12px rgba(0,0,0,0.7)}[data-theme=dark] .btn-secondary{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-primary)!important}[data-theme=dark] .btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-color-hover)}[data-theme=dark] input[type=date],[data-theme=dark] input[type=email],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] input[type=text],[data-theme=dark] input[type=url],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-base);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] tbody tr:hover td{background:#121214}[data-theme=dark] .badge-gray{background:#27272a;color:#a1a1aa}[data-theme=dark] .filter-chip{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .filter-chip:hover{background:var(--bg-surface-hover)}[data-theme=dark] .modal{background:var(--bg-surface);box-shadow:0 12px 48px rgba(0,0,0,.6)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#6b7280}[data-theme=dark] ::-webkit-scrollbar-corner{background:transparent}.Sidebar_sidebar__v6daX{position:fixed;top:0;left:0;width:var(--sidebar-width,200px);height:100vh;background:#1e2330;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:100;border-right:1px solid rgba(255,255,255,.05)}.Sidebar_logoContainer__rVJkh{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.07);min-height:52px;flex-shrink:0}.Sidebar_logoIcon__vN9w8{width:28px;height:28px;background:rgba(29,126,245,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.Sidebar_logoTextBlock__rSh_S{display:flex;flex-direction:column;gap:1px;overflow:hidden}.Sidebar_logoCompany__yDJvc{font-size:13px;font-weight:600;color:#fff;line-height:1.2}.Sidebar_logoCompany__yDJvc,.Sidebar_logoSub__8T5aX{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Sidebar_logoSub__8T5aX{font-size:10px;color:#6b7790}.Sidebar_nav__KAd3g{flex:1 1;padding:8px 0;overflow-y:auto}.Sidebar_navItem__5OSJs{display:flex;align-items:center;gap:9px;padding:8px 14px;width:100%;font-size:13px;font-weight:400;color:#adb5c4;text-decoration:none;border:none;background:transparent;cursor:pointer;transition:background .12s,color .12s;text-align:left;font-family:var(--font-sans);line-height:1.4;border-radius:0}.Sidebar_navItem__5OSJs:hover{background:rgba(255,255,255,.06);color:#fff;text-decoration:none}.Sidebar_navItem__5OSJs.Sidebar_active__jjcnH{background:#1d7ef5;color:#fff;font-weight:500}.Sidebar_navItem__5OSJs.Sidebar_active__jjcnH:hover{background:#1668d3}.Sidebar_icon__UMMxd{flex-shrink:0;opacity:.8}.Sidebar_navItem__5OSJs.Sidebar_active__jjcnH .Sidebar_icon__UMMxd,.Sidebar_navItem__5OSJs:hover .Sidebar_icon__UMMxd{opacity:1}.Sidebar_label__wZCQF{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Sidebar_chevron__eXpIf{flex-shrink:0;display:flex;align-items:center;opacity:.5}.Sidebar_navItem__5OSJs:hover .Sidebar_chevron__eXpIf{opacity:.8}.Sidebar_subNav__6MtSB{padding:2px 0;background:rgba(0,0,0,.15)}.Sidebar_subNavItem__8jd60{display:block;padding:7px 14px 7px 39px;font-size:12px;font-weight:400;color:#8a94a8;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}.Sidebar_subNavItem__8jd60:hover{background:rgba(255,255,255,.05);color:#d0d6e4;text-decoration:none}.Sidebar_subNavItem__8jd60.Sidebar_subActive__qU_QT{color:#fff;background:rgba(29,126,245,.2);font-weight:500}.Sidebar_sidebar__v6daX::-webkit-scrollbar{width:4px}.Sidebar_sidebar__v6daX::-webkit-scrollbar-track{background:transparent}.Sidebar_sidebar__v6daX::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.TopBar_topbar__LJmSM{height:46px;background:#ffffff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0;z-index:50;position:-webkit-sticky;position:sticky;top:0}.TopBar_left__PcMfT{display:flex;align-items:center;gap:8px;flex:1 1}.TopBar_right__LCpj8{display:flex;align-items:center;gap:4px}.TopBar_iconBtn__xF2gu{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}.TopBar_iconBtn__xF2gu:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.TopBar_userChip__UpJmP{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:20px;cursor:pointer;transition:background .12s;margin-left:4px}.TopBar_userChip__UpJmP:hover{background:var(--bg-surface-hover)}.TopBar_avatar___h_Y8{width:28px;height:28px;border-radius:50%;background:#1d7ef5;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.TopBar_userName__neR2c{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap}