:root{--bg:#0a0c0f;--panel:#1c2128;--panel-2:#252b34;--line:#363c46;--line-soft:#2a313a;--txt:#f0f2f5;--txt-dim:#b4bcc7;--txt-faint:#7c8693;--accent:#e9ebef;--accent-soft:rgba(233,235,239,.09);--lime:#cdf564;--cyan:#54d6c4;--violet:#9b8cff;--rose:#ff7a90;--amber:#ffc24b;--input-bg:#12151a;--input-bg-focus:#0e1116;--side-bg:var(--panel);--btn-primary-bg:#f3f4f6;--btn-primary-bg-hover:#d9dce2;--btn-primary-txt:#16171b;--link:#7aa2ff;--btn-ghost-bg:var(--panel-2);--card-shadow:0 1px 3px rgba(0,0,0,.25);--r:16px;--r-sm:10px;--mono:"JetBrains Mono",ui-monospace,monospace;--disp:-apple-system,"SF Pro Display","Segoe UI Variable",Inter,system-ui,sans-serif;--body:-apple-system,"SF Pro Text","Segoe UI Variable",Inter,system-ui,sans-serif;color-scheme:dark}:root[data-theme=light]{--bg:#f7f7f8;--panel:#fff;--panel-2:#f1f2f4;--line:#e6e8eb;--line-soft:#eef0f2;--txt:#17181c;--txt-dim:#5a616e;--txt-faint:#9499a4;--accent:#17181c;--accent-soft:rgba(23,24,28,.06);--lime:#1a7f37;--cyan:#0e7f76;--violet:#6342d9;--rose:#d43455;--amber:#b45309;--input-bg:#fff;--input-bg-focus:#fff;--side-bg:#f7f7f8;--btn-primary-bg:#191a1e;--btn-primary-bg-hover:#2e3036;--btn-primary-txt:#fff;--link:#2e6be6;--btn-ghost-bg:#fff;--card-shadow:0 1px 2px rgba(16,24,40,.05);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--txt);font-family:var(--body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .15s ease,color .15s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app{min-height:100vh}.app,.side{display:flex}.side{width:230px;flex-shrink:0;background:var(--side-bg);border-right:1px solid var(--line);flex-direction:column;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:30;transition:transform .25s ease;overflow-y:auto}.side-close,.side-overlay{display:none}.side-close{margin-left:auto;background:none;border:none;color:var(--txt-dim);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px}.nav-toggle,.side-close:hover{background:var(--panel-2);color:var(--txt)}.nav-toggle{display:none;border:1px solid var(--line);width:38px;height:38px;border-radius:9px;cursor:pointer;font-size:18px;flex-shrink:0}.nav-toggle:hover{background:var(--line)}.brand{display:flex;align-items:center;gap:8px;padding:6px 2px 18px}.brand-mark{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:#d6ef3f;display:grid;place-items:center;font-family:var(--disp);font-weight:900;color:#232a05;font-size:18px}.brand>div:not(.brand-mark){min-width:0}.brand-name,.brand-sub,.brand>div:not(.brand-mark){overflow:hidden;text-overflow:ellipsis}.brand-name{font-family:var(--disp);font-weight:800;font-size:16px;white-space:nowrap}.brand-sub{letter-spacing:.04em;white-space:nowrap}.brand-sub,.nav-label{font-size:10px;color:var(--txt-faint);text-transform:uppercase}.nav-label{letter-spacing:.14em;padding:14px 10px 7px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);color:var(--txt-dim);font-weight:500;font-size:13.5px;border:1px solid transparent}.nav-item:hover{background:var(--panel-2);color:var(--txt)}.nav-item.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.nav-ico{display:flex;flex-shrink:0;color:var(--txt-faint)}.nav-item.active .nav-ico,.nav-item:hover .nav-ico{color:inherit}.side-collapse{margin-left:auto;background:none;border:none;color:var(--txt-faint);cursor:pointer;padding:3px;border-radius:7px;display:flex;align-items:center;flex-shrink:0}.side-collapse:hover{background:var(--panel-2);color:var(--txt)}.nav-badge{margin-left:auto;font-family:var(--mono);font-size:11px;background:var(--line);color:var(--txt-dim);padding:1px 7px;border-radius:20px}.side-foot{margin-top:auto;padding:12px 4px 4px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;align-items:stretch;gap:8px}.side-foot .btn{white-space:normal;line-height:1.3;font-size:12px;padding:7px 10px;text-align:center}.avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--violet),var(--cyan));display:grid;place-items:center;font-weight:700;color:#10141a;font-size:13px}.user-name{font-size:13px;font-weight:600}.user-role{font-size:10.5px;color:var(--txt-faint)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0;width:100%}.topbar{min-height:62px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:10px 20px;flex-wrap:wrap}.page-title{font-family:var(--disp);font-weight:700;font-size:20px;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb{font-weight:500;color:var(--txt-faint)}.crumb a:hover{color:var(--txt)}.crumb-sep{margin:0 8px;color:var(--txt-faint);font-weight:400}.content{flex:1 1;padding:20px;max-width:1200px;width:100%;margin:0 auto}.btn{border:none;cursor:pointer;font-weight:600;font-size:13px;padding:9px 16px;border-radius:var(--r-sm);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-txt)}.btn-primary:hover{background:var(--btn-primary-bg-hover)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--txt);border:1px solid var(--line)}.btn-ghost:hover{background:var(--panel-2)}.btn-ghost.btn-active{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:18px;box-shadow:var(--card-shadow);overflow:hidden;overflow-x:auto}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-soft);gap:10px;flex-wrap:wrap}.card-title{font-family:var(--disp);font-weight:700;font-size:15px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--txt-faint);font-weight:600;padding:11px 18px}td,th{border-bottom:1px solid var(--line-soft)}td{padding:13px 18px;font-size:13px}tbody tr:hover{background:var(--panel-2)}tbody tr:last-child td{border-bottom:none}.id-cell{font-family:var(--mono);font-size:12px;color:var(--link,var(--accent));font-weight:600}.id-cell,th.w-min{white-space:nowrap}th.w-min{width:1%}.show-wide{display:none}@media(min-width:1400px){td.show-wide,th.show-wide{display:table-cell}}.cust{font-weight:600}.machine-sub{font-size:11.5px;color:var(--txt-faint);font-family:var(--mono)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.violet{background:color-mix(in srgb,var(--violet) 12%,transparent);color:var(--violet)}.badge.cyan{background:color-mix(in srgb,var(--cyan) 12%,transparent);color:var(--cyan)}.badge.amber{background:color-mix(in srgb,var(--amber) 13%,transparent);color:var(--amber)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.rose{background:color-mix(in srgb,var(--rose) 12%,transparent);color:var(--rose)}.badge.lime{background:color-mix(in srgb,var(--lime) 13%,transparent);color:var(--lime)}.badge.dim{background:color-mix(in srgb,var(--txt-dim) 12%,transparent);color:var(--txt-dim)}.pill{display:inline-flex;font-size:12px;font-weight:600;padding:3px 11px;border-radius:999px;white-space:nowrap}.pill.warranty{background:color-mix(in srgb,var(--lime) 12%,transparent);color:var(--lime)}.pill.oow{background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber)}.pill.external{background:color-mix(in srgb,var(--violet) 12%,transparent);color:var(--violet)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:22px}.kpi-row>*{min-width:0}.kpi{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--card-shadow)}.kpi-label{font-size:11.5px;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.kpi-val{font-family:var(--disp);font-weight:800;font-size:34px;margin-top:8px}.kpi-ico{display:flex;flex-shrink:0}.kpi-ico,.kpi-sub{color:var(--txt-faint)}.kpi-sub{font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-link{cursor:pointer;transition:border-color .12s,box-shadow .12s}.kpi-link:hover{border-color:var(--txt-faint);box-shadow:0 2px 6px rgba(16,24,40,.08)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:11.5px;color:var(--txt-dim);font-weight:600}.field input,.field select,.field textarea{background:var(--input-bg);border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:var(--txt);font-size:13.5px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:var(--input-bg-focus)}.field textarea{resize:vertical;min-height:74px}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 18px;gap:0 18px}.field-grid>*{min-width:0}.field.full{grid-column:1/-1}.form-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin-bottom:18px;max-width:900px}.form-section-title{font-family:var(--disp);font-weight:700;font-size:14px;margin-bottom:16px}.info-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.info-row:last-child{border-bottom:none}.info-row .k{color:var(--txt-faint);flex-shrink:0}.info-row .v{font-weight:600;overflow-wrap:anywhere;text-align:right}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px;width:100%;max-width:380px}.login-card h1{font-family:var(--disp);font-size:22px;margin-bottom:4px}.login-card .sub{color:var(--txt-faint);font-size:13px;margin-bottom:22px}.error{background:color-mix(in srgb,var(--rose) 11%,transparent);color:var(--rose);padding:10px 13px;border-radius:9px;font-size:13px;margin-bottom:14px}.hint{font-size:11.5px;color:var(--txt-faint);margin-top:16px;line-height:1.6}.detail-queue{display:none}@media(min-width:1400px){.content-split{max-width:none;display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.detail-body .grid-2{grid-template-columns:minmax(0,1.7fr) minmax(360px,1fr)}.detail-queue{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--card-shadow);overflow:hidden;position:-webkit-sticky;position:sticky;top:16px;max-height:calc(100vh - 32px)}.dq-head{padding:13px 15px;font-weight:700;font-size:13.5px;border-bottom:1px solid var(--line-soft);font-family:var(--disp)}.dq-list{overflow-y:auto}.dq-item{display:block;padding:10px 13px;border-bottom:1px solid var(--line-soft)}.dq-item:last-child{border-bottom:none}.dq-item:hover{background:var(--panel-2)}.dq-item.active{background:var(--accent-soft)}.dq-info{min-width:0}.dq-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.dq-cust{font-size:12.5px;font-weight:600;margin-top:2px}.dq-cust,.dq-model{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dq-model{font-size:11px;color:var(--txt-faint);margin-top:1px}.dq-item .badge{font-size:10px;padding:2px 8px;flex-shrink:0}}.bottom-nav{display:none}@media(min-width:861px){:root[data-sidenav=collapsed] .side{display:none}:root[data-sidenav=collapsed] .nav-toggle{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:860px){.side-collapse{display:none}}.empty{padding:40px;text-align:center;color:var(--txt-faint)}.tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--line)}.tab{padding:11px 16px;background:none;color:var(--txt-faint);cursor:pointer;font-size:13.5px;font-weight:600;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.flex{display:flex;gap:10px;align-items:center}.mb0{margin-bottom:0}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:18px;gap:18px}.grid-2>*{min-width:0}@media(max-width:1280px){td,th{padding:11px 12px}}@media(max-width:860px){.side{position:fixed;left:0;top:0;height:100vh;transform:translateX(-100%);box-shadow:0 0 40px rgba(0,0,0,.5);padding-bottom:76px}.side.open{transform:translateX(0)}.side-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:25;opacity:0;pointer-events:none;transition:opacity .25s ease}.side-overlay.open{opacity:1;pointer-events:auto}.side-close{display:block}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.app{display:block}.main{padding-bottom:64px}.content{padding:12px}.topbar{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;padding:8px 12px 0;grid-gap:0;gap:0;min-height:auto;align-items:center}.nav-toggle{grid-row:1;grid-column:1}.page-title{grid-row:1;grid-column:2;font-size:17px;padding:8px 0 8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{grid-row:2;grid-column:1/-1;display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 0 10px;margin-left:0!important;scrollbar-width:none}.topbar-actions:empty{display:none;padding:0}.topbar-actions::-webkit-scrollbar{display:none}.kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-val{font-size:26px}.kpi{padding:14px}.field-grid,.grid-2{grid-template-columns:1fr}.form-card{padding:16px}.card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.card table tbody,.card table thead{display:table;width:100%;min-width:480px}td,th{padding:10px 12px;font-size:12.5px}.card table td:first-child,.card table th:first-child{position:-webkit-sticky;position:sticky;left:0;background:var(--panel);z-index:2}tbody tr:hover td:first-child{background:var(--panel-2)}.hide-mobile{display:none}.btn{padding:8px 12px;font-size:12.5px;min-height:38px}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--panel);border-top:1px solid var(--line);z-index:40;padding:0 4px;align-items:stretch}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--txt-dim);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:10px;padding:6px 4px;text-decoration:none;transition:background .15s,color .15s}.bottom-nav-item:hover{background:var(--panel-2);color:var(--txt)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{display:flex;line-height:1}.bottom-nav-item.active .bottom-nav-icon{color:var(--accent)}}@media(max-width:480px){.kpi-row{grid-template-columns:1fr 1fr}}@media print{.bottom-nav,.side,.side-overlay,.topbar{display:none!important}body{background:#fff!important}}