@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Outfit:wght@400;500;600;700&display=swap";*,: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%;-moz-tab-size:4;-o-tab-size:4;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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}.fixed{position:fixed}.resize{resize:both}.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)}:root{font-family:Outfit,sans-serif;color:#152039;background:#f6f8fc;font-synthesis:none;--navy:#0d162a;--purple:#5b50ee;--muted:#718099;--line:#e1e7f0}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.6;cursor:wait}.admin-shell{min-height:100vh;display:flex;background:#f7f9fc;overflow-x:hidden;max-width:100%}.sidebar{width:250px;background:var(--navy);color:#8e9bb1;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:3}.brand-block{height:86px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 24px;gap:12px;color:#fff}.brand-block strong{display:block;font-size:14px;letter-spacing:-.2px}.brand-block span{display:block;font-size:10px;color:#66738a;margin-top:5px}.brand-mark,.tv-logo{width:34px;height:34px;border-radius:9px;background:#f5f7fb;color:#5b50ee;display:grid;place-items:center;font-size:10px;font-weight:700;letter-spacing:-.7px;overflow:hidden;padding:3px}.brand-mark img,.tv-logo img,.login-logo .brand-mark img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sidebar nav{padding:20px 15px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:7px;text-align:left;color:#8f9ab0;font-size:14px;margin-bottom:5px;transition:.2s}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{background:#242052;color:#b7b4ff;box-shadow:inset 3px 0 var(--purple)}.sidebar-bottom{margin-top:auto;padding:15px}.logout{border:1px solid rgba(244,81,95,.3);background:#b1214629;color:#ff6572;width:100%;padding:10px;border-radius:7px;display:flex;gap:9px;align-items:center;justify-content:center;font-size:13px}.tv-link{color:#8090a9;width:100%;padding:12px 0;display:flex;justify-content:center;gap:5px;font-size:11px}.admin-main{width:calc(100% - 250px);margin-left:250px;min-height:100vh;position:relative}.content{max-width:1200px;margin:0 auto;padding:44px 36px 60px}.page-intro{margin-bottom:28px}.page-intro h1{font-size:28px;letter-spacing:-1.2px;margin:0 0 7px;color:#19233a}.page-intro p{margin:0;color:var(--muted);font-size:14px}.eyebrow{font-family:Orbitron;font-weight:900;font-size:10px;color:var(--purple);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.sync-pill{position:fixed;right:30px;top:21px;color:#53b681;border:1px solid #ccefdc;background:#f4fff8;border-radius:30px;padding:8px 13px;font-size:11px;display:flex;align-items:center;gap:7px;z-index:2}.sync-pill span,.status-badge span,.live-indicator span{width:6px;height:6px;border-radius:50%;background:#60d394}.sync-pill.offline{color:#d85b67;border-color:#f0ccd0;background:#fff8f8}.sync-pill.offline span{background:#d85b67}.mobile-header{display:none}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 7px 20px #2535580a;min-width:0}.metric-card{padding:25px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#56647c;font-size:13px}.metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.metric-icon svg{width:18px}.metric-icon.purple{background:#f0efff;color:var(--purple)}.metric-icon.orange{background:#fff6e7;color:#fa920c}.metric-icon.green{background:#ecfbf3;color:#17bf7a}.metric-card>strong{display:block;font-size:37px;letter-spacing:-2px;margin:18px 0 9px;color:#172238}.metric-card small{color:#8190a6;font-size:11px;display:flex;align-items:center;gap:4px}.metric-card small svg{color:#6d65f2}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.panel{padding:25px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}.panel-heading h2{margin:0;font-size:15px;display:flex;align-items:center;gap:8px;color:#263249}.panel-heading h2 svg{color:var(--purple)}.panel-heading p{margin:7px 0 0;color:#8490a4;font-size:11px}.chart-legend{display:flex;gap:14px;padding-top:2px}.chart-legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:#6c7890}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.dispatched{background:#17bf7a}.legend-dot.pending{background:#fa920c}.chart{height:300px;display:flex;padding-top:28px;min-width:0}.chart-grid{width:40px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;color:#9ba7ba;font-size:10px;padding-bottom:27px}.bars{flex:1;min-width:0;overflow-x:auto;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #e7ebf2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 56px,#e8edf4 57px);padding:0 20px}.bar-group{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;color:#8592a7;font-size:10px;min-width:50px;flex-shrink:0}.bar-pair{display:flex;align-items:flex-end;gap:5px;height:100%}.bar{width:16px;border-radius:4px 4px 0 0;min-height:0}.dispatched-bar{background:linear-gradient(#22d68f,#0e9d67)}.pending-bar{background:linear-gradient(#ffbc5c,#f0a204)}.recent-panel{min-height:380px}.text-button{color:#4f46de;font-size:12px}.recent-list{margin-top:19px}.recent-row{display:flex;align-items:center;gap:12px;border:1px solid #e4e9f0;border-radius:10px;padding:9px;margin-bottom:9px}.recent-row>div:nth-child(2){flex:1;min-width:0}.recent-row strong{font-size:12px;display:block;color:#21304a}.recent-row span{font-size:11px;display:block;margin-top:2px;color:#4c5970}.recent-row small{color:#8a96a8;font-size:10px;display:block;margin-top:4px}.package-art,.package-image{width:80px;height:80px;border-radius:14px;-o-object-fit:cover;object-fit:cover}.package-art{position:relative;background:#eef2fa;display:grid;place-items:center;overflow:hidden}.package-art span{width:43px;height:43px;transform:rotate(30deg) skewY(-8deg);display:block;background:#6e62e9;box-shadow:-9px 6px #4236bb}.package-art.cube-orange span{background:#f39200;box-shadow:-9px 6px #d06a00}.package-art.cube-yellow span{background:#ffb415;box-shadow:-9px 6px #e68a00}.package-art.cube-brown span{background:#8c5115;box-shadow:-9px 6px #5e2e04}.package-art.small,.package-image.small{width:38px;height:38px;border-radius:8px}.package-art.small span{width:20px;height:20px;box-shadow:-4px 3px #4236bb}.package-image.viewable{cursor:zoom-in;transition:transform .15s,box-shadow .15s}.package-image.viewable:hover{transform:scale(1.06);box-shadow:0 6px 16px #2535582e}.image-lightbox{position:relative;max-width:90vw;max-height:90vh}.image-lightbox img{display:block;max-width:90vw;max-height:90vh;border-radius:14px;-o-object-fit:contain;object-fit:contain;background:#fff;box-shadow:0 30px 70px #00000060}.lightbox-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;background:#fff;color:#33415a;display:grid;place-items:center;box-shadow:0 6px 16px #0610274d}.status-badge{font-family:Orbitron;font-weight:900;font-size:10px;border-radius:20px;padding:6px 9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;text-transform:uppercase}.status-badge.pending{color:#e88700;background:#fff7e9;border:1px solid #ffdf9c}.status-badge.pending span{background:#f4a31b}.status-badge.dispatched{color:#0fa864;background:#edfff5;border:1px solid #b9efd2}.order-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.search-box{width:355px;height:42px;background:#fff;border:1px solid #dfe6f0;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:9px;color:#8897aa}.search-box input{border:0;outline:0;width:100%;font-size:12px}.filter-group{display:flex;align-items:center;gap:4px;background:#eef2f8;padding:4px;border-radius:9px;color:#718098}.filter-group>svg{margin:0 5px}.filter-group button{padding:8px 14px;border-radius:6px;font-size:12px}.filter-group button.selected{color:var(--purple);background:#fff;box-shadow:0 2px 5px #dfe4ef}.customer-group{background:#fff;border:1px solid #e1e7f0;border-radius:12px;overflow:hidden;margin-bottom:12px}.group-heading{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;color:#27354d;font-weight:600;font-size:14px}.group-heading span{display:flex;align-items:center;gap:9px}.group-heading svg{color:#655ef0}.group-heading em{font-size:11px;font-style:normal;font-weight:400;color:#8591a5}.order-row{border-top:1px solid #e9edf3;padding:13px 18px 13px 32px;display:grid;grid-template-columns:38px 1.1fr .75fr .5fr 1.25fr auto auto;align-items:center;gap:14px}.order-number{color:#5b50e9;font-size:12px}.dimension-chip{background:#f2f5fa;color:#526177;border-radius:6px;padding:6px 8px;font-family:Orbitron;font-weight:900;font-size:10px;width:-moz-max-content;width:max-content}.order-row>b{font-size:13px}.order-row time{color:#748198;font-size:11px}.dispatch-detail{padding:0 18px 12px 32px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:11px;color:#5f9a7c;background:#f8fefb}.dispatch-detail span{display:flex;align-items:center;gap:5px}.dispatch-detail svg{color:#17bf7a}.dispatch-remarks{color:#6b7890;font-style:italic}.row-actions{display:flex;gap:5px}.row-actions button{width:30px;height:30px;border:1px solid #e0e6ef;border-radius:7px;display:grid;place-items:center;color:#79879b}.row-actions .dispatch-action{color:#ea940b;background:#fffaf0;border-color:#ffe3a9}.row-actions .delete-action{color:#ef6a72;background:#fff7f7;border-color:#ffd9da}.add-form{display:flex;flex-direction:column;gap:18px;max-width:920px}.customer-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 7px 20px #2535580a;padding:22px 26px}.item-list{display:flex;flex-direction:column;gap:16px}.item-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 7px 20px #2535580a;overflow:hidden}.item-card-header{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;background:#f7f8fc;border-bottom:1px solid #eceff5;font-size:11px;font-weight:600;color:#4a5773;letter-spacing:.4px;text-transform:uppercase}.remove-item-button{display:flex;align-items:center;gap:6px;color:#ef6a72;font-size:11px;font-weight:600;padding:6px 10px;border-radius:6px;background:#fff7f7;border:1px solid #ffd9da}.item-card-body{padding:24px 26px;display:grid;grid-template-columns:1.35fr .75fr;gap:30px}.add-item-button{display:flex;align-items:center;justify-content:center;gap:8px;width:-moz-max-content;width:max-content;padding:11px 18px;border-radius:9px;border:1px dashed #b9b3f7;color:#5b50e9;background:#f7f6ff;font-size:12px;font-weight:600}.add-form-footer{display:flex;flex-direction:column;gap:8px;max-width:280px}.upload-field{display:flex;flex-direction:column;gap:8px}.customer-card label,.item-card-body label,.modal label{font-size:12px;font-weight:600;color:#303e55;text-transform:uppercase;letter-spacing:.3px}.weight-total{margin:-6px 0 0;font-size:11px;color:#6b7890}.weight-total strong{color:#303e55}.customer-card input,.item-card-body input,.modal input{width:100%;height:43px;border:1px solid #dce4ef;border-radius:8px;padding:0 12px;outline:0;margin-top:5px;font-size:12px;color:#1e2a40}.customer-card input:focus,.item-card-body input:focus,.modal input:focus{border-color:#766df5;box-shadow:0 0 0 3px #efeeff}.modal textarea{width:100%;border:1px solid #dce4ef;border-radius:8px;padding:10px 12px;outline:0;margin-top:5px;font-size:12px;color:#1e2a40;resize:vertical;font-family:inherit}.modal textarea:focus{border-color:#766df5;box-shadow:0 0 0 3px #efeeff}.upload-field>span{display:block;font-size:10px;font-weight:400;color:#8290a3;margin-top:1px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0 20px}.three-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:12px 0 20px}.primary-button{height:44px;border-radius:8px;background:linear-gradient(100deg,#5146e5,#7168f5);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 16px #5549e530}.upload-zone{border:2px dashed #d9e1ee;border-radius:12px;min-height:187px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#847af4;gap:7px;margin-top:8px}.upload-zone strong{font-size:12px;color:#2e3b51}.upload-zone span,.upload-zone small{font-size:10px;font-weight:400;color:#8290a3}.upload-zone input{display:none}.upload-zone.has-image{overflow:hidden;padding:8px}.upload-zone img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.upload-field{cursor:pointer}.form-error{color:#d65460;font-size:11px}.required-mark{color:#ef6a72;margin-left:3px}.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8190a3}.empty-state svg{color:#7b72f1}.empty-state strong{color:#33415a;font-size:13px}.empty-state span{font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10192b80;display:grid;place-items:center;z-index:10}.modal{background:#fff;border-radius:14px;padding:25px;width:min(420px,calc(100% - 30px));display:flex;flex-direction:column;gap:15px;box-shadow:0 20px 60px #06102730}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start}.modal-heading span{color:#7b879a;font-size:11px}.modal-heading h2{margin:3px 0 0;font-size:20px}.modal-heading button{color:#8c98a9}.modal .primary-button{margin-top:5px}.modal-copy{margin:0;color:#4c5970;font-size:12.5px;line-height:1.5}.modal-actions{display:flex;gap:10px}.modal-actions .primary-button{flex:1;margin-top:0}.secondary-button{flex:1;height:44px;border-radius:8px;border:1px solid #dfe6f0;background:#fff;color:#4c5970;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.secondary-button:hover{background:#f7f9fc}.danger-button{background:linear-gradient(100deg,#e0505c,#ef6a72);box-shadow:0 8px 16px #e13a4630}.tv-screen{min-height:100vh;background:#080f1d;color:#eef2fc;padding-bottom:45px;position:relative;background-image:linear-gradient(#15243a30 1px,transparent 1px),linear-gradient(90deg,#15243a30 1px,transparent 1px);background-size:72px 72px;font-family:Outfit,sans-serif}.tv-header{height:88px;background:#080e1aee;border-bottom:1px solid #22324a;display:flex;align-items:center;padding:0 34px;gap:28px;position:sticky;top:0;z-index:2}.tv-brand{display:flex;align-items:center;gap:14px;flex:1}.tv-logo{width:52px;height:52px;border-radius:3px;background:#f8f9fd;color:#1f56d4;font-size:13px}.tv-brand strong{display:block;letter-spacing:2.5px;font-size:22px;color:#f5f7ff}.tv-brand span{font-family:Orbitron;font-weight:900;font-size:10px;letter-spacing:2px;color:#06c889;display:block;margin-top:4px}.tv-stat{min-width:125px;border:1px solid #26354b;border-radius:10px;background:#0d182a;padding:9px 22px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.15s}.tv-stat:hover{background:#132239;border-color:#34486a}.tv-stat strong{font-family:Orbitron;font-weight:900;font-size:28px;color:#f4a31b}.tv-stat span{font-size:10px;letter-spacing:.7px;color:#8794aa;font-weight:600}.pending-stat.active{border-color:#f4a31b;background:#241a08;box-shadow:0 0 0 1px #f4a31b55}.dispatch-stat.active{border-color:#09d391;background:#062a20;box-shadow:0 0 0 1px #09d39155}.dispatch-stat.active strong{color:#09d391}.dispatch-stat{border-color:#0b5948}.dispatch-stat strong{color:#09d391}.tv-clock{display:flex;align-items:center;gap:9px;font-family:Orbitron;font-weight:900;font-size:22px;white-space:nowrap}.tv-clock svg{color:#8796ac}.live-indicator{border:1px solid #075d4d;background:#082b2c;color:#00d795;border-radius:20px;padding:8px 14px;display:flex;align-items:center;gap:7px;font-family:Orbitron;font-weight:900;font-size:10px;white-space:nowrap}.live-indicator.lost{color:#ff8e7c;border-color:#65322c;background:#28151a}.live-indicator.lost span{background:#e96855}.fullscreen-button{color:#8593a8}.tv-view-bar{padding:16px 34px 0;display:flex;align-items:center;gap:16px}.tv-view-label{font-family:Orbitron;font-weight:900;font-size:11px;letter-spacing:1.5px;color:#7f8ea8;text-transform:uppercase}.tv-resume-auto{margin-left:auto;color:#f4a31b;border:1px solid #4a3a13;background:#241a08;border-radius:20px;padding:7px 14px;font-family:Orbitron;font-weight:900;font-size:9px;letter-spacing:1px;text-transform:uppercase}.tv-resume-auto:hover{background:#2d2109}@keyframes tv-page-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tv-grid{padding:28px 34px 36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;animation:tv-page-in .5s ease}.tv-card{background:#101a2c;border:1px solid #25334a;border-left:4px solid #f3a200;border-radius:16px;padding:26px 25px 21px;box-shadow:0 16px 30px #00000030;min-height:286px}.tv-card.dispatched{border-left-color:#00ce8b}.tv-card-top{display:flex;justify-content:space-between;align-items:center}.tv-card-top>strong{font-family:Orbitron;font-weight:900;color:#a6b3c9;letter-spacing:.5px;font-size:16px}.tv-card .status-badge{background:#2f261c;border-color:#674d29;color:#f3a200}.tv-card.dispatched .status-badge{background:#102d28;border-color:#195f4e;color:#00d795}.tv-card-main{display:flex;align-items:center;gap:20px;margin:21px 0}.tv-card .package-art,.tv-card .package-image{width:80px;height:80px;background:#18253a;border-radius:13px}.tv-customer{font-size:17px;line-height:1.2;display:block;max-width:165px}.tv-quantity{font-family:Orbitron;font-weight:900;font-size:35px;letter-spacing:-2px;margin-top:7px;color:#f4f6ff}.tv-quantity span{font-family:Outfit;font-size:12px;letter-spacing:1px;color:#9aa7bd}.tv-card.dispatched .tv-quantity{font-size:46px;color:#5dffc4}.tv-card-meta{border-top:1px solid #27364c;padding-top:16px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:11px}.tv-card-meta span{font-family:Orbitron;font-weight:900;display:block;font-size:9px;line-height:1.3;color:#8492a7;letter-spacing:.6px}.tv-card-meta strong{font-size:12px;display:block;margin-top:6px;color:#f0f3fa}.tv-dispatch-note{border-top:1px solid #195f4e;margin-top:14px;padding-top:14px;display:flex;flex-wrap:wrap;gap:11px}.tv-dispatch-note span{font-family:Orbitron;font-weight:900;display:block;font-size:9px;line-height:1.3;color:#5fa78e;letter-spacing:.6px}.tv-dispatch-note strong{font-size:12px;display:block;margin-top:6px;color:#d6f5e8;font-weight:500}.tv-dispatch-note .tv-remarks{flex-basis:100%}.tv-dispatch-note .tv-remarks strong{font-weight:400;font-style:italic;color:#a9c3ba}.tv-footer{position:fixed;bottom:0;left:0;right:0;border-top:1px solid #253249;background:#090f1b;color:#53657e;font-family:Orbitron;font-weight:900;font-size:10px;letter-spacing:1px;padding:13px 0;white-space:nowrap;overflow:hidden}.tv-footer-track{display:inline-flex;width:-moz-max-content;width:max-content;animation:tv-footer-scroll 26s linear infinite}.tv-footer-segment{display:inline-flex;align-items:center;white-space:nowrap}.tv-footer-dot{color:#00ce8b;margin:0 12px}@keyframes tv-footer-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tv-empty{grid-column:1/-1;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8795ab}.tv-empty strong{color:#dfe7f5}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080f1d;background-image:linear-gradient(#15243a30 1px,transparent 1px),linear-gradient(90deg,#15243a30 1px,transparent 1px);background-size:72px 72px;padding:24px;gap:24px;font-family:Outfit,sans-serif}.login-card{width:min(400px,100%);background:#0d1626;border:1px solid #22324a;border-radius:20px;padding:38px 32px 32px;display:flex;flex-direction:column;align-items:center;box-shadow:0 30px 70px #0005}.login-logo{margin-bottom:16px}.login-logo .brand-mark{width:64px;height:64px;font-size:17px;border-radius:16px}.login-card h1{font-family:Outfit,sans-serif;color:#f5f7ff;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0 0 5px;text-align:center}.login-subtitle{font-family:Outfit,sans-serif;color:#7a8aa3;font-size:12px;margin-bottom:30px;text-align:center}.login-card form{width:100%;display:flex;flex-direction:column;gap:16px}.login-card label{font-family:Outfit,sans-serif;width:100%;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#8492a7;display:flex;flex-direction:column;gap:8px}.login-field{display:flex;align-items:center;gap:10px;background:#f2f4f9;border-radius:10px;padding:0 14px;height:46px;color:#66738a}.login-field input{font-family:Outfit,sans-serif;flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px;color:#1e2a40}.login-eye{color:#8492a7;display:flex;flex-shrink:0}.login-eye:hover{color:#5b50ee}.login-submit{width:100%;margin-top:6px}.login-mode-toggle{font-family:Outfit,sans-serif;margin-top:16px;color:#6d7ea0;font-size:11px;text-decoration:underline;text-underline-offset:2px}.login-mode-toggle:hover{color:#9aa8c4}.login-footer{font-family:Outfit,sans-serif;color:#4a5773;font-size:11px;letter-spacing:.4px}@media (max-width:1100px){.sidebar{width:220px}.admin-main{width:calc(100% - 220px);margin-left:220px}.dashboard-grid{grid-template-columns:1fr}.tv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tv-header{gap:16px;padding:0 20px}.tv-brand strong{font-size:17px}.tv-stat{min-width:auto;padding:8px 13px}.tv-clock{font-size:17px}.tv-card{padding:20px 17px}.tv-customer{font-size:14px}.tv-quantity{font-size:28px}.tv-card.dispatched .tv-quantity{font-size:36px}}@media (max-width:760px){.sidebar{transform:translate(-100%);transition:transform .25s ease;width:250px;max-width:82vw;z-index:20;box-shadow:0 0 #0000}.sidebar.open{transform:translate(0);box-shadow:20px 0 60px #06102759}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f1d8c;z-index:15;animation:tv-page-in .18s ease}.admin-main{width:100%;margin:0}.mobile-header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:5}.mobile-menu-button{color:#fff;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px}.mobile-menu-button:hover{background:#ffffff14}.content{padding:28px 16px 50px}.page-intro h1{font-size:24px}.metric-grid{grid-template-columns:1fr;gap:12px}.metric-card{padding:18px}.metric-card>strong{margin:8px 0}.order-toolbar{display:block}.search-box{width:100%;margin-bottom:10px}.filter-group{width:-moz-max-content;width:max-content}.order-row{grid-template-columns:34px 1fr auto;gap:9px;padding:13px}.order-row .dimension-chip,.order-row>b,.order-row time{display:none}.row-actions{grid-column:2/4}.customer-card{padding:18px}.item-card-body{grid-template-columns:1fr;padding:18px;gap:20px}.two-fields,.three-fields{grid-template-columns:1fr}.add-form-footer{max-width:none}.sync-pill{display:none}.tv-screen{padding-bottom:42px}.tv-header{height:auto;min-height:80px;flex-wrap:wrap;padding:14px 15px;gap:10px}.tv-brand{flex-basis:100%}.tv-brand strong{font-size:15px;letter-spacing:1.3px}.tv-brand span{font-size:8px;letter-spacing:1px}.tv-logo{width:40px;height:40px}.tv-stat{flex:1;justify-content:center}.tv-stat strong{font-size:20px}.tv-stat span{font-size:8px}.tv-clock{font-size:14px}.live-indicator{font-size:8px;padding:7px}.fullscreen-button{display:none}.tv-view-bar{padding:12px 15px 0;flex-wrap:wrap}.tv-resume-auto{margin-left:0}.tv-grid{padding:18px 14px;grid-template-columns:1fr;gap:14px}.tv-card{min-height:0}.tv-footer{font-size:8px}.tv-card-meta{grid-template-columns:1fr 1fr 1fr}.chart{height:250px}.bars{padding:0 4px}.bar-group{min-width:34px}.bar{width:12px}}