:root{--brand:#4c6fff;--brand-hover:#6b8aff;--brand-active:#3a5ae0;--brand-light:#eef2ff;--brand-light-2:#d6e0ff;--bg:#f5f7fa;--card:#fff;--text:#1f2329;--text-2:#505968;--text-3:#8f959e;--text-4:#bfc3cb;--border:#e8ecf0;--border-light:#f0f2f5;--fill-2:#eef0f4;--success:#34c759;--success-light:#eafbef;--warning:#ff9500;--warning-light:#fff5e6;--danger:#ff3b30;--danger-light:#fff0ef;--radius:6px;--radius-lg:10px;--shadow:0 1px 3px #0000000a;color:var(--text);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,SF Pro Display,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-.4px;font-size:22px;font-weight:650;line-height:1.4}h2{font-size:16px;font-weight:650}h3{font-size:14px;font-weight:600}input,select,textarea{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:6px;outline:none;padding:8px 11px;transition:border-color .15s,box-shadow .15s}input,select{height:36px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:var(--text-4)}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}input:disabled{background:var(--bg);color:var(--text-3)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #94a9ff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-track{background:0 0}svg{flex-shrink:0}.btn{white-space:nowrap;vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;border:1px solid #0000;box-shadow:0 1px 2px #00000009}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-primary:active{background:var(--brand-active)}.btn-outline{border:1px solid var(--border);color:var(--text-2);background:#fff}.btn-outline:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--fill-2)}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-light)}.tag{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.tag i{background:currentColor;border-radius:50%;width:5px;height:5px}.tag-blue{color:var(--brand);background:var(--brand-light)}.tag-green{color:#219849;background:var(--success-light)}.tag-orange{color:#cf7900;background:var(--warning-light)}.tag-red{color:var(--danger);background:var(--danger-light)}.tag-gray{color:#7b8390;background:var(--fill-2)}.card{background:var(--card);box-shadow:var(--shadow);border:1px solid #ecf0f4;border-radius:10px}.subtle,.muted{color:var(--text-3);font-size:12px}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.15px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px!important}.text-link{color:var(--brand);white-space:nowrap;align-items:center;gap:4px;padding:0;font-size:12px;display:inline-flex}.text-link:hover{color:var(--brand-active);text-decoration:underline}.spacer{flex:1}.full-width{width:100%}.text-green{color:#299c4e}.text-orange{color:#cf7900}.avatar{color:#6579c7;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:550;display:inline-flex}.avatar-1{color:#8b6dc4;background:#f0ebfc}.avatar-2{color:#5c9989;background:#e8f4f0}.avatar-3{color:#bd8a50;background:#fff1e3}.person-inline{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:#fff;border-right:1px solid #f0f2f5;flex-direction:column;width:180px;transition:width .2s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.brand{flex-shrink:0;align-items:center;gap:10px;height:64px;padding:0 16px;display:flex}.brand-mark{background:linear-gradient(145deg,var(--brand),#7c5cfc);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;font-style:italic;font-weight:750;display:inline-flex}.brand .sidebar-label{flex-direction:column;display:flex}.brand b{letter-spacing:.2px;font-size:17px;line-height:1.2}.brand small{color:var(--text-3);margin-top:3px;font-size:10px}.sidebar-label{white-space:nowrap;transition:opacity .15s}.sidebar-workspace{border:1px solid var(--border-light);background:#f8f9fc;border-radius:6px;align-items:center;gap:8px;min-width:156px;margin:14px 12px 7px;padding:9px 7px;display:flex}.workspace-icon{color:var(--brand);display:flex}.sidebar-workspace b{font-size:11px;font-weight:600;display:block}.sidebar-workspace small{color:var(--text-3);margin-top:2px;font-size:10px;display:block}.sidebar-section{color:#a1a7b1;letter-spacing:.6px;margin:20px 10px 9px;font-size:10px}.sidebar>.sidebar-section{margin-left:22px}.sidebar nav{flex:1;padding:0 10px}.sidebar-item{color:#68717e;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:39px;margin-bottom:4px;padding:9px 11px;font-size:12px;transition:background .15s;display:flex}.sidebar-item:hover{background:var(--bg)}.sidebar-item.active{color:var(--brand);background:var(--brand-light);font-weight:600}.sidebar-item.active svg{stroke-width:1.9px}.nav-count{color:#d38933;text-align:center;background:#fff0e0;border-radius:4px;min-width:18px;margin-left:auto;font-size:10px;font-weight:600;line-height:18px}.sidebar-bottom{padding:0 10px 8px}.sidebar-hint{color:#9caae0;flex-direction:column;align-items:center;gap:6px;padding:18px 0 26px;display:flex}.sidebar-hint strong{color:#7e89a7;font-size:10px;font-weight:500}.sidebar-hint span{color:#a5aebd;font-size:9px}.collapse-btn{border-top:1px solid var(--border-light);color:var(--text-3);border-radius:0;font-size:11px}.workspace{width:calc(100% - 180px);min-width:0;margin-left:180px;transition:margin-left .2s,width .2s}.collapsed .sidebar{width:64px}.collapsed .workspace{width:calc(100% - 64px);margin-left:64px}.collapsed .sidebar-label{opacity:0;pointer-events:none;width:0}.collapsed .sidebar-workspace{width:40px;min-width:0;margin:14px 12px;padding:9px}.collapsed .sidebar-section{height:0;margin:9px 0}.collapsed .sidebar-hint{padding:0}.collapsed .brand{padding:0 15px}.collapsed .sidebar nav{padding:0 8px}.collapsed .sidebar-item{gap:0;padding:10px 14px}.topbar{border-bottom:1px solid var(--border-light);z-index:15;background:#fff;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--text-3);align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb b{color:var(--text-2);font-weight:500}.topbar-right{align-items:center;gap:12px;font-size:12px;display:flex}.demo-pill{color:#8690a3;background:#f7f8fb;border:1px solid #edf0f4;border-radius:4px;padding:3px 7px;font-size:10px}.warehouse-label{color:var(--text-2);align-items:center;gap:5px;font-size:11px;display:flex}.notification-button{width:29px;height:29px;color:var(--text-3);justify-content:center;align-items:center;display:flex;position:relative}.notification-button i{background:var(--warning);border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:5px}.topbar-divider{background:var(--border);width:1px;height:17px}.content{max-width:1700px;margin:0 auto;padding:27px 28px 0}.page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-title p{color:var(--text-3);margin-top:7px;font-size:12px}.page-title-actions{align-items:center;gap:10px;display:flex}.date-label{color:var(--text-3);margin-right:5px;font-size:11px}.overview-banner{background:linear-gradient(105deg,#eff3ff,#f2f4fc 70%,#f0f3ff);border:1px solid #e5eafb;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:15px 18px;display:flex}.overview-banner>div{align-items:center;gap:12px;display:flex}.banner-icon{min-width:39px;height:39px;color:var(--brand);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 5px #4c6fff08}.overview-banner strong{color:#3f506e;font-size:13px;font-weight:600}.overview-banner p{color:#8993a9;margin-top:4px;font-size:11px}.overview-banner .btn{color:var(--brand);background:#fff;border-color:#dfe6ff;font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{text-align:left;padding:17px 18px 12px;transition:box-shadow .2s,transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.stat-top{color:var(--text-2);justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-icon.blue{color:#4c6fff;background:#eef2ff}.stat-icon.purple{color:#9570e5;background:#f5effe}.stat-icon.green{color:#4ba57d;background:#ebf7f1}.stat-icon.orange{color:#e3a043;background:#fff5e8}.stat-card>strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:10px 0 18px;font-size:31px;font-weight:600;line-height:1;display:block}.stat-card>strong small{color:var(--text-3);letter-spacing:0;margin-left:8px;font-size:11px;font-weight:400}.stat-bottom{border-top:1px solid var(--border-light);color:var(--text-3);justify-content:space-between;align-items:center;padding-top:10px;font-size:10px;display:flex}.stat-bottom svg{color:#acb4c1}.overview-columns{grid-template-columns:minmax(0,2.25fr) minmax(270px,1fr);gap:20px;margin-bottom:20px;display:grid}.card-heading{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.card-heading h2{font-size:14px;font-weight:600}.card-heading p{color:var(--text-3);margin-top:5px;font-size:11px}.floor-plan{grid-template-columns:repeat(3,1fr);gap:16px;padding:3px 20px 0;display:grid}.rack-zone{background:#fbfcfe;border:1px solid #e9edf3;border-radius:7px;min-width:0;padding:10px}.zone-heading{align-items:center;gap:6px;margin-bottom:13px;display:flex}.zone-heading strong{font-size:15px;font-weight:600}.zone-heading strong span{color:var(--text-3);margin-left:1px;font-size:9px;font-weight:400}.zone-heading>span{color:#9aa3b2;font-size:9px}.zone-heading .zone-count{color:#939caf;white-space:nowrap;background:#f0f2f6;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:8px}.zone-heading .zone-count.working{color:var(--brand);background:var(--brand-light)}.rack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px;display:grid}.rack{color:#99a5b8;background:#eef2f7;border:3px solid #c8d2e0;border-left:1px solid #d8dfe9;border-right:1px solid #d8dfe9;border-radius:2px;grid-template-columns:repeat(3,1fr);gap:3px;min-height:52px;padding:7px 5px 0;display:grid;position:relative}.rack i{background:#dbe2ec;border:1px solid #d0d8e4;border-radius:1px;height:13px;display:block}.rack span{white-space:nowrap;grid-column:span 3;margin:1px -3px;font-size:9px}.rack.occupied{color:#5e7ddd;background:#e7eeff;border-color:#aabcf8}.rack.occupied i{background:#b9cafb;border-color:#a7bdf5}.rack-indicator{background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:-5px;right:-4px;box-shadow:0 0 0 3px #fff}.zone-people{align-items:center;height:40px;margin-top:7px;display:flex}.zone-people>span{color:#abb2bf;font-size:9px}.zone-people>button{color:#7d8796;align-items:center;gap:5px;width:100%;padding:0;font-size:10px;display:flex}.zone-people .avatar{background:#e8edfa;width:21px;height:21px;font-size:8px}.zone-people svg{margin-left:auto}.floor-legend{color:#99a2af;align-items:center;gap:16px;padding:15px 20px;font-size:9px;display:flex}.floor-legend>span{align-items:center;gap:4px;display:flex}.floor-legend i{background:#d8dfe9;border-radius:1px;width:6px;height:6px}.floor-legend .legend-active{background:#8fa7ef}.floor-legend .last-update{margin-left:auto;font-size:9px}.attention-card{flex-direction:column;display:flex}.attention-card .card-heading{padding-bottom:10px}.exception-preview{text-align:left;gap:10px;padding:14px 18px 18px;display:flex}.exception-preview:hover{background:#fcfdfe}.exception-symbol{background:var(--warning-light);color:#e5a03b;border-radius:7px;justify-content:center;align-items:center;min-width:31px;height:31px;display:flex}.exception-preview>div{flex:1;min-width:0}.exception-preview-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.exception-preview-title strong{font-size:12px;font-weight:600}.exception-preview-title span{color:var(--text-3);font-size:9px}.exception-preview p{color:#7a8494;margin:4px 0 9px;font-size:10px}.exception-preview div>span:not(.tag){color:#a1a8b3;font-size:10px;line-height:1.8;display:block}.exception-preview-foot{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.exception-preview-foot .tag{height:19px;font-size:9px}.exception-preview-foot>span:last-child{align-items:center;gap:4px;color:var(--brand)!important;display:flex!important}.attention-footer{color:#a1a8b5;border-top:1px solid var(--border-light);align-items:center;gap:5px;margin-top:auto;padding:12px 18px;font-size:9px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}th{color:#8993a2;background:#f9fafc;border-top:1px solid #f2f4f7;border-bottom:1px solid #f2f4f7;height:39px;padding:0 20px;font-size:11px;font-weight:500}td{color:#606a79;border-bottom:1px solid #f1f3f6;height:68px;padding:12px 20px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td small{color:#a4acb8;margin-top:4px;font-size:10px;display:block}td b{font-weight:550}.row-title{color:#3e4959;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:550;display:inline-flex}.row-title:hover{color:var(--brand)}.priority{align-items:center;gap:5px;font-size:11px;display:inline-flex}.priority i{background:#bfc6d2;border-radius:50%;width:5px;height:5px}.priority.urgent{color:#e58b61}.priority.urgent i{background:#f3a076}.priority.high{color:#c99b51}.priority.high i{background:#e5b465}.priority.normal{color:#9ba5b4}.progress-with-label{align-items:center;gap:9px;display:flex}.progress{background:#edf0f6;border-radius:99px;width:76px;height:4px;overflow:hidden}.progress>span{background:#8099f7;border-radius:99px;height:100%;transition:width .25s;display:block}.progress-with-label>span{color:#6e7b91;font-variant-numeric:tabular-nums;min-width:30px;font-size:10px}.progress-with-label em{color:#b3bac5;font-style:normal}.overdue{color:#d89d61}.page-footer{color:#adb4c0;justify-content:space-between;padding:20px 1px;font-size:9px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:22px;padding:0 20px;display:flex;overflow:auto}.tabs>button{color:#7d8797;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:7px;height:52px;padding:0;font-size:12px;display:flex}.tabs>button.selected{color:var(--brand);border-bottom-color:var(--brand);font-weight:550}.tabs button>span{color:#98a1b0;background:#f0f2f6;border-radius:4px;padding:1px 5px;font-size:10px}.tabs button.selected>span{color:var(--brand);background:var(--brand-light)}.table-toolbar{align-items:center;gap:12px;padding:16px 20px;display:flex}.table-toolbar>.subtle,.table-toolbar>.btn:last-child{margin-left:auto}.search-field{color:#afb6c0;background:#f5f7fa;border-radius:6px;align-items:center;gap:8px;width:100%;min-width:280px;max-width:390px;height:34px;padding:0 11px;display:flex}.search-field input{height:34px;box-shadow:none;background:0 0;border:0;padding:0;font-size:11px}.search-field:focus-within{box-shadow:0 0 0 2px var(--brand-light-2)}.search-field button{padding:0;display:flex}.table-footer{border-top:1px solid var(--border-light);color:#9aa3af;justify-content:space-between;padding:14px 20px;font-size:10px;display:flex}.inline-icon{border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.inline-icon.warning{background:var(--warning-light);color:#e9a249}.product-cell{align-items:center;gap:12px;display:flex}.product-art{background:color-mix(in srgb,var(--product) 10%,white);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.product-art svg{width:34px;height:34px}.location-tag{color:#8d9aac;align-items:center;gap:3px;font-size:10px;display:inline-flex}.people-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.person-card{padding:22px}.person-heading{align-items:center;gap:10px;display:flex}.person-heading>.avatar{width:42px;height:42px;font-size:13px}.person-heading h3{font-size:14px}.person-heading>div>span{color:var(--text-3);font-size:11px}.person-heading>.tag{margin-left:auto;font-size:9px}.person-stats{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);justify-content:space-around;margin:20px 0 14px;padding:15px 0;display:flex}.person-stats>div{flex-direction:column;align-items:center;gap:4px;display:flex}.person-stats b{font-size:23px;font-weight:550}.person-stats span{color:var(--text-3);font-size:10px}.person-device{color:var(--text-3);align-items:center;gap:7px;margin-bottom:20px;font-size:11px;display:flex}.notice{border-radius:6px;align-items:flex-start;gap:8px;margin:12px 0;padding:12px 14px;font-size:12px;line-height:1.7;display:flex}.notice>svg{margin-top:1px}.notice-blue{color:#6c80b5;background:#f1f5ff}.notice-orange{background:var(--warning-light);color:#b78943}.empty-state{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 25px;display:flex}.empty-icon{color:#c0c9d6;background:#f5f7fa;border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:16px;display:flex}.empty-state strong{color:#8a94a2;font-size:13px;font-weight:500}.empty-state p{color:#afb6c1;margin:8px 0 16px;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#17223850;justify-content:center;align-items:center;padding:24px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:480px;max-width:100%;max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 15px 70px #14223a26}.modal.wide{width:760px}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 24px;display:flex}.modal-header h2{font-size:17px}.modal-header p{color:var(--text-3);margin-top:5px;font-size:11px}.modal-header>.btn{width:29px;height:29px;color:var(--text-3);padding:0}.modal-body{padding:22px 24px}.modal-footer{border-top:1px solid var(--border-light);z-index:2;background:#fff;justify-content:flex-end;align-items:center;gap:9px;padding:17px 24px;display:flex;position:sticky;bottom:0}.modal-footer>span:first-child{color:var(--text-3);margin-right:auto;font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.field>span{color:#697487;font-size:12px}.field>span>b{color:#f18e89;font-weight:400}.field input,.field select,.field textarea{font-size:12px}.field small{color:var(--text-3);font-size:10px}.form-section-title{border-top:1px solid var(--border-light);align-items:center;gap:10px;margin:3px 0 18px;padding-top:20px;display:flex}.form-section-title span{color:var(--text-3);font-size:10px}.line-form-header,.line-form{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 90px 28px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.line-form-header{color:var(--text-3);font-size:11px}.line-form input,.line-form select{font-size:11px}.line-form .btn{padding:0}.modal-body>.btn-ghost{color:var(--brand);margin-bottom:16px}.form-error{color:#d66560;background:var(--danger-light);border-radius:6px;margin:10px 0;padding:10px 12px;font-size:12px}.drawer-overlay{justify-content:flex-end;padding:0}.modal.drawer{border-radius:12px 0 0 12px;flex-direction:column;width:700px;height:100dvh;max-height:100dvh;animation:.2s slide-in;display:flex;overflow:hidden}.drawer-body{flex:1;padding:24px;overflow:auto}.drawer .modal-header,.drawer .modal-footer{flex-shrink:0}.detail-status{align-items:center;gap:12px;margin-bottom:24px;display:flex}.detail-status>.subtle{margin-left:auto}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 25px;display:grid}.detail-grid>div{flex-direction:column;gap:6px;min-width:0;display:flex}.detail-grid span{color:var(--text-3);font-size:11px}.detail-grid b{word-break:break-word;font-size:12px;font-weight:500}.task-progress-block{background:#f8faff;border:1px solid #ecf0fa;border-radius:7px;margin:24px 0;padding:16px}.task-progress-block>div:first-child{justify-content:space-between;margin-bottom:13px;display:flex}.task-progress-block h3{font-size:12px}.task-progress-block>div:first-child span{color:var(--text-3);font-size:11px}.task-progress-block .progress{width:100%;height:5px}.section-title{margin:24px 0 14px;font-size:13px}.section-title>span{background:var(--fill-2);color:var(--text-3);border-radius:4px;margin-left:5px;padding:2px 6px;font-size:10px}.detail-line{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:15px 0;display:flex}.line-index{color:var(--text-4);font-variant-numeric:tabular-nums;font-size:10px}.detail-line-info{flex:1;min-width:0}.detail-line-info>b{font-size:12px;font-weight:550;display:block}.detail-line-info>span{color:#9aa4b3;margin-top:3px;font-size:10px;display:block}.detail-line-info>div{align-items:center;gap:14px;margin-top:8px;display:flex}.detail-line-info small{color:var(--text-3);font-size:9px}.line-quantity{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.line-quantity>b{font-size:17px;font-weight:550}.line-quantity small{color:var(--text-3);font-size:10px;font-weight:400}.line-quantity>span{font-size:10px}.detail-note{color:var(--text-2);overflow-wrap:anywhere;background:#f8f9fb;border-radius:6px;padding:14px;font-size:12px;line-height:1.8}.linked-exception{color:#c89b59;background:#fffbf5;border:1px solid #fff0da;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:13px 12px;font-size:12px;display:flex}.linked-exception>.tag{margin-left:auto}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.photo-grid{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.photo-grid img{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:110px;height:90px}.photo-empty{color:var(--text-3);border:1px dashed var(--border);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:22px;font-size:11px;display:flex}.toast{z-index:100;background:#fff;border:1px solid #e7ebf0;border-radius:8px;align-items:center;gap:9px;max-width:90vw;padding:12px 18px;font-size:12px;animation:.15s fade-in;display:flex;position:fixed;top:73px;left:50%;transform:translate(-50%);box-shadow:0 5px 28px #20325220}.toast.success>svg{color:var(--success)}.toast.error>svg{color:var(--danger)}.connection-grid{grid-template-columns:1fr 90px 1fr;align-items:center;display:grid}.connection-card{padding:24px}.connection-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.connection-icon{background:var(--brand-light);width:54px;height:54px;color:var(--brand);border-radius:14px;justify-content:center;align-items:center;display:flex}.connection-icon.glasses{color:#9079d5;background:#f1effd}.connection-card h2{font-size:18px}.connection-card>p{color:var(--text-3);max-width:430px;margin:12px 0 25px;font-size:12px;line-height:1.9}.connection-fact{border-top:1px solid var(--border-light);justify-content:space-between;gap:10px;padding:11px 0;font-size:11px;display:flex}.connection-fact span{color:var(--text-3)}.connection-fact b{font-weight:500}.connection-fact code{word-break:break-all;font-size:10px}.connection-arrow{color:#b8c4e4;flex-direction:column;align-items:center;gap:10px;display:flex}.connection-arrow span{font-size:10px}.connect-bottom{grid-template-columns:1.15fr 1fr;gap:20px;margin:24px 0;display:grid}.connection-steps{padding:5px 20px}.connection-steps>div{gap:12px;margin-bottom:20px;display:flex}.connection-steps>div>span{background:var(--brand-light);width:27px;height:27px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.connection-steps b{font-size:12px;font-weight:550}.connection-steps p{color:var(--text-3);margin-top:3px;font-size:11px}.card-bottom{border-top:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;display:flex}.card-bottom>span{color:var(--text-3);font-size:10px}.integration-info{padding:0 20px 12px}.integration-info p{color:#8892a2;align-items:center;gap:9px;margin:16px 0;font-size:12px;display:flex}.integration-info p:nth-child(-n+2) svg{color:#69b686}.boot{min-height:100vh;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.boot .brand-mark{width:50px;height:50px;font-size:30px}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{background:linear-gradient(145deg,#edf2ff,#f5f7fd 58%,#edf2ff);flex-direction:column;padding:40px 55px;display:flex;position:relative;overflow:hidden}.login-brand{align-items:center;gap:11px;font-size:21px;font-weight:650;display:flex}.login-copy{z-index:1;margin:auto 0;padding:60px 0;position:relative}.eyebrow{color:#899abf;font-size:13px}.login-copy h1{letter-spacing:0;color:#334467;margin:17px 0;font-size:45px;font-weight:650;line-height:1.5}.login-copy p{color:#97a1b5;font-size:14px;line-height:2}.login-racks{gap:18px;max-width:400px;margin:55px 0 30px;display:flex;transform:perspective(650px)rotateY(-15deg)rotateX(12deg)}.login-racks>div{background:#e3eafb;border:7px solid #bac9ed;border-width:7px 4px;flex:1;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 7px;display:grid;box-shadow:12px 15px 15px #7694d510}.login-racks i{background:#cddaf9;border:1px solid #bdccef;border-radius:2px;height:26px;box-shadow:inset 0 -5px #b8c9ee}.login-racks>div:nth-child(2){background:#d9e4ff;border-color:#8da9ee}.login-racks>div:nth-child(2) i{background:#b0c6fc;box-shadow:inset 0 -5px #9db7f1}.login-caption{color:#97a9cf;align-items:center;gap:8px;font-size:11px;display:flex}.login-copyright{color:#abb7cf;font-size:10px}.login-form-wrap{justify-content:center;align-items:center;padding:50px;display:flex}.login-form{width:355px;max-width:100%}.login-form h2{margin-top:20px;font-size:24px}.login-form>p{color:var(--text-3);margin:12px 0 35px;font-size:12px}.login-form input{background:#f8f9fc;height:42px}.login-submit{height:40px;margin-top:10px}.login-submit svg{margin-left:auto}.login-note{color:#b0b7c3;align-items:center;gap:6px;margin-top:25px;font-size:10px;display:flex}.sim-page{background:#f5f7fa;min-height:100vh}.sim-topbar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:18px;height:64px;padding:0 28px;display:flex}.sim-brand{align-items:center;gap:10px;font-size:14px;display:flex}.sim-topbar>a:last-child{margin-left:auto}.sim-layout{grid-template-columns:250px minmax(0,1fr);gap:26px;max-width:1500px;margin:0 auto;padding:26px;display:grid}.sim-side{padding:5px 0}.sim-side-heading>svg{color:var(--brand);margin-bottom:14px}.sim-side h1{margin-bottom:10px;font-size:17px}.sim-side-heading p{color:var(--text-3);margin-bottom:25px;font-size:12px;line-height:1.9}.sim-instructions{border-top:1px solid var(--border);margin-top:25px;padding-top:22px}.sim-instructions h3{margin-bottom:20px}.sim-instructions p{color:#8a94a5;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.sim-instructions p span{color:#8192b1;border:1px solid #dfe5f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex}.sim-side .notice{font-size:11px}.sim-main{min-width:0}.glasses-frame{color:#fff;background:#0c1019;border:6px solid #263044;border-radius:18px;flex-direction:column;min-height:460px;display:flex;overflow:hidden;box-shadow:0 8px 30px #24355318}.glasses-status{color:#929db4;background:#151c29;border-bottom:1px solid #252f41;justify-content:space-between;align-items:center;gap:12px;height:45px;padding:0 24px;font-size:10px;display:flex}.glasses-status>span{align-items:center;gap:7px;display:flex}.glasses-status>span:nth-child(2){letter-spacing:.5px;color:#626f86;font-size:9px}.glasses-empty{color:#7686a1;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:365px;display:flex}.glasses-empty h2{color:#e0e7f4;font-size:22px;font-weight:500}.glasses-empty p{font-size:13px}.glasses-empty.completed .complete-ring{color:#82c698;background:#1c3330;border:1px solid #365a48;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.glass-heading{justify-content:space-between;align-items:center;padding:23px 26px 15px;display:flex}.glass-heading h2{margin-top:6px;font-size:23px;font-weight:500}.glass-eyebrow{color:#7688a5;font-size:11px}.glass-heading>span{color:#8492ac;font-size:12px}.glass-task-list{max-height:490px;padding:5px 24px 25px;overflow:auto}.glass-task{text-align:left;background:#151e2d;border:1px solid #283449;border-radius:9px;align-items:center;gap:15px;width:100%;margin-bottom:10px;padding:17px 18px;transition:border-color .15s;display:flex}.glass-task:hover{background:#1a263c;border-color:#7998f5}.glass-task-icon{color:#839ed2;background:#233249;border-radius:9px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.glass-task>div{flex:1}.glass-task strong{font-size:17px;font-weight:500}.glass-task p{color:#7285a3;margin-top:6px;font-size:10px}.glass-task>.tag{opacity:.9}.glass-back{color:#778aa7;align-items:center;gap:4px;padding:0;font-size:10px;display:flex}.glass-heading-right{align-items:center;gap:14px;display:flex}.glass-heading-right>span:last-child{color:#98a8c2;font-size:14px}.glass-work{padding:10px 26px 20px}.glass-product{align-items:center;gap:20px;display:flex}.product-art.large{background:#1a2639;border-radius:15px;width:97px;height:97px}.product-art.large svg{width:80px;height:80px}.glass-product>div>span{color:#7d92b5;letter-spacing:1px;font-size:10px}.glass-product h3{margin:3px 0;font-size:25px;font-weight:500}.glass-product p{color:#9aa8be;font-size:12px}.glass-batch{color:#63738e;margin-top:10px;font-size:10px}.glass-targets{background:#151d2b;border:1px solid #253044;border-radius:8px;grid-template-columns:1.4fr 1fr 1fr;margin-top:23px;padding:15px 0;display:grid}.glass-targets>div{border-right:1px solid #253044;flex-direction:column;gap:5px;padding:0 20px;display:flex}.glass-targets>div:last-child{border:0}.glass-targets span{color:#8291aa;font-size:10px}.glass-targets b{letter-spacing:.2px;color:#e9f0ff;font-size:27px;font-weight:500;line-height:1.4}.glass-targets small{color:#7890b4;font-size:12px}.glass-checks{align-items:center;gap:10px;margin-top:20px;display:flex}.glass-checks>span{color:#4f6079;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.glass-checks>span svg{width:14px}.glass-checks>i{background:#273146;flex:1;height:1px}.glass-checks .verified{color:#8eb29a}.glass-approved{color:#c5aa73;background:#2c281e;border-radius:4px;margin-top:12px;padding:8px 12px;font-size:11px}.glass-bottom-actions{background:#141d2c;border-top:1px solid #253047;justify-content:space-between;align-items:center;margin-top:auto;padding:13px 24px;display:flex}.glass-bottom-actions>.btn{color:#acbad2;background:#212e44;border:1px solid #344461;font-size:11px}.glass-bottom-actions>span{color:#68809f;font-size:11px}.simulator-controls{margin-top:22px}.simulator-controls .card-heading{border-bottom:1px solid var(--border-light)}.scan-control-grid{grid-template-columns:1fr 1.35fr 1fr;gap:22px;padding:22px 20px;display:grid}.scan-control:not(:last-child){border-right:1px solid var(--border-light);padding-right:22px}.scan-control h3{align-items:center;gap:7px;margin-bottom:18px;font-size:12px;display:flex}.scan-control h3>span{background:var(--brand-light);width:21px;height:21px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.scan-control h3>svg{color:#63b082;width:15px;margin-left:auto}.scan-control .field{margin-bottom:12px}.scan-control .field>span{font-size:10px}.scan-control .field input{font-size:11px}.scan-control .form-grid{gap:9px}.scan-control .btn{height:29px;padding:0 10px;font-size:10px}.scan-control .text-link{font-size:10px}.sim-control-footer{border-top:1px solid var(--border-light);align-items:center;gap:10px;padding:15px 20px;display:flex}.sim-control-footer .btn{font-size:11px}.sim-state-panel{padding:10px 20px 22px}.sim-state-panel .notice{margin-bottom:18px}.sim-message{border:1px solid var(--border);background:#fff;border-radius:7px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:12px;display:flex}.sim-message.success{color:#4b9b6d;background:#f2fbf6;border-color:#cfeadc}.sim-message.error{color:#c4726d;background:#fff8f7;border-color:#f3d6d4}.sim-message.warning{color:#b08a4d;background:#fffaf0;border-color:#f0dfc3}.sim-message button{margin-left:auto;display:flex}.sim-footnote{text-align:center;color:#9ea8b8;margin:20px 0;font-size:10px}.outbox{background:#fff9ec;border:1px solid #f3e5c9;border-radius:6px;margin-top:20px;padding:15px}.outbox h3{color:#ae874e;align-items:center;gap:6px;font-size:12px;display:flex}.outbox p{color:#b49d7c;margin:10px 0;font-size:11px;line-height:1.8}.outbox-item{border-top:1px solid #efdfc6;flex-direction:column;gap:5px;margin-top:12px;padding-top:10px;display:flex}.outbox-item small{color:#b89a70;font-size:9px}.outbox-item button{font-size:10px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:.3;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (width>=1550px){.content{padding:32px 38px 0}.overview-columns{grid-template-columns:2.4fr 1fr}.rack-grid{gap:16px}.rack{min-height:65px;padding:10px 8px 2px}.rack i{height:19px}.rack span{font-size:10px}.floor-plan{gap:20px}.rack-zone{padding:14px}.zone-heading>span{font-size:11px}.stat-card{padding:21px 24px 15px}.stat-card>strong{font-size:36px}.stat-top{font-size:13px}.stat-bottom{font-size:11px}table,.row-title{font-size:13px}td small{font-size:11px}}@media (width<=1180px){.content{padding:22px 20px 0}.date-label{display:none}.overview-columns{grid-template-columns:1fr}.attention-card{display:none}.people-grid{grid-template-columns:repeat(2,1fr)}.connection-grid{grid-template-columns:1fr 50px 1fr}.connect-bottom,.scan-control-grid{grid-template-columns:1fr}.scan-control:not(:last-child){border-right:0;border-bottom:1px solid var(--border-light);padding:0 0 18px}.scan-control .form-grid{grid-template-columns:1fr 1fr}.sim-layout{grid-template-columns:205px minmax(0,1fr);gap:20px;padding:20px}.login-copy h1{font-size:38px}.login-art{padding:32px}.login-form-wrap{padding:30px}.sim-control-footer{flex-wrap:wrap}.stats-grid{gap:12px}.stat-card{padding:15px}.stat-bottom{font-size:9px}}@media (width<=850px){.sidebar{width:64px}.workspace{width:calc(100% - 64px);margin-left:64px}.sidebar-label{display:none!important}.sidebar .brand{padding:0 15px}.sidebar-workspace{width:40px;min-width:0;margin:14px 12px;padding:9px}.sidebar nav{padding:0 8px}.sidebar-item{gap:0;padding:10px 14px}.sidebar-section{height:0;margin:9px 0}.sidebar-hint{padding:0}.topbar{padding:0 20px}.warehouse-label,.topbar-divider{display:none}.topbar-right{gap:9px}.topbar-right>span:last-child{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-title{align-items:flex-start}.page-title-actions{flex-wrap:wrap;justify-content:flex-end}.page-title h1{font-size:20px}.overview-banner p{font-size:10px}.floor-plan{gap:10px;padding:3px 14px 0}.rack-zone{padding:8px}.zone-heading>span:not(.zone-count){display:none}.sim-layout{display:block}.sim-side{grid-template-columns:1.3fr 1fr;align-items:center;gap:15px;display:grid}.sim-side-heading p,.sim-side-heading>svg,.sim-instructions,.sim-side>.notice{display:none}.sim-side-heading h1{margin-bottom:15px;font-size:15px}.sim-side>.field{margin-bottom:15px}.sim-topbar{padding:0 20px}.sim-topbar .tag{display:none}.login-art{padding:30px}.login-copy h1{font-size:30px}.login-racks{gap:9px}.login-racks i{height:16px}.login-brand{font-size:18px}.login-form h2{font-size:21px}.outbox{grid-column:1/-1}.connection-grid{grid-template-columns:1fr}.connection-arrow{padding:20px;transform:rotate(90deg)}.connection-arrow span{display:none}}@media (width<=600px){.content{padding:18px 12px 0}.topbar{padding:0 12px}.breadcrumb{gap:6px;font-size:10px}.topbar-right{gap:5px}.demo-pill{font-size:8px}.topbar-right>.avatar{width:25px;height:25px;font-size:9px}.page-title{flex-direction:column;gap:14px;margin-bottom:17px}.page-title-actions{justify-content:flex-start;width:100%}.page-title p{font-size:11px}.overview-banner{flex-wrap:wrap;gap:12px;padding:12px}.overview-banner strong{font-size:12px}.overview-banner p{line-height:1.7}.overview-banner>.btn{margin-left:50px}.stats-grid{gap:10px}.stat-card{padding:12px}.stat-icon{width:25px;height:25px}.stat-icon svg{width:16px}.stat-top{font-size:10px}.stat-card>strong{margin:13px 0;font-size:27px}.stat-bottom{font-size:8px;line-height:1.5}.stat-bottom svg{display:none}.floor-plan{grid-template-columns:1fr;gap:12px}.rack-zone{padding:10px}.rack-grid{grid-template-columns:repeat(4,1fr);gap:8px}.zone-heading{margin-bottom:10px}.zone-heading>span:not(.zone-count){display:block}.zone-people{height:27px;margin-top:4px}.zone-people>button{gap:6px;width:auto}.zone-people svg{margin-left:10px}.floor-legend .last-update{display:none}.card-heading{padding:16px}.card-heading h2{font-size:13px}.card-heading p{font-size:10px}.tabs{gap:18px;padding:0 15px}.tabs>button{font-size:11px}.tabs button>span{font-size:9px}.table-toolbar{flex-wrap:wrap;gap:8px;padding:14px}.search-field{min-width:0;max-width:100%}.table-toolbar>.subtle{margin-left:0}.table-footer span{display:none}.page-footer{flex-direction:column;gap:5px;padding:18px 0}.people-grid{grid-template-columns:1fr;gap:15px}.modal-overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.modal-header,.modal-body,.modal-footer{padding:18px}.form-grid{grid-template-columns:1fr}.line-form,.line-form-header{grid-template-columns:1fr 90px 56px 20px;gap:6px}.line-form select{padding:6px;font-size:10px}.line-form-header{font-size:9px}.line-form input{padding:6px}.modal-footer>span:first-child{font-size:9px}.modal-footer .btn{padding:0 10px;font-size:11px}.drawer-overlay{padding:0}.modal.drawer{border-radius:0}.drawer-body{padding:18px}.detail-line{gap:8px}.detail-line>.product-art{display:none}.detail-line-info>div{flex-wrap:wrap;gap:6px}.detail-line-info small{font-size:8px}.line-quantity small{font-size:9px}.connection-card{padding:18px}.card-bottom{padding:16px}.login-page{display:block}.login-art{display:none}.login-form-wrap{min-height:100vh;padding:32px}.sim-layout{padding:14px}.sim-side{grid-template-columns:1fr}.sim-side-heading h1{margin:4px 0 0}.sim-topbar{gap:8px;padding:0 14px}.sim-brand{gap:7px;font-size:11px}.sim-brand .brand-mark{width:28px;height:28px;font-size:17px}.sim-topbar>a:last-child{font-size:10px}.glasses-frame{border-width:4px;border-radius:13px;min-height:425px}.glasses-status{padding:0 14px;font-size:9px}.glasses-status>span:nth-child(2){display:none}.glass-heading{padding:18px 16px 12px}.glass-heading h2{font-size:17px}.glass-heading-right{flex-direction:column;align-items:flex-end;gap:5px}.glass-work{padding:10px 15px 18px}.glass-product{gap:13px}.product-art.large{width:67px;height:67px}.product-art.large svg{width:60px;height:60px}.glass-product h3{font-size:20px}.glass-product p{font-size:10px}.glass-batch{font-size:8px}.glass-targets>div{padding:0 11px}.glass-targets b{font-size:22px}.glass-targets span{font-size:9px}.glass-checks{gap:6px}.glass-checks>span{gap:4px;font-size:9px}.glass-checks>span svg{width:12px}.glass-bottom-actions{padding:12px 14px}.glass-bottom-actions>span{font-size:9px}.glasses-empty h2{font-size:20px}.glasses-empty p{font-size:11px}.glass-task-list{padding:5px 14px 16px}.glass-task{flex-wrap:wrap;gap:10px;padding:13px 11px}.glass-task strong{font-size:14px}.glass-task p{font-size:8px}.glass-task-icon{width:34px;height:34px}.glass-task-icon svg{width:23px}.glass-task>.tag{font-size:10px}.glass-task>svg:last-child,.sim-control-footer>.spacer{display:none}.sim-control-footer>.subtle{margin-left:auto}.sim-control-footer>.btn:last-child{width:100%;margin-top:4px}.sim-footnote{font-size:9px}.sim-message{align-items:flex-start;font-size:11px}.scan-control-grid{padding:18px}.simulator-controls .card-heading p{font-size:10px}.simulator-controls .card-heading .btn{padding:0 8px;font-size:10px}.sim-side>.field>span{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}