:root{--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-elevated: #FFFFFF;--bg-inset: #F3F4F6;--bg-overlay: rgba(0, 0, 0, .4);--border-default: #E5E7EB;--border-subtle: #F3F4F6;--border-strong: #D1D5DB;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-on-accent: #FFFFFF;--text-link: var(--accent);--accent: #8B5CF6;--accent-hover: #7C3AED;--accent-active: #6D28D9;--accent-muted: rgba(139, 92, 246, .1);--accent-subtle: rgba(139, 92, 246, .06);--success: #10B981;--success-muted: rgba(16, 185, 129, .1);--success-text: #065F46;--warning: #F59E0B;--warning-muted: rgba(245, 158, 11, .1);--warning-text: #92400E;--danger: #EF4444;--danger-hover: #DC2626;--danger-muted: rgba(239, 68, 68, .1);--danger-text: #991B1B;--info: #3B82F6;--info-muted: rgba(59, 130, 246, .1);--info-text: #1E40AF;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08), 0 4px 10px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--line-height: 1.5;--header-bg: #FFFFFF;--header-border: #E5E7EB;--header-text: #111827;--header-text-secondary: #6B7280;--nav-bg: #FFFFFF;--nav-border: #E5E7EB;--nav-item-hover: #F3F4F6;--nav-item-active: var(--accent-muted);--nav-item-active-text: var(--accent);--table-bg: var(--bg-primary);--table-header-bg: var(--bg-secondary);--table-header-text: var(--text-secondary);--table-border: var(--border-default);--table-row-hover: var(--bg-secondary);--table-row-stripe: var(--bg-tertiary);--input-bg: var(--bg-primary);--input-border: var(--border-default);--input-border-focus: var(--accent);--input-text: var(--text-primary);--input-placeholder: var(--text-tertiary);--input-focus-ring: rgba(139, 92, 246, .12);--input-disabled-bg: var(--bg-tertiary);--btn-primary-bg: var(--accent);--btn-primary-hover: var(--accent-hover);--btn-primary-text: #FFFFFF;--btn-secondary-bg: var(--bg-primary);--btn-secondary-border: var(--border-default);--btn-secondary-text: var(--text-primary);--btn-secondary-hover: var(--bg-secondary);--btn-danger-bg: var(--danger);--btn-danger-hover: var(--danger-hover);--btn-danger-text: #FFFFFF;--btn-ghost-hover: var(--bg-tertiary);--card-bg: var(--bg-primary);--card-border: var(--border-default);--card-hover-border: var(--border-strong);--modal-bg: var(--bg-primary);--modal-border: var(--border-default);--modal-overlay: rgba(0, 0, 0, .4);--modal-shadow: var(--shadow-xl);--badge-default-bg: var(--bg-tertiary);--badge-default-text: var(--text-secondary);--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: #D1D5DB;--scrollbar-thumb-hover: #9CA3AF;--focus-ring: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--accent)}[data-theme=dark]{--bg-primary: #0F0F12;--bg-secondary: #1B1B1F;--bg-tertiary: #25252B;--bg-elevated: #2A2A30;--bg-inset: #18181C;--bg-overlay: rgba(0, 0, 0, .6);--border-default: #2E2E36;--border-subtle: #232329;--border-strong: #3A3A42;--text-primary: #EDEDEF;--text-secondary: #8B8B93;--text-tertiary: #5C5C66;--text-on-accent: #FFFFFF;--accent: #8B5CF6;--accent-hover: #A78BFA;--accent-active: #7C3AED;--accent-muted: rgba(139, 92, 246, .18);--accent-subtle: rgba(139, 92, 246, .08);--success: #34D399;--success-muted: rgba(52, 211, 153, .14);--success-text: #6EE7B7;--warning: #FBBF24;--warning-muted: rgba(251, 191, 36, .14);--warning-text: #FDE68A;--danger: #F87171;--danger-hover: #EF4444;--danger-muted: rgba(248, 113, 113, .14);--danger-text: #FCA5A5;--info: #60A5FA;--info-muted: rgba(96, 165, 250, .14);--info-text: #93C5FD;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5);--header-bg: #1B1B1F;--header-border: #2E2E36;--header-text: #EDEDEF;--header-text-secondary: #8B8B93;--nav-bg: #1B1B1F;--nav-border: #2E2E36;--nav-item-hover: #25252B;--table-bg: var(--bg-primary);--table-header-bg: var(--bg-secondary);--table-header-text: var(--text-secondary);--table-border: var(--border-default);--table-row-hover: var(--bg-secondary);--table-row-stripe: var(--bg-tertiary);--input-bg: var(--bg-secondary);--input-border: var(--border-default);--input-border-focus: var(--accent);--input-text: var(--text-primary);--input-placeholder: var(--text-tertiary);--input-focus-ring: rgba(139, 92, 246, .2);--input-disabled-bg: var(--bg-tertiary);--btn-secondary-bg: var(--bg-secondary);--btn-secondary-border: var(--border-default);--btn-secondary-text: var(--text-primary);--btn-secondary-hover: var(--bg-tertiary);--btn-ghost-hover: var(--bg-tertiary);--card-bg: var(--bg-secondary);--card-border: var(--border-default);--card-hover-border: var(--border-strong);--modal-bg: var(--bg-elevated);--modal-border: var(--border-default);--modal-overlay: rgba(0, 0, 0, .7);--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: #3A3A42;--scrollbar-thumb-hover: #4A4A54;--focus-ring: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--accent)}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .2s ease,border-color .2s ease,color .15s ease,box-shadow .2s ease!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height);color:var(--text-primary);background:var(--bg-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select:not(:disabled){cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=dark] img[alt*=Logo]{filter:invert(1) hue-rotate(180deg)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media print{.app-header,.sidebar,.nav-bar{display:none!important}html,body{overflow:visible!important}}[data-connection-style=flow-ports] .order-card[data-service-type=Final] .order-card-content,[data-connection-style=flow-ports] .order-card[data-service-type=Switch] .order-card-content{padding-top:12px!important;padding-bottom:12px!important;margin-top:4px!important;margin-bottom:4px!important;background:var(--card-color)!important}[data-connection-style=flow-ports] .order-card[data-service-type=Delivery] .order-card-content,[data-connection-style=flow-ports] .order-card[data-service-type="Live Load"] .order-card-content{padding-top:12px!important;padding-bottom:12px!important;margin-top:4px!important;background:var(--card-color)!important}[data-connection-style=flow-ports] .order-card[data-service-type=Final] .order-card-content:after,[data-connection-style=flow-ports] .order-card[data-service-type=Switch] .order-card-content:after{content:"";position:absolute;left:12px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--card-color);border:2px solid rgba(255,255,255,.8);z-index:3;transform:none}[data-connection-style=flow-ports] .order-card[data-service-type=Delivery] .order-card-content:after,[data-connection-style=flow-ports] .order-card[data-service-type="Live Load"] .order-card-content:after{content:"";position:absolute;left:12px;top:-6px;bottom:auto;width:12px;height:12px;border-radius:50%;background:var(--card-color);border:2px solid rgba(255,255,255,.8);z-index:3;transform:none}[data-connection-style=flow-ports] .order-card[data-service-type=Switch] .order-card-content:before{content:"";position:absolute;left:12px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--card-color);border:2px solid rgba(255,255,255,.8);z-index:3}[data-connection-style=flow-ports] .order-card[data-service-type="Live Load"] .order-card-content:before{content:"";position:absolute;left:12px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--card-color);border:2px solid rgba(255,255,255,.8);z-index:3}[data-connection-style=flow-ports] .order-card.matches-below .order-card-content:after{box-shadow:0 0 8px 2px var(--card-color)}[data-connection-style=flow-ports] .order-card.matches-above .order-card-content:after{box-shadow:0 0 8px 2px var(--card-color)}[data-connection-style=flow-ports] .cdk-drag-preview .order-card-content:after,[data-connection-style=flow-ports] .cdk-drag-preview .order-card-content:before{display:none!important}[data-connection-style=magnetic] .order-card[data-service-type=Final] .order-card-content,[data-connection-style=magnetic] .order-card[data-service-type=Switch] .order-card-content{padding-top:12px!important;padding-bottom:12px!important;margin-top:4px!important;margin-bottom:4px!important;background:var(--card-color)!important}[data-connection-style=magnetic] .order-card[data-service-type=Delivery] .order-card-content,[data-connection-style=magnetic] .order-card[data-service-type="Live Load"] .order-card-content{padding-top:12px!important;padding-bottom:12px!important;margin-top:4px!important;background:var(--card-color)!important}[data-connection-style=magnetic] .order-card[data-service-type=Final] .order-card-content:after,[data-connection-style=magnetic] .order-card[data-service-type=Switch] .order-card-content:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;width:auto;background:var(--card-color);filter:brightness(.8);border-radius:0 0 3px 3px;z-index:3;transform:none}[data-connection-style=magnetic] .order-card[data-service-type=Delivery] .order-card-content:after,[data-connection-style=magnetic] .order-card[data-service-type="Live Load"] .order-card-content:after{content:"";position:absolute;inset:-3px 0 auto;height:6px;width:auto;background:var(--card-color);filter:brightness(.8);border-radius:3px 3px 0 0;z-index:3;transform:none}[data-connection-style=magnetic] .order-card[data-service-type=Switch] .order-card-content:before{content:"";position:absolute;left:0;right:0;top:-3px;height:6px;background:var(--card-color);filter:brightness(.8);border-radius:3px 3px 0 0;z-index:3}[data-connection-style=magnetic] .order-card[data-service-type="Live Load"] .order-card-content:before{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;background:var(--card-color);filter:brightness(.8);border-radius:0 0 3px 3px;z-index:3}[data-connection-style=magnetic] .order-card.matches-below .order-card-content:after{height:4px;bottom:-2px;box-shadow:0 2px 12px 2px var(--card-color);filter:brightness(1.2)}[data-connection-style=magnetic] .order-card.matches-above .order-card-content:after{height:4px;top:-2px;box-shadow:0 -2px 12px 2px var(--card-color);filter:brightness(1.2)}[data-connection-style=magnetic] .cdk-drag-preview .order-card-content:after,[data-connection-style=magnetic] .cdk-drag-preview .order-card-content:before{display:none!important}[data-connection-style=journey-rail] .order-card[data-service-type=Final] .order-card-content,[data-connection-style=journey-rail] .order-card[data-service-type=Delivery] .order-card-content,[data-connection-style=journey-rail] .order-card[data-service-type=Switch] .order-card-content,[data-connection-style=journey-rail] .order-card[data-service-type="Live Load"] .order-card-content{padding-top:12px!important;padding-bottom:12px!important;padding-left:24px!important;margin-top:4px!important;margin-bottom:4px!important;background:var(--card-color)!important}[data-connection-style=journey-rail] .order-card[data-service-type=Final] .order-card-content:after,[data-connection-style=journey-rail] .order-card[data-service-type=Delivery] .order-card-content:after,[data-connection-style=journey-rail] .order-card[data-service-type=Switch] .order-card-content:after,[data-connection-style=journey-rail] .order-card[data-service-type="Live Load"] .order-card-content:after{content:"";position:absolute;left:6px;top:0;bottom:0;width:4px;height:auto;background:#fff6;border-radius:2px;z-index:3;transform:none}[data-connection-style=journey-rail] .order-card.matches-below .order-card-content:after{bottom:-16px;background:#fff9}[data-connection-style=journey-rail] .order-card.matches-above .order-card-content:after{top:-16px;background:#fff9}[data-connection-style=journey-rail] .order-card.matches-above.matches-below .order-card-content:after{top:-16px;bottom:-16px;background:#ffffffb3}[data-connection-style=journey-rail] .order-card .container-assignment span{background:#00000040!important;font-weight:700!important;padding:3px 8px!important;border-radius:4px!important;border-left:3px solid rgba(255,255,255,.6)}[data-connection-style=journey-rail] .cdk-drag-preview .order-card-content:after{display:none!important}[data-connection-style=chevrons] .order-card[data-service-type=Final] .order-card-content{padding-top:16px!important;padding-bottom:20px!important;margin-top:4px!important;margin-bottom:12px!important;background:var(--card-color)!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),50% 100%,0 calc(100% - 14px))}[data-connection-style=chevrons] .order-card[data-service-type=Delivery] .order-card-content{padding-top:20px!important;padding-bottom:12px!important;margin-top:0!important;background:var(--card-color)!important;clip-path:polygon(0 14px,50% 0,100% 14px,100% 100%,0 100%)}[data-connection-style=chevrons] .order-card[data-service-type=Switch] .order-card-content{padding-top:20px!important;padding-bottom:20px!important;margin-top:0!important;margin-bottom:12px!important;background:var(--card-color)!important;clip-path:polygon(0 14px,50% 0,100% 14px,100% calc(100% - 14px),50% 100%,0 calc(100% - 14px))}[data-connection-style=chevrons] .order-card[data-service-type="Live Load"] .order-card-content{padding-top:20px!important;padding-bottom:20px!important;margin-top:0!important;background:var(--card-color)!important;clip-path:polygon(0 14px,50% 0,100% 14px,100% calc(100% - 14px),50% 100%,0 calc(100% - 14px))}[data-connection-style=chevrons] .order-card .order-card-content:after{display:none!important}[data-connection-style=chevrons] .order-card.matches-below{margin-bottom:-8px!important}[data-connection-style=chevrons] .order-card.matches-above{margin-top:-8px!important}
