:root{--om-bg-main:#f8fafc;--om-bg-card:#fff;--om-border-subtle:#e2e8f0;--om-border-light:#f1f5f9;--om-text-primary:#0f172a;--om-text-secondary:#64748b;--om-text-muted:#94a3b8;--om-primary-blue:#2563eb;--om-primary-blue-hover:#1d4ed8;--om-primary-blue-light:#eff6ff;--om-success:#16a34a;--om-success-light:#dcfce7;--om-warning:#d97706;--om-warning-light:#fef3c7;--om-danger:#dc2626;--om-danger-light:#fee2e2;--om-purple:#9333ea;--om-purple-light:#f3e8ff;--om-bar-blue:#bfdbfe;--om-bar-blue-text:#1e40af;--om-bar-purple:#e9d5ff;--om-bar-purple-text:#6b21a8;--om-bar-green:#bbf7d0;--om-bar-green-text:#15803d;--om-bar-red:#fecaca;--om-bar-red-text:#991b1b;--om-shadow-sm:0 1px 2px 0 #0000000d;--om-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--om-radius-sm:0px;--om-radius-md:0px;--om-radius-lg:0px;--om-radius-full:0px}[data-theme=dark],:root[data-theme=dark]{--om-bg-main:var(--bg,#0b0f19);--om-bg-card:var(--panel,#131b2e);--om-border-subtle:var(--border,#829ef026);--om-border-light:#ffffff14;--om-text-primary:var(--text-primary,#f8fafc);--om-text-secondary:var(--text-secondary,#94a3b8);--om-text-muted:#64748b;--om-primary-blue-light:#2563eb33;--om-shadow-sm:0 1px 2px 0 #0006;--om-shadow-md:0 4px 6px -1px #00000080}.orderManagementWorkspace{background-color:var(--om-bg-main);box-sizing:border-box;min-height:calc(100vh - 60px);color:var(--om-text-primary);flex-direction:column;gap:14px;padding:18px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}
.orderHeaderContainer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.orderHeaderLeft{flex-direction:column;gap:4px;display:flex}.orderHeaderTitleRow{align-items:center;gap:10px;display:flex}.orderHeaderTitle{color:var(--om-text-primary);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.orderFilteredCountBadge{color:var(--om-primary-blue);background:var(--om-primary-blue-light);border-radius:0;padding:3px 8px;font-size:12px;font-weight:600}.orderHeaderSubtitle{color:var(--om-text-secondary);margin:0;font-size:14px}.orderHeaderRight{align-items:center;gap:12px;display:flex}.orderSearchWrapper{align-items:center;width:320px;display:flex;position:relative}.orderSearchIcon{pointer-events:none;width:16px;height:16px;position:absolute;left:12px}.orderSearchInput{background:var(--om-bg-card);border:1px solid var(--om-border-subtle);width:100%;height:38px;color:var(--om-text-primary);border-radius:0;outline:none;padding:0 32px 0 36px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.orderSearchInput:focus{border-color:var(--om-primary-blue);box-shadow:0 0 0 3px #2563eb1f}.orderSearchInput::placeholder{color:var(--om-text-muted)}.orderSearchClearBtn{color:var(--om-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex;position:absolute;right:10px}.orderNewOrderBtn{background:var(--om-primary-blue);color:#fff;cursor:pointer;border:none;border-radius:0;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13.5px;font-weight:600;transition:background-color .15s;display:flex}.orderNewOrderBtn:hover{background:var(--om-primary-blue-hover)}.orderNewOrderPlus{font-size:16px;line-height:1}.orderAnalyticsSwitchBtn{background:var(--om-bg-card);border:1px solid var(--om-border-subtle);height:38px;color:var(--om-text-secondary);cursor:pointer;border-radius:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.orderAnalyticsSwitchBtn:hover{color:var(--om-primary-blue);border-color:var(--om-primary-blue);background:#f1f5f9}
.orderControlBarRow{border-bottom:1px solid var(--om-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.orderFilterTabsNav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.orderFilterTabBtn{color:var(--om-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:6px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex;position:relative}.orderFilterTabBtn:hover{color:var(--om-text-primary);background:#00000008}.orderFilterTabBtn.active{color:var(--om-primary-blue);font-weight:600}.orderUrgencyDot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.orderUrgencyDot.overdueDot{background:#dc2626;animation:1.4s ease-in-out infinite urgencyDotPulse;box-shadow:0 0 0 2px #dc262640}.orderUrgencyDot.criticalDot{background:#f97316;animation:1.8s ease-in-out infinite urgencyDotPulse;box-shadow:0 0 0 2px #f9731640}.orderUrgencyDot.approachingDot{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}@keyframes urgencyDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.35)}}.orderFilterTabBadge{border-radius:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.allOrdersBadge{color:#475569;background:#e2e8f0}.allOrdersBadge.activeBadge{background:var(--om-primary-blue);color:#fff}.newOrdersBadge{background:var(--om-success-light);color:var(--om-success)}.inProgressBadge{background:var(--om-primary-blue-light);color:var(--om-primary-blue)}.reviewOrdersBadge{background:var(--om-purple-light);color:var(--om-purple)}.deliveredOrdersBadge{background:var(--om-success-light);color:var(--om-success)}.overdueOrdersBadge{background:var(--om-danger-light);color:var(--om-danger)}.hasOverdueUrgencyBadge{border:1px solid #fca5a5;border-radius:0;font-weight:700;color:#dc2626!important;background:#fee2e2!important}.hasCriticalUrgencyBadge{border:1px solid #fdba74;border-radius:0;font-weight:700;color:#c2410c!important;background:#ffedd5!important}
.orderViewControlsContainer{align-items:center;gap:12px;display:flex;position:relative}.orderPopoverAnchor{position:relative}.orderDateRangeBtn{background:var(--om-bg-card);border:1px solid var(--om-border-subtle);height:34px;color:var(--om-text-primary);cursor:pointer;border-radius:0;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;transition:border-color .15s;display:flex}.orderDateRangeBtn:hover,.orderDateRangeBtn.rangeActive{border-color:var(--om-primary-blue);color:var(--om-primary-blue)}.orderCalendarIcon{width:15px;height:15px}.orderChevronIcon{margin-left:2px;font-size:10px}.orderViewSegmentGroup{align-items:center;gap:8px;display:flex}.orderViewLabel{color:var(--om-text-secondary);font-size:13px}.orderSegmentedButtons{background:var(--om-bg-card);border:1px solid var(--om-border-subtle);border-radius:0;padding:2px;display:flex}.orderSegmentBtn{color:var(--om-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:0;padding:4px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.orderSegmentBtn.active{background:var(--om-primary-blue);color:#fff;font-weight:600}.orderFilterOptionsBtn{background:var(--om-bg-card);border:1px solid var(--om-border-subtle);cursor:pointer;width:34px;height:34px;color:var(--om-text-secondary);border-radius:0;justify-content:center;align-items:center;transition:border-color .15s;display:flex;position:relative}.orderFilterOptionsBtn:hover,.orderFilterOptionsBtn.filterActive{border-color:var(--om-primary-blue);color:var(--om-primary-blue)}.orderFilterBadgeDot{background:var(--om-primary-blue);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.orderDropdownMenu{border:1px solid var(--om-border-subtle);box-shadow:var(--om-shadow-md);z-index:50;background:#fff;border-radius:0;flex-direction:column;gap:2px;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.orderDropdownHeader{color:var(--om-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;font-size:11px;font-weight:700}.orderDropdownItem{width:100%;color:var(--om-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;padding:7px 10px;font-size:12.5px;transition:background-color .15s;display:flex}.orderDropdownItem:hover{background:#f1f5f9}.orderDropdownItem.active{background:var(--om-primary-blue-light);color:var(--om-primary-blue);font-weight:600}.filterDrawerMenu{min-width:260px;padding:10px}.orderFilterPillGroup{flex-wrap:wrap;gap:6px;padding:4px 0;display:flex}.orderPillBtn{border:1px solid var(--om-border-subtle);color:var(--om-text-secondary);cursor:pointer;background:#fff;border-radius:0;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.orderPillBtn:hover{color:var(--om-text-primary);border-color:#94a3b8}.orderPillBtn.active{background:var(--om-primary-blue);border-color:var(--om-primary-blue);color:#fff;font-weight:600}.orderResetFiltersBtn{border:1px solid var(--om-border-subtle);color:#dc2626;cursor:pointer;background:#f8fafc;border-radius:0;margin-top:10px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .15s}.orderResetFiltersBtn:hover{background:#fee2e2}
.orderMetricCardsRow{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (max-width:1200px){.orderMetricCardsRow{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.orderMetricCardsRow{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.orderMetricCardsRow{grid-template-columns:1fr}}.orderKpiCard{background:var(--om-bg-card);border:1px solid var(--om-border-subtle);box-shadow:var(--om-shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;align-items:center;gap:10px;padding:8px 12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.orderKpiCard:hover{box-shadow:var(--om-shadow-md);border-color:#cbd5e1;transform:translateY(-1px)}.orderKpiCard.activeCard{border-color:var(--om-primary-blue);box-shadow:0 0 0 1px var(--om-primary-blue);background:#f8fafc}.orderKpiCard.hasOverdue{background:#fff5f5;border-color:#f87171;box-shadow:0 1px 3px #dc26261f}.orderKpiCard.hasOverdue.activeCard{background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.orderKpiIconBox{border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.orderKpiIconBox svg{width:16px;height:16px}.orderKpiIconBlue{background:var(--om-primary-blue-light)}.orderKpiIconCyan{background:#e0f2fe}.orderKpiIconPurple{background:var(--om-purple-light)}.orderKpiIconRed{background:var(--om-danger-light)}.orderKpiContent{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.orderKpiMainRow{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.orderKpiValue{color:var(--om-text-primary);font-size:18px;font-weight:700;line-height:1.1}.orderKpiTrend{align-items:center;gap:2px;font-size:10.5px;font-weight:600;display:inline-flex}.orderKpiTrend.positive{color:var(--om-success)}.orderKpiTrend.negative{color:var(--om-danger)}.orderKpiArrow{font-size:10px;font-weight:700}.orderKpiSubRow{justify-content:space-between;align-items:center;gap:6px;display:flex}.orderKpiLabel{color:var(--om-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.orderKpiComparison{color:var(--om-text-muted);white-space:nowrap;font-size:10px}
.orderGanttTableContainer{background:var(--om-bg-card);border:1px solid var(--om-border-subtle);box-shadow:var(--om-shadow-sm);border-radius:0;position:relative;overflow:hidden}.orderGanttSplitLayout{width:100%;display:flex;position:relative;overflow:hidden}.orderGanttLeftPane{background:var(--om-bg-card);border-right:1px solid var(--om-border-subtle);z-index:5;flex:0 0 660px;width:660px;max-width:660px;transition:flex-basis .2s cubic-bezier(.4,0,.2,1),max-width .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:2px 0 6px #00000005}.orderGanttLeftPane.isCollapsed{flex:0 0 54px;width:54px;min-width:54px;max-width:54px}.orderLeftColumnsTable{flex-direction:column;width:100%;display:flex}.orderLeftHeaderRow{background:var(--om-bg-main,#fafafa);border-bottom:1px solid var(--om-border-subtle);height:64px;color:var(--om-text-secondary);-webkit-user-select:none;user-select:none;box-sizing:border-box;align-items:center;width:660px;min-width:660px;max-width:660px;font-size:12px;font-weight:600;display:flex}.orderLeftColHeader{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;align-items:center;gap:4px;padding:0 8px;transition:color .15s;display:flex}.orderLeftColHeader:hover,.orderLeftColHeader.sortActive{color:var(--om-primary-blue)}.orderSortIndicator{color:var(--om-text-muted);font-size:10px}.orderLeftColHeader.sortActive .orderSortIndicator{color:var(--om-primary-blue)}.colOrderId{box-sizing:border-box;flex:0 0 85px;width:85px;min-width:85px;max-width:85px;padding-left:8px}.colClient,.colService{box-sizing:border-box;flex:0 0 135px;width:135px;min-width:135px;max-width:135px}.colStatus{box-sizing:border-box;flex:0 0 165px;width:165px;min-width:165px;max-width:165px}.colPriority{box-sizing:border-box;flex:0 0 55px;width:55px;min-width:55px;max-width:55px}.colActions{box-sizing:border-box;flex:0 0 85px;justify-content:center;width:85px;min-width:85px;max-width:85px}.orderLeftColHeader.colActions{cursor:default;justify-content:space-between;align-items:center;padding-left:6px;padding-right:4px;display:flex}.orderLeftColHeader.colActions:hover{color:var(--om-text-secondary)}.orderCollapseToggleBtn{background:var(--om-bg-card,#fff);border:1px solid var(--om-border-subtle);cursor:pointer;width:20px;height:20px;color:var(--om-text-secondary);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.orderCollapseToggleBtn:hover{background:var(--om-primary-blue-light);color:var(--om-primary-blue);border-color:var(--om-primary-blue)}.orderLeftCollapsedHeader{border-bottom:1px solid var(--om-border-subtle);box-sizing:border-box;background:#fafafa;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:64px;padding:4px;display:flex}.orderExpandToggleBtn{border:1px solid var(--om-border-subtle);cursor:pointer;width:32px;height:32px;color:var(--om-primary-blue);background:#fff;border-radius:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.orderExpandToggleBtn:hover{background:var(--om-primary-blue);color:#fff;border-color:var(--om-primary-blue)}.orderCollapsedExpandHint{color:var(--om-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:8px;font-weight:700;line-height:1}.orderLeftBody{flex-direction:column;display:flex}.orderLeftRow{border-bottom:1px solid var(--om-border-light);cursor:pointer;box-sizing:border-box;border-left:2px solid #0000;align-items:center;width:660px;min-width:660px;max-width:660px;height:30px;transition:background-color .15s;display:flex}.orderLeftRow:hover,.orderLeftRow.hovered{background-color:var(--om-primary-blue-light,#f8fafc)}.orderLeftRow.selected{background-color:var(--om-primary-blue-light,#eff6ff)}.orderSubsidiaryLeftRow{height:30px;color:var(--om-text-secondary,#6b7280);background-color:#f8fafc;border-left:2px solid #cbd5e1;width:660px;min-width:660px;max-width:660px;font-size:10.5px}.orderSubsidiaryLeftRow:hover,.orderSubsidiaryLeftRow.hovered{background-color:var(--om-primary-blue-light,#f1f5f9)}.orderSubsidiaryLeftRow.selected{border-left-color:var(--om-primary-blue);background-color:#eff6ff}.orderSubsidiaryLeftRow .orderLeftCell{color:var(--om-text-secondary,#6b7280);font-size:10px}.orderSubsidiaryCollapsedRow{background-color:var(--om-bg-main,#f8fafc);height:30px}.orderSubIdText{color:var(--om-text-secondary,#6b7280);padding-left:4px;font-family:ui-monospace,monospace;font-size:10px;font-weight:500}.orderSubClientWrap{align-items:center;gap:4px;display:flex;overflow:hidden}.orderSubClientLabel{color:inherit;white-space:nowrap;font-size:9px;font-style:normal}.orderSubScopeBadge{text-transform:uppercase;letter-spacing:.02em;border-radius:0;align-items:center;padding:1px 4px;font-size:8.5px;font-weight:600;line-height:1.2;display:inline-flex}.orderSubScopeBadge.isPackage{color:var(--om-primary-blue);background:#2563eb1a;border:1px solid #2563eb33}.orderSubScopeBadge.isSingle{color:#059669;background:#10b9811a;border:1px solid #10b98133}.orderSubRateText{color:var(--om-text-secondary,#6b7280);font-family:ui-monospace,monospace;font-size:9.5px;font-weight:600}.orderSubServiceName{color:var(--om-text-secondary,#6b7280);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;overflow:hidden}.orderSubStatusBadge{padding:0 4px!important;font-size:9px!important;font-weight:500!important;line-height:1.2!important}.orderSubUrgencyPill{padding:0 3px!important;font-size:8.5px!important;line-height:1.2!important}.orderSubProgressText{color:var(--om-text-secondary,#6b7280);font-family:ui-monospace,monospace;font-size:9px;font-weight:600}.orderSubProgressPill{color:var(--om-text-secondary);background:var(--om-bg-card,#fff);border:1px solid var(--om-border-subtle);padding:0 4px;font-family:ui-monospace,monospace;font-size:9px;font-weight:600;line-height:1.3}.orderSubPriorityBadge{padding:0 4px!important;font-size:9px!important;font-weight:500!important;line-height:1.2!important}.orderSubCollapsedBadge{opacity:.85;width:34px;height:18px;font-size:9px}.orderSubTreeBranch{color:var(--om-text-muted);margin-right:4px;font-family:ui-monospace,monospace;font-size:10px}.orderSubAmountBadge{color:var(--om-text-secondary);border:1px solid var(--om-border-subtle);background:#f1f5f9;border-radius:0;padding:0 4px;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:600;line-height:1.3;display:inline-block}.orderNestedTableRow{border-left:2px solid var(--om-primary-blue);background-color:#f8fafc}.orderExpandSubBtn{border:1px solid var(--om-border-subtle);width:18px;height:18px;color:var(--om-primary-blue);cursor:pointer;background:#fff;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:ui-monospace,monospace;font-size:12px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.orderExpandSubBtn:hover{background:var(--om-primary-blue);color:#fff;border-color:var(--om-primary-blue)}.orderExpandSubPlaceholder{flex-shrink:0;width:14px;height:14px;margin-right:4px;display:inline-flex}.orderRowActionGroup{justify-content:center;align-items:center;gap:3px;display:inline-flex}.orderRowActionBtn{border:1px solid var(--om-border-subtle);width:18px;height:18px;color:var(--om-text-secondary);cursor:pointer;background:#fff;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .15s;display:inline-flex}.orderRowActionBtn:hover{background:var(--om-primary-blue-light);color:var(--om-primary-blue);border-color:var(--om-primary-blue)}.orderRowChecklistBtn{color:#059669}.orderRowChecklistBtn:hover{color:#047857;background:#ecfdf5;border-color:#059669}.orderRowExpandBtn{color:var(--om-primary-blue);font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.orderRowExpandBtn:hover{background:var(--om-primary-blue);color:#fff;border-color:var(--om-primary-blue)}.orderRowActionMenuWrap{align-items:center;display:inline-flex}.orderRowActionMenuWrap .menuTrigger{border:1px solid var(--om-border-subtle);cursor:pointer;width:18px;height:18px;color:var(--om-text-secondary);background:#fff;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;transition:all .15s;display:inline-flex}.orderRowActionMenuWrap .menuTrigger:hover{background:var(--om-primary-blue-light);color:var(--om-primary-blue);border-color:var(--om-primary-blue)}.orderLeftCell{text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding:0 6px;font-size:11.5px;overflow:hidden}.orderIdText{color:var(--om-text-primary);font-family:ui-monospace,monospace;font-size:11.5px;font-weight:600}.orderLeftCollapsedRow{border-bottom:1px solid var(--om-border-light);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:30px;transition:background-color .15s;display:flex}.orderLeftCollapsedRow:hover,.orderLeftCollapsedRow.hovered{background-color:#f8fafc}.orderLeftCollapsedRow.selected{background-color:#eff6ff}.orderCollapsedRowBadge{border:1px solid var(--om-border-subtle);width:42px;height:20px;color:var(--om-text-primary);background:#f1f5f9;border-radius:0;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:10px;font-weight:700;transition:all .15s;display:flex}.orderLeftCollapsedRow:hover .orderCollapsedRowBadge,.orderLeftCollapsedRow.hovered .orderCollapsedRowBadge{border-color:var(--om-primary-blue);color:var(--om-primary-blue);background:var(--om-primary-blue-light)}.orderLeftCollapsedRow.selected .orderCollapsedRowBadge{border-color:var(--om-primary-blue);color:#fff;background:var(--om-primary-blue)}.orderGanttRightPane{background:var(--om-bg-card);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;-webkit-user-select:none;user-select:none;cursor:default;flex:1;min-width:0;position:relative;overflow:auto hidden}.orderGanttRightPane.isTimelineDragging,.orderGanttRightPane.isTimelineDragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.orderGanttRightPane.isTimelineDragging{scroll-behavior:auto!important}.orderGanttRightPane::-webkit-scrollbar{height:9px}.orderGanttRightPane::-webkit-scrollbar-track{border-top:1px solid var(--om-border-subtle);background:#f1f5f9}.orderGanttRightPane::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:0}.orderGanttRightPane::-webkit-scrollbar-thumb:hover{background:#64748b}.orderTimelineScrollContent{flex-direction:column;display:flex;position:relative}.orderTimelineHeaderContainer{z-index:10;border-bottom:1px solid var(--om-border-subtle);-webkit-user-select:none;user-select:none;box-sizing:border-box;cursor:grab;background:#fafafa;height:64px;position:sticky;top:0}.orderTimelineMonthsRow{border-bottom:1px solid var(--om-border-light);box-sizing:border-box;justify-content:flex-end;align-items:center;height:32px;display:flex;position:relative}.orderTimelineMonthSpans{box-sizing:border-box;pointer-events:none;flex-shrink:0;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0}.orderTimelineMonthSpan{color:var(--om-text-primary);border-right:1px solid var(--om-border-subtle);box-sizing:border-box;white-space:nowrap;flex-shrink:0;align-items:center;padding-left:10px;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.orderTimelineNavControls{display:none!important}
.orderClientWrap{align-items:center;gap:8px;display:flex;overflow:hidden}.orderClientIconContainer{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.orderClientName{color:var(--om-text-primary);text-overflow:ellipsis;font-weight:600;overflow:hidden}.orderServiceName{color:var(--om-text-secondary);text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.orderStatusColWrap{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.orderStatusBadge{text-align:center;white-space:nowrap;border-radius:0;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.3;display:inline-block}.status_in_progress{color:#1d4ed8;background:#dbeafe}.status_review{color:#7e22ce;background:#f3e8ff}.status_new{color:#0369a1;background:#e0f2fe}.status_overdue{color:#b91c1c;background:#fee2e2}.status_delivered{color:#15803d;background:#dcfce7}.orderUrgencyMiniPill{white-space:nowrap;border:1px solid #0000;border-radius:0;align-items:center;gap:2px;padding:1px 4px;font-size:9.5px;font-weight:600;line-height:1.3;display:inline-flex}.orderUrgencyMiniEmoji{font-size:9px;line-height:1}.urgency_overdue{color:#7f1d1d;background:#fee2e2;border-color:#dc2626;font-weight:800;box-shadow:0 0 0 1px #dc262633}.urgency_due_today{color:#991b1b;background:#fee2e2;border-color:#ef4444;font-weight:700}.urgency_critical{color:#9f1239;background:#ffe4e6;border-color:#fb7185;font-weight:700}.urgency_approaching{color:#9a3412;background:#ffedd5;border-color:#fdba74}.urgency_upcoming{color:#854d0e;background:#fefce8;border-color:#fde047}.urgency_normal{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.urgency_delivered{color:#14532d;background:#dcfce7;border-color:#86efac}.orderPriorityBadge{text-align:center;border-radius:0;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.3;display:inline-block}.priority_high{background:var(--om-danger-light);color:var(--om-danger)}.priority_medium{background:var(--om-warning-light);color:var(--om-warning)}.priority_low{background:var(--om-success-light);color:var(--om-success)}.orderEmptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.orderEmptyIcon{width:44px;height:44px;margin-bottom:12px}.orderEmptyTitle{color:var(--om-text-primary);margin:0 0 6px;font-size:15px;font-weight:600}.orderEmptyDesc{color:var(--om-text-secondary);margin:0 0 14px;font-size:13px}.orderEmptyResetBtn{background:var(--om-primary-blue);color:#fff;cursor:pointer;border:none;border-radius:0;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background-color .15s}.orderEmptyResetBtn:hover{background:var(--om-primary-blue-hover)}
.orderTodayHeaderBadge{z-index:15;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;transition:transform .15s,filter .15s;display:flex;position:absolute;top:2px;transform:translate(-50%)}.orderTodayHeaderBadge:hover{filter:brightness(1.1);cursor:col-resize;transform:translate(-50%)translateY(-1px)}.orderTodayHeaderBadge:active,.orderTodayHeaderBadge.isDragging{cursor:col-resize;transform:translate(-50%)translateY(0)}.orderTodayBadgeContent{background:var(--om-primary-blue,#2563eb);color:#fff;white-space:nowrap;border-radius:0;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:flex;box-shadow:0 1px 4px #2563eb66}.orderTodayBadgeGrip{opacity:.8;letter-spacing:-1px;cursor:col-resize;font-size:9px;line-height:1}.orderTodayBadgeText{letter-spacing:.02em}.orderTodayBadgeDate{opacity:.92;font-size:9.5px;font-weight:500}.orderTodayBadgeArrow{color:var(--om-primary-blue,#2563eb);margin-top:-2px;font-size:8px;line-height:1}.orderTodayHeaderStem{z-index:14;pointer-events:auto;cursor:col-resize;border-left:2px dotted #3b82f6;width:1px;position:absolute;top:26px;bottom:0}.orderTodayHeaderStem:before,.orderTodayGuideline:before{content:"";cursor:col-resize;pointer-events:auto;width:15px;position:absolute;top:0;bottom:0;left:-7px}.orderTimelineDaysRow{box-sizing:border-box;flex-shrink:0;align-items:center;height:31px;display:flex}.orderTimelineDayCell{color:var(--om-text-secondary);border-right:1px solid var(--om-border-light);box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;height:100%;font-size:11px;font-weight:500;transition:background-color .15s;display:flex;overflow:hidden}.orderTimelineDayNum{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;line-height:1;display:inline-block}.orderTimelineDayCell.isToday{color:var(--om-primary-blue);background:#2563eb14;font-weight:700}.orderTimelineDayCell.inFilterRangeDay{background:#2563eb0d;font-weight:600}.orderTimelineGridContainer{box-sizing:border-box;min-height:576px;position:relative}.orderTimelineBgColumns{pointer-events:none;box-sizing:border-box;flex-shrink:0;display:flex;position:absolute;top:0;bottom:0;left:0}.orderTimelineColLine{border-right:1px solid var(--om-border-light);box-sizing:border-box;flex-shrink:0;height:100%}.orderTimelineColLine.isTodayCol{background:#2563eb0a}.orderTimelineColLine.isWeekendCol{background:#f1f5f973}.orderTimelineColLine.inFilterRangeCol{background:#2563eb06}.orderTodayGuideline{z-index:10;pointer-events:auto;cursor:col-resize;border-left:2px dotted #3b82f6;width:1px;position:absolute;top:0;bottom:0}.orderTodayGuideline.isDragging{border-left:2px solid #2563eb}.orderTodayGuidelineBottomBadge{background:var(--om-primary-blue,#2563eb);color:#fff;white-space:nowrap;pointer-events:auto;cursor:col-resize;-webkit-user-select:none;user-select:none;padding:1px 5px;font-size:8.5px;font-weight:700;transition:transform .15s,filter .15s;position:absolute;bottom:6px;left:0;transform:translate(-50%);box-shadow:0 1px 3px #2563eb4d}.orderTodayGuidelineBottomBadge:hover{filter:brightness(1.15);transform:translate(-50%)translateY(-1px)}.orderTimelineRowsWrapper{z-index:2;box-sizing:border-box;position:relative}.orderTimelineRow{border-bottom:1px solid var(--om-border-light);cursor:pointer;box-sizing:border-box;align-items:center;height:30px;transition:background-color .15s;display:flex;position:relative}.orderSubsidiaryTimelineRow{background-color:#f8fafcb3;height:30px}.orderSubBarText{font-size:9.5px!important;font-weight:500!important}.orderSubUrgencyTag{padding:0 3px!important;font-size:8.5px!important}.orderTimelineRow:hover,.orderTimelineRow.hovered{background-color:#f8fafce6}.orderTimelineRow.selected{background-color:#eff6ffe6}.orderFloatingTooltip{color:#f8fafc;pointer-events:none;z-index:1000;background:#0f172a;border-radius:0;flex-direction:column;gap:3px;max-width:240px;padding:8px 12px;font-size:11.5px;animation:.12s ease-out tooltipFadeIn;display:flex;box-shadow:0 8px 16px -2px #00000040}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.orderTooltipTitle{align-items:center;gap:6px;font-weight:700;display:flex}.orderTooltipId{color:#60a5fa;font-family:ui-monospace,monospace;font-size:11px}.orderTooltipClient{color:#fff}.orderTooltipService{color:#94a3b8;font-size:11px}.orderTooltipDetailsRow{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding-top:4px;display:flex}.orderTooltipUrgency{border-radius:0;padding:1px 5px;font-size:10px;font-weight:700}.orderTooltipProgress{color:#e2e8f0;font-weight:600}.orderTooltipDates{color:#94a3b8;font-size:10.5px}
.orderGanttBar{box-sizing:border-box;z-index:2;border:1px solid #0000;border-radius:0;align-items:center;height:20px;padding:0 6px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 3px #00000014}.orderSubsidiaryBar{opacity:.95;height:16px}.orderGanttBar:hover{z-index:10;transform:translateY(-1px);box-shadow:0 4px 10px #00000026}.orderGanttProgressFill{pointer-events:none;z-index:1;background:#00000014;border-radius:0;position:absolute;top:0;bottom:0;left:0}.orderGanttBarInner{z-index:2;justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex;position:relative}.orderGanttBarText{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.bar_delivered{color:#14532d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#86efac}.bar_urgency_normal{color:#1e40af;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd}.bar_urgency_upcoming{color:#854d0e;background:linear-gradient(135deg,#fefce8 0%,#fef08a 100%);border-color:#fde047}.bar_urgency_approaching{color:#9a3412;background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);border-color:#fb923c;box-shadow:0 1px 4px #fb923c40}.bar_urgency_critical{color:#9f1239;background:linear-gradient(135deg,#ffe4e6 0%,#fecdd3 100%);border-color:#f43f5e;font-weight:700;box-shadow:0 2px 6px #f43f5e40}.bar_urgency_due_today{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fca5a5 100%);border-color:#ef4444;font-weight:700;box-shadow:0 2px 8px #ef444459}.bar_urgency_overdue{color:#450a0a;background:linear-gradient(135deg,#fee2e2 0%,#f87171 100%);border-color:#dc2626;font-weight:800;animation:2s ease-in-out infinite overduePulse;box-shadow:0 0 0 1px #dc2626,0 3px 10px #dc262666}@keyframes overduePulse{0%,to{box-shadow:0 0 0 1px #dc2626,0 2px 6px #dc262640}50%{box-shadow:0 0 0 2px #ef4444,0 3px 12px #ef444473}}.orderGanttUrgencyTag{white-space:nowrap;background:#ffffffd9;border-radius:0;align-items:center;gap:3px;padding:1px 5px;font-size:9.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000d}.orderUrgencyEmoji{font-size:10px;line-height:1}.orderUrgencyText{line-height:1}.orderMilestoneIndicator{white-space:nowrap;z-index:5;pointer-events:none;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex;position:absolute}.orderMilestoneDiamond{font-size:10px}.milestone_overdue{color:#dc2626;font-weight:700}.milestone_delivered{color:#16a34a}.milestone_deadline{color:#e11d48;font-weight:700}
.orderModalOverlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out omFadeIn;display:flex;position:fixed;inset:0}@keyframes omFadeIn{0%{opacity:0}to{opacity:1}}.orderModalContent{background:var(--om-bg-card);border:1px solid var(--om-border-subtle);border-radius:0;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.orderModalHeader{border-bottom:1px solid var(--om-border-subtle);background:#fafafa;justify-content:space-between;align-items:flex-start;padding:18px 24px;display:flex}.orderModalHeaderLeft{align-items:center;gap:12px;display:flex}.orderModalClientIcon{border:1px solid var(--om-border-subtle);background:#fff;border-radius:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.orderModalIdRow{align-items:center;gap:8px;display:flex}.orderModalIdBadge{color:var(--om-primary-blue);background:var(--om-primary-blue-light);border-radius:0;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11.5px;font-weight:700}.orderModalTitle{color:var(--om-text-primary);margin:0;font-size:17px;font-weight:700}.orderModalSubtitle{color:var(--om-text-secondary);margin:2px 0 0;font-size:13px}.orderModalCloseBtn{color:var(--om-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.orderModalCloseBtn:hover{color:var(--om-text-primary)}.orderModalFooter{border-top:1px solid var(--om-border-subtle);background:#fafafa;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.orderModalCancelBtn{border:1px solid var(--om-border-subtle);color:var(--om-text-secondary);cursor:pointer;background:0 0;border-radius:0;padding:8px 16px;font-size:13px;font-weight:600}.orderModalCancelBtn:hover{color:var(--om-text-primary);background:#f1f5f9}.orderModalSaveBtn{background:var(--om-primary-blue);color:#fff;cursor:pointer;border:none;border-radius:0;padding:8px 18px;font-size:13px;font-weight:600}.orderModalSaveBtn:hover{background:var(--om-primary-blue-hover)}
.orderModalBody{flex-direction:column;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.orderModalFieldsGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.orderModalField{flex-direction:column;gap:6px;display:flex}.orderModalLabel{color:var(--om-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.orderModalInput,.orderModalSelect,.orderModalTextarea{border:1px solid var(--om-border-subtle);color:var(--om-text-primary);background:#fff;border-radius:0;outline:none;padding:8px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.orderModalInput:focus,.orderModalSelect:focus,.orderModalTextarea:focus{border-color:var(--om-primary-blue)}.orderModalStaticVal{color:var(--om-text-primary);padding:8px 0;font-size:13.5px;font-weight:600}.orderModalSection{flex-direction:column;gap:8px;display:flex}.orderModalSectionHeader{justify-content:space-between;align-items:center;display:flex}.orderModalDatesText{color:var(--om-primary-blue);font-size:12px;font-weight:600}.orderProgressBarContainer{align-items:center;gap:12px;display:flex}.orderProgressSlider{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:0;outline:none;flex:1;height:6px}.orderProgressSlider::-webkit-slider-thumb{appearance:none;background:var(--om-primary-blue);cursor:pointer;border-radius:0;width:16px;height:16px;box-shadow:0 1px 3px #0003}.orderProgressText{color:var(--om-primary-blue);min-width:38px;font-size:12px;font-weight:700}.orderModalDescText{color:var(--om-text-secondary);margin:0;font-size:13.5px;line-height:1.5}.orderDeliverablesList{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.orderDeliverableItem{color:var(--om-text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.orderDeliverableCheck{background:var(--om-success-light);width:16px;height:16px;color:var(--om-success);border-radius:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.orderModalFinancialSection{border:1px solid var(--om-border-subtle);background:#f8fafc;margin-bottom:14px;padding:12px}.orderFinancialGrid{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px;display:grid}.orderFinancialCard{flex-direction:column;gap:2px;display:flex}.orderFinancialLabel{color:var(--om-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:600}.orderFinancialValue{color:var(--om-text-primary);font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.orderFinancialValue.paidVal{color:var(--om-success)}.orderFinancialValue.remainingVal{color:var(--om-primary-blue)}.orderFinancialValue.dateVal{font-size:12px}.orderModalServicesTableWrap{border:1px solid var(--om-border-subtle);background:var(--om-bg-card,#fff);margin-top:8px;overflow-x:auto}.orderModalServicesTable{border-collapse:collapse;width:100%;font-size:11.5px}.orderModalServicesTable th{background:var(--om-bg-main,#f8fafc);color:var(--om-text-secondary);text-align:left;border-bottom:1px solid var(--om-border-subtle);padding:6px 8px;font-size:10.5px;font-weight:600}.orderModalServicesTable td{border-bottom:1px solid var(--om-border-light);color:var(--om-text-primary);padding:6px 8px}.orderModalServicesTable tr:last-child td{border-bottom:none}.orderModalServicesTable tr:hover{background:var(--om-primary-blue-light,#eff6ff)}.orderModalServicesTable .monospace{font-family:ui-monospace,monospace;font-size:10.5px}.orderModalServicesTable .fontBold{font-weight:600}.orderModalServicesTable .serviceNameCell{font-weight:500}