.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px #0000000f}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:#0000008a;cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:#0000008a;background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:#000000de;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}@charset "UTF-8";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-1{margin-bottom:.25rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-r{border-right-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-cyan-500{--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-teal-500{--tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--primary: #2563EB;--secondary: #0EA5E9;--accent: #14B8A6;--bg: #F8FAFC;--card: #FFFFFF;--text: #0F172A;--text-muted: #64748B;--border: #E2E8F0;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--nav-glass: rgba(255,255,255,.92)}html.dark{--primary: #3B82F6;--secondary: #06B6D4;--accent: #2DD4BF;--bg: #0F172A;--card: #111827;--text: #F8FAFC;--text-muted: #94A3B8;--border: #334155;--nav-glass: rgba(15,23,42,.92)}*,*:before,*:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;transition:background .3s,color .3s}nav.topnav{position:sticky;top:0;z-index:50;background:var(--nav-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:64px;padding:0 28px;display:flex;align-items:center;gap:24px;box-shadow:0 1px 16px #0000000f;transition:background .3s,border-color .3s}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.logo img{height:34px;width:auto;filter:brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(1455%) hue-rotate(213deg) brightness(102%);transition:filter .3s}.logo img.company-logo{filter:none!important;height:auto;max-height:36px}html.dark .logo img{filter:brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(1455%) hue-rotate(213deg) brightness(140%)}html.dark .logo img.company-logo{filter:none!important}.nav-links{display:flex;gap:2px;flex:1}.nav-link{padding:8px 16px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s;white-space:nowrap;border:none;background:transparent;text-decoration:none;display:inline-block}.nav-link:hover{background:rgba(37,99,235,.08);color:var(--primary)}.nav-link.active{background:var(--primary)!important;color:#fff!important;font-weight:600}.nav-end{display:flex;align-items:center;gap:10px;margin-left:auto}.customer-label{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text-muted);position:relative;transition:all .2s;flex-shrink:0}.icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.badge-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--card)}.avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;cursor:pointer;flex-shrink:0}.company-switcher-btn{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:22px;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:all .2s;white-space:nowrap}.company-switcher-btn:hover{box-shadow:0 2px 8px #00000014;border-color:var(--primary)}.cs-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:10px;background:linear-gradient(135deg,var(--primary),var(--accent));flex-shrink:0}.cs-name{font-size:12px;font-weight:600;color:var(--text);max-width:120px;overflow:hidden;text-overflow:ellipsis}.cs-arrow{font-size:9px;color:var(--text-muted);margin-left:2px}.company-dd-panel{position:absolute;top:44px;right:0;width:260px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 32px #0000001f;z-index:200;overflow:hidden}.company-dd-header{padding:12px 16px;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border)}.company-dd-list{max-height:220px;overflow-y:auto}.company-dd-item{width:100%;padding:10px 14px;display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);transition:background .15s}.company-dd-item:hover{background:var(--primary);color:#fff}.company-dd-item.active{background:rgba(var(--primary-rgb, 37, 99, 235),.08)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s}.overlay.open{opacity:1;pointer-events:all}.drawer{position:fixed;top:0;right:0;width:390px;max-width:100vw;height:100vh;background:var(--card);border-left:1px solid var(--border);z-index:100;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:-12px 0 40px #0000001f}.drawer.open{transform:translate(0)}.drawer-hd{padding:22px 20px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;position:sticky;top:0;background:var(--card);z-index:1}.notif-item{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:flex-start;transition:background .15s;cursor:pointer}.notif-item:hover{background:rgba(37,99,235,.04)}.notif-item.unread{border-left:3px solid var(--primary)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--nav-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:8px 0 12px;z-index:50}.mobile-nav-items{display:flex;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:12px;cursor:pointer;font-size:10px;color:var(--text-muted);font-weight:500;transition:all .2s;text-decoration:none;border:none;background:transparent}.mobile-nav-item .mn-icon{font-size:22px;line-height:1}.mobile-nav-item.active{color:var(--primary)}@media (max-width: 768px){nav.topnav .nav-links,.customer-label{display:none}.mobile-nav{display:block}}.page-main{max-width:1200px;margin:0 auto;padding:32px 24px 120px}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 55%,var(--accent) 100%);border-radius:22px;padding:34px 40px;color:#fff;margin-bottom:30px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-30px;top:-30px;width:220px;height:220px;background:rgba(255,255,255,.06);border-radius:50%}.hero-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}.hero-logo img{height:26px;filter:brightness(0) saturate(0) invert(1);opacity:.9}.hero-logo span{font-size:12px;opacity:.75;font-weight:500;letter-spacing:.04em}.hero-date{font-size:12.5px;opacity:.75;margin-bottom:6px}.hero h1{font-size:28px;font-weight:800;margin-bottom:4px}.hero p{font-size:14px;opacity:.8}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.kpi-card{background:var(--card);border-radius:18px;padding:22px;border:1px solid var(--border);box-shadow:0 1px 8px #0000000a;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;cursor:default}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.kpi-icon-wrap{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.kpi-value{font-size:30px;font-weight:800;margin-bottom:2px}.kpi-label{font-size:12.5px;color:var(--text-muted);font-weight:500}.kpi-trend{font-size:11.5px;margin-top:8px;font-weight:600}.section-hd{display:flex;align-items:center;justify-content:space-between;margin:32px 0 16px}.section-hd h2{font-size:17px;font-weight:700;color:var(--text)}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.action-card{background:var(--card);border-radius:22px;padding:30px 22px;border:1px solid var(--border);text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 8px #0000000a;text-decoration:none;display:block}.action-card:hover{transform:translateY(-7px) scale(1.02);box-shadow:0 18px 44px #2563eb24;border-color:var(--primary)}.action-icon{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:28px}.action-card h3{font-size:14.5px;font-weight:700;margin-bottom:5px;color:var(--text)}.action-card p{font-size:12px;color:var(--text-muted);line-height:1.5}.table-card{background:var(--card);border-radius:22px;border:1px solid var(--border);overflow:hidden;box-shadow:0 1px 8px #0000000a}.table-toolbar{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input{flex:1;min-width:180px;padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--primary)}table{width:100%;border-collapse:collapse}thead th{padding:8px 12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg)}tbody td{padding:8px 12px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:rgba(37,99,235,.03)}.btn{padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap}.badge-submitted{background:#64748B;color:#fff}.badge-accepted{background:#2563EB;color:#fff}.badge-transit{background:#F59E0B;color:#fff}.badge-unloaded{background:#14B8A6;color:#fff}.badge-delivered{background:#22C55E;color:#fff}.badge-rejected{background:#EF4444;color:#fff}.badge-demurrage{background:#F97316;color:#fff}.badge-arrived{background:#8B5CF6;color:#fff}.parcel-status-btn{display:inline-flex;align-items:center;gap:10px;padding:5px 12px;border-radius:5px;border:none;cursor:default;white-space:nowrap;color:#fff;vertical-align:middle}.parcel-status-btn .psb-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.parcel-status-btn .psb-icon .material-symbols-outlined{font-size:22px;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24;color:#fff;line-height:1}.parcel-status-btn .psb-label{font-size:13px;font-weight:700;letter-spacing:.02em}.parcel-status-btn.psb-action{cursor:pointer;border:none}.parcel-status-btn.psb-action:hover{filter:brightness(1.1)}.parcel-status-btn.psb-action:active{filter:brightness(.92)}.psb-new{background:#0D6EFD}.psb-accepted{background:#0DCAF0}.psb-loaded{background:#FD7E14}.psb-unloaded{background:#6F42C1}.psb-delivered{background:#198754}.psb-rejected{background:#DC3545}.psb-demurrage{background:#FD7E14}.receipt-field-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:5px}.receipt-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;color:var(--text);background:var(--card);outline:none;box-sizing:border-box;min-height:44px;transition:border-color .15s}.receipt-input:focus{border-color:var(--primary)}.receipt-input:disabled{background:var(--background);color:var(--text-muted);cursor:not-allowed}.receipt-detail-val{background:var(--background);border:1.5px solid var(--border);border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;min-height:44px;box-sizing:border-box}.form-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:block;margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border-radius:11px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.form-group{margin-bottom:18px}.input-icon-wrap{position:relative}.input-icon-wrap .form-input{padding-right:44px}.voice-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--primary);border:none;border-radius:7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .2s}.voice-btn:hover{background:var(--secondary);transform:translateY(-50%) scale(1.1)}.textarea-wrap .voice-btn{top:12px;transform:none}.textarea-wrap .voice-btn:hover{transform:scale(1.1)}.filter-sel{padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;outline:none;cursor:pointer}.upload-zone{border:2px dashed var(--border);border-radius:18px;padding:36px 24px;text-align:center;transition:all .2s;cursor:pointer}.upload-zone:hover{border-color:var(--primary);background:rgba(37,99,235,.04)}.upload-icon{font-size:40px;margin-bottom:10px}.upload-zone h4{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--text)}.upload-zone p{font-size:12px;color:var(--text-muted);margin-bottom:14px}.summary-card{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:22px;padding:26px;color:#fff;position:sticky;top:80px}.summary-card .s-label{font-size:12px;opacity:.75;margin-bottom:4px}.booking-num{font-size:22px;font-weight:800;margin-bottom:22px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(255,255,255,.15);border-radius:10px;margin-bottom:8px}.summary-row span:first-child{font-size:12px;opacity:.82}.summary-row span:last-child{font-size:13px;font-weight:700}.tracking-wrap{background:var(--bg);border-radius:18px;padding:26px;margin-top:8px}.tl-container{position:relative;padding-left:56px}.tl-line-bg{position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--border);border-radius:2px}.tl-line-fill{position:absolute;left:19px;top:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:2px;transition:height 1.2s ease}.tl-step{position:relative;margin-bottom:28px}.tl-step:last-child{margin-bottom:0}.tl-dot{position:absolute;left:-56px;width:40px;height:40px;border-radius:50%;border:3px solid var(--card);display:flex;align-items:center;justify-content:center;font-size:16px}.tl-dot.done{background:var(--success);box-shadow:0 0 0 4px #22c55e2e}.tl-dot.active{background:var(--primary);box-shadow:0 0 0 6px #2563eb2e;animation:tlPulse 2s infinite}.tl-dot.todo{background:var(--border);color:var(--text-muted)}.tl-step.pending{opacity:.4}.tl-title{font-weight:700;font-size:14.5px;margin-bottom:3px;color:var(--text)}.tl-desc{font-size:12px;color:var(--text-muted)}.tl-time{font-size:11px;color:var(--text-muted);margin-top:5px}.live-badge{background:#EFF6FF;color:var(--primary);font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:8px}@keyframes tlPulse{0%,to{box-shadow:0 0 0 6px #2563eb2e}50%{box-shadow:0 0 0 10px #2563eb0f}}.table-foot{padding:14px 20px;display:flex;align-items:center;border-top:1px solid var(--border);gap:8px;flex-wrap:wrap}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:720px}.role-pill{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.admin-pill{background:linear-gradient(135deg,#4C1D95,#8B5CF6);color:#fff}.lh-pill{background:linear-gradient(135deg,var(--accent),var(--secondary));color:#fff}.station-pill{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.badge-active{background:#DCFCE7;color:#166534}.badge-inactive{background:#F1F5F9;color:#475569}.badge-suspended{background:#FEF2F2;color:#dc2626}.badge-invited{background:#EDE9FE;color:#6d28d9}.badge-urgent{background:#FEF2F2;color:#dc2626}.badge-internal{background:#EFF6FF;color:#1d4ed8}.badge-external{background:#FEF3C7;color:#b45309}html.dark .badge-active{background:rgba(34,197,94,.15);color:#86efac}html.dark .badge-inactive{background:rgba(148,163,184,.12);color:#94a3b8}html.dark .badge-suspended{background:rgba(239,68,68,.15);color:#fca5a5}html.dark .badge-invited{background:rgba(139,92,246,.15);color:#c4b5fd}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #22c55e59}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{opacity:.9;transform:translateY(-1px)}.btn-indigo{background:#6366F1;color:#fff}.btn-indigo:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.btn-sm{padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}.btn-lg{padding:14px 24px;font-size:15px;border-radius:14px}.info-card{background:var(--card);border-radius:20px;border:1px solid var(--border);padding:24px;box-shadow:0 1px 8px #0000000a}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none;padding-bottom:0}.date-filter{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.date-chip{padding:7px 16px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--card);color:var(--text-muted);transition:all .2s;-webkit-user-select:none;user-select:none}.date-chip.active{background:#6366F1;color:#fff;border-color:#6366f1}.date-chip:hover:not(.active){border-color:#6366f1;color:#6366f1}.chart-bar-wrap{display:flex;align-items:flex-end;gap:8px;height:140px;padding:0 4px}.chart-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.chart-bar{width:100%;border-radius:6px 6px 0 0;min-width:20px}.chart-bar-label{font-size:10px;color:var(--text-muted);font-weight:500;white-space:nowrap}.chart-bar-val{font-size:11px;font-weight:700;color:var(--text)}.train-card{background:var(--card);border-radius:20px;border:1px solid var(--border);overflow:hidden;box-shadow:0 1px 8px #0000000a}.train-card-hd{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s}.train-card-hd:hover{background:rgba(37,99,235,.03)}.comp-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-radius:10px;padding:10px 14px}.comp-input{width:70px;padding:5px 8px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:12px;text-align:center;outline:none;transition:border-color .2s}.comp-input:focus{border-color:var(--primary)}.tab-nav{display:flex;gap:4px;background:var(--bg);border-radius:14px;padding:4px;border:1px solid var(--border);flex-wrap:wrap}.tab-btn{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border:none;background:transparent;transition:all .2s;white-space:nowrap}.tab-btn.active{background:var(--card);color:var(--primary);box-shadow:0 1px 8px #00000012}.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.perm-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg)}.perm-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.perm-item label{font-size:13px;font-weight:500;cursor:pointer;line-height:1.3}.donut-wrap{position:relative;width:120px;height:120px;flex-shrink:0}.donut-wrap svg{transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.receipt-card{background:var(--card);border-radius:22px;border:1px solid var(--border);padding:28px;box-shadow:0 1px 8px #0000000a}.receipt-section{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}.receipt-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:block;margin-bottom:3px}.detail-item span{font-size:14px;font-weight:600}.weight-card{background:var(--bg);border-radius:16px;padding:20px;border:1px solid var(--border)}.weight-display{font-size:48px;font-weight:800;text-align:center;font-family:monospace;color:var(--primary);letter-spacing:2px}.weight-label{text-align:center;font-size:12px;color:var(--text-muted);margin-top:4px}.weight-diff{text-align:center;font-size:13px;font-weight:700;margin-top:8px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person-card{background:var(--card);border-radius:18px;border:1px solid var(--border);padding:20px;box-shadow:0 1px 8px #0000000a;display:flex;flex-direction:column;gap:12px;transition:all .2s}.person-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.person-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.person-info{flex:1}.person-name{font-size:14px;font-weight:700}.person-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.person-actions{display:flex;gap:8px}@media (max-width: 900px){.people-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.people-grid{grid-template-columns:1fr}}.hero-admin{background:linear-gradient(135deg,#1e1b4b 0%,#4C1D95 40%,#8B5CF6 75%,#6366F1 100%)}.hero-lh{background:linear-gradient(135deg,#065f46 0%,var(--accent) 45%,var(--secondary) 100%)}.hero-sv{background:linear-gradient(135deg,#1e3a8a 0%,var(--primary) 50%,var(--secondary) 100%)}.hero-stats{display:flex;gap:28px;margin-top:20px;flex-wrap:wrap}.hero-stat .val{font-size:28px;font-weight:800}.hero-stat .lbl{font-size:11px;opacity:.75;margin-top:2px}.hero-badge{background:rgba(255,255,255,.2);border-radius:20px;padding:3px 10px;font-weight:600;font-size:12px}.hero-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:12.5px;opacity:.85}.hero-meta img{height:22px;filter:brightness(0) saturate(0) invert(1);opacity:.9}.kpi-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:30px}.kpi-grid-7{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:30px}@media (max-width: 1280px){.kpi-grid-7{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.kpi-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.kpi-grid-5,.kpi-grid-7{grid-template-columns:repeat(2,1fr)}}.actions-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media (max-width: 1200px){.actions-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.actions-grid-5{grid-template-columns:repeat(2,1fr)}}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;animation:fadeIn .2s ease}.modal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card);border-radius:20px;border:1px solid var(--border);padding:28px;width:100%;max-width:480px;z-index:201;box-shadow:0 24px 64px #0000002e;animation:scaleIn .22s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}.modal-close-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--text-muted);transition:all .2s;flex-shrink:0}.modal-close-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.booking-form-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.booking-summary-sticky{position:sticky;top:80px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.lh-page-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.lh-page-title{font-size:26px;font-weight:800;color:var(--text);margin:0}.lh-page-subtitle{color:var(--text-muted);font-size:14px;margin-top:6px}.lh-toolbar{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lh-search-wrap{position:relative;flex:1;min-width:220px}.lh-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.lh-search-input{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;background:var(--card);color:var(--text);outline:none;transition:border .15s;box-sizing:border-box}.lh-search-input:focus{border-color:var(--primary)}.lh-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lh-filter-select{padding:8px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:13px;cursor:pointer;outline:none}.lh-filter-select:focus{border-color:var(--primary)}.lh-export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;border:1.5px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;transition:all .2s;white-space:nowrap}.lh-export-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.lh-export-btn:disabled{opacity:.55;cursor:default}.lh-count-bar{padding:8px 18px;border-bottom:1px solid var(--border)}.lh-count-label{font-size:13px;color:var(--text-muted);font-weight:500}.lh-table{width:100%;border-collapse:collapse}.lh-table thead th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--bg);white-space:nowrap}.lh-table tbody td{padding:14px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}.lh-table tbody tr:last-child td{border-bottom:none}.lh-table tbody tr:hover td{background:rgba(99,102,241,.03)}.lh-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.lhsb-dot{width:6px;height:6px;border-radius:50%}.lhsb-active{background:#DCFCE7;color:#15803d}.lhsb-active .lhsb-dot{background:#22C55E}.lhsb-inactive{background:#F1F5F9;color:#64748b}.lhsb-inactive .lhsb-dot{background:#94A3B8}.lhsb-suspended{background:#FEF2F2;color:#b91c1c}.lhsb-suspended .lhsb-dot{background:#EF4444}.lhsb-invited{background:#F5F3FF;color:#7c3aed}.lhsb-invited .lhsb-dot{background:#8B5CF6}.lh-btn-outline{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--border);background:transparent;color:var(--text);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;padding:6px 14px;transition:all .15s;white-space:nowrap}.lh-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.lh-btn-danger{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--danger);background:transparent;color:var(--danger);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;padding:6px 14px;transition:all .15s;white-space:nowrap}.lh-btn-danger:hover{background:var(--danger);color:#fff}.lh-btn-success{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--success);background:transparent;color:var(--success);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;padding:6px 14px;transition:all .15s;white-space:nowrap}.lh-btn-success:hover{background:var(--success);color:#fff}.cust-avatar{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.cust-name{font-size:14px;font-weight:700;color:var(--primary)}.cust-email{font-size:12px;color:var(--text-muted);margin-top:1px}.cust-company{font-size:11px;color:var(--text-muted);margin-top:1px;opacity:.8}.cust-lh-pill{display:inline-block;padding:3px 10px;border-radius:20px;background:#EDE9FE;color:#6d28d9;font-size:12px;font-weight:600;white-space:nowrap}.lh-pagination{padding:14px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.lh-page-info{font-size:13px;color:var(--text-muted)}.lh-page-btns{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.lh-page-btn{min-width:34px;height:34px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;white-space:nowrap}.lh-page-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.lh-page-btn.active{background:#6366F1;color:#fff;border-color:#6366f1;font-weight:700}.lh-page-btn:disabled{opacity:.4;cursor:default}.lh-page-ellipsis{font-size:13px;color:var(--text-muted);padding:0 4px}.sv-kpi-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 6px #0000000a;flex:0 0 auto;min-width:170px}.sv-kpi-icon{width:52px;height:52px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sv-kpi-value{font-size:28px;font-weight:800;line-height:1}.sv-kpi-label{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:500}.sv-toolbar-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px 18px;display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;box-shadow:0 1px 6px #0000000a}.btn-indigo{background:#6366F1;color:#fff;border:none}.btn-indigo:hover{background:#4F46E5}.sv-page-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.sv-page-title{font-size:22px;font-weight:800;color:var(--text);margin:0}.sv-page-sub{color:var(--text-muted);font-size:14px;margin-top:4px}.sv-back-btn{background:none;border:none;cursor:pointer;color:var(--primary);font-weight:600;font-size:13px;padding:0;margin-bottom:6px;display:flex;align-items:center;gap:4px}.sv-section-hd{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--border)}.sv-field-label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.sv-field-err{font-size:11.5px;color:#ef4444;font-weight:600;margin:4px 0 0}.sv-payment-toggle{display:flex;gap:0;border:1.5px solid var(--border);border-radius:10px;overflow:hidden}.sv-payment-toggle button{flex:1;padding:11px 8px;border:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--text-muted);background:transparent;transition:background .15s,color .15s}.sv-payment-toggle button.sv-pt-active{background:var(--primary);color:#fff}.sv-charges-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.sv-dropdown{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--card);border:1.5px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000021;z-index:300;overflow:hidden}.sv-dropdown-item{padding:9px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);transition:background .12s}.sv-dropdown-item:hover{background:var(--bg)}.sv-dropdown-item:last-child{border-bottom:none}.sv-dd-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.sv-dd-name{font-size:13px;font-weight:600;color:var(--text)}.sv-dd-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.sv-dd-empty{padding:10px 14px;font-size:13px;color:var(--text-muted)}.sv-train-list{display:flex;flex-direction:column;gap:0;padding-bottom:8px}.sv-train-group{border-bottom:1px solid var(--border)}.sv-train-group:last-child{border-bottom:none}.sv-train-hd{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s}.sv-train-hd:hover{background:rgba(37,99,235,.02)}.sv-train-hd-left{display:flex;align-items:center;gap:14px}.sv-train-hd-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sv-train-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.sv-train-name{font-weight:800;font-size:15px;color:var(--text)}.sv-train-sub{font-weight:500;color:var(--text-muted);margin-left:8px;font-size:14px}.sv-train-count{font-size:12px;color:var(--text-muted);margin-top:2px}.sv-chevron{font-size:16px;color:var(--text-muted);flex-shrink:0}.sv-accept-all-btn{height:32px;box-sizing:border-box;padding:0 14px}.sv-train-body{border-top:1px solid var(--border)}.sv-station-code{font-weight:700;color:var(--text);font-size:13px}.sv-station-name{font-size:11px;color:var(--text-muted);margin-top:2px}.sv-countdown{height:32px;display:inline-flex;align-items:center;gap:3px;padding:0 10px;border-radius:8px;background:linear-gradient(135deg,#1e3a8a,var(--primary));color:#fff;box-sizing:border-box}.sv-countdown-seg{font-size:13px;font-weight:800;font-family:monospace;letter-spacing:1px;min-width:18px;text-align:center}.sv-countdown-sep{font-size:13px;font-weight:800;opacity:.6}.sv-next-badge{height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;background:var(--warning);color:#fff;font-size:11px;font-weight:700;white-space:nowrap;box-sizing:border-box}.sv-count-pill{font-size:13px;color:var(--text-muted);white-space:nowrap}.sv-state-loading{padding:40px;text-align:center;color:var(--text-muted)}.sv-state-empty{padding:60px;text-align:center;color:var(--text-muted)}.sv-state-icon{font-size:40px;margin-bottom:12px}.sv-state-msg{font-weight:600;font-size:15px}.sv-state-hint{font-size:13px;margin-top:4px}.btn-clear{padding:7px 12px;border:1.5px solid #EF4444;border-radius:8px;background:transparent;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.sv-manifest-btn{background:#DC3545;color:#fff;border-radius:8px;gap:7px;height:36px;box-sizing:border-box}.sv-btn-new{background:#0D6EFD;color:#fff;border-radius:8px;gap:6px}.sv-btn-load{background:#FD7E14;color:#fff;border-radius:8px;gap:6px}.sv-btn-unload{background:#6D28D9;color:#fff;border-radius:8px;gap:6px}.sv-btn-deliver{background:#16A34A;color:#fff;border-radius:8px;gap:6px}.sv-btn-excel{background:#1D6F42;color:#fff;border-radius:10px;gap:6px;white-space:nowrap}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.booking-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:stretch}.np-section-hd{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.slip-preview{position:sticky;top:80px;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 24px #00000024;color:#111;font-size:12px}.sp-header{background:#0f172a;color:#fff;padding:12px 14px 10px;text-align:center}.sp-invocation{font-size:9px;letter-spacing:1px;color:#94a3b8;margin-bottom:5px}.sp-company{font-size:14px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;line-height:1.2}.sp-powered{font-size:8px;color:#64748b;text-align:right;margin-top:5px}.sp-section-title{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#64748b;padding:6px 14px 2px;background:#fff}.sp-section{padding:6px 14px 8px;background:#fff}.sp-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.sp-row:last-child{margin-bottom:0}.sp-label{color:#64748b;font-size:10px;flex-shrink:0;width:110px}.sp-value{font-size:11px;font-weight:600;color:#111;text-align:right;flex:1}.sp-divider{border:none;border-top:1px dashed #cbd5e1;margin:0}.sp-route{padding:8px 14px;background:#f8fafc;display:flex;align-items:center;gap:6px}.sp-station{flex:1;text-align:center}.sp-code{font-size:16px;font-weight:800;color:#0f172a}.sp-station-name{font-size:9px;color:#64748b;margin-top:2px}.sp-arrow{font-size:18px;color:#0d6efd;font-weight:700;flex-shrink:0}.sp-total-row{padding:8px 14px;display:flex;justify-content:space-between;align-items:baseline;background:#f8fafc}.sp-total-label{font-size:11px;font-weight:700;color:#0f172a}.sp-total-amount{font-size:16px;font-weight:800;color:#0f172a;font-family:Courier New,monospace}.sp-status{background:#fffbeb;border-top:1px solid #fde68a;border-bottom:1px solid #fde68a;padding:7px 14px;display:flex;align-items:center;justify-content:center;gap:6px}.sp-status-dot{width:7px;height:7px;background:#f59e0b;border-radius:50%;flex-shrink:0}.sp-status-text{font-size:11px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.sp-footer{background:#0f172a;padding:7px 14px;text-align:center}.sp-track-text{font-size:9px;color:#94a3b8;margin-bottom:2px}.sp-track-url{font-size:9px;color:#38bdf8;font-weight:600}.sp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px;background:#f8fafc;border-top:1px solid #e2e8f0}.sp-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:8px;border:none;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.sp-btn:hover{opacity:.88;transform:translateY(-1px)}.sp-btn-sms{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.sp-btn-wa{background:#dcfce7;color:#166534;border:1px solid #86efac}.sp-btn-pdf{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.sp-btn-print{background:#faf5ff;color:#6d28d9;border:1px solid #ddd6fe}.sp-accept-panel{padding:12px 14px;background:#f8fafc;border-top:1px solid #e2e8f0}.sp-accept-btn{background:#0DCAF0;color:#000;width:100%;justify-content:center;border-radius:10px;gap:8px;font-weight:700}@media (max-width: 1024px){.kpi-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}.booking-form-layout{grid-template-columns:1fr 320px}.booking-layout{grid-template-columns:1fr 340px}}@media (max-width: 768px){.sv-page-hd{flex-direction:column;align-items:flex-start;gap:12px}.sv-page-hd .btn,.sv-page-hd button{width:100%;justify-content:center}.sv-train-hd{flex-direction:column;align-items:flex-start;gap:12px}.sv-train-hd-right{flex-wrap:wrap;width:100%}.sv-charges-grid{grid-template-columns:1fr!important}.page-main{padding:16px 12px 100px}.hero{padding:20px 18px}.hero h1{font-size:20px}.hero p{font-size:13px}.hero-stats{gap:16px;margin-top:14px}.hero-stat .val{font-size:22px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-value{font-size:24px}.actions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.action-card{padding:20px 14px;border-radius:16px}.action-icon{width:48px;height:48px;font-size:22px}.booking-form-layout{grid-template-columns:1fr}.booking-summary-sticky{position:static;order:-1}.booking-layout{grid-template-columns:1fr}.slip-preview{position:static}.form-grid-2{grid-template-columns:1fr}.table-card{border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}thead th,tbody td{padding:10px 14px;font-size:12px}.table-toolbar{gap:8px}.search-input{min-width:100%}.filter-sel{font-size:12px;padding:7px 10px}.modal-box{max-width:calc(100vw - 24px);padding:20px;border-radius:16px}nav.topnav{padding:0 16px;gap:12px}.section-hd{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.kpi-grid,.actions-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{padding:16px;border-radius:14px}.kpi-icon-wrap{width:38px;height:38px;font-size:18px;margin-bottom:10px}.kpi-value{font-size:22px}.support-grid{grid-template-columns:1fr}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}}.lh-toggle{position:relative;display:inline-block;width:48px;height:28px;cursor:pointer}.lh-toggle input{display:none}.lh-toggle-track{position:absolute;inset:0;background:#CBD5E1;border-radius:28px;transition:background .25s}.lh-toggle input:checked+.lh-toggle-track{background:var(--primary)}.lh-toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 4px #00000026}.lh-toggle input:checked+.lh-toggle-track .lh-toggle-thumb{transform:translate(20px)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-blue-500:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}