:root{--ink-900: #0f1419;--ink-700: #2c343f;--ink-500: #5b6675;--ink-400: #7b8694;--ink-300: #a8b1bd;--line: #e3e7ec;--line-strong: #cfd5dd;--surface: #ffffff;--surface-sunken: #f5f7f9;--surface-hover: #f0f3f6;--rail: #151b23;--rail-hover: #1f2732;--rail-active: #253040;--rail-text: #aeb8c4;--rail-text-strong: #f3f5f7;--rail-line: #26303c;--accent: #2563eb;--accent-soft: #eaf1fe;--accent-line: #bcd2fb;--ok: #15803d;--ok-soft: #e9f7ee;--ok-line: #b6e3c6;--warn: #92610a;--warn-soft: #fdf5e3;--warn-line: #f0dca8;--danger: #b42318;--danger-soft: #fdf0ee;--danger-line: #f4c7c0;--radius: 8px;--radius-sm: 6px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04);--shadow-pop: 0 12px 32px rgba(16, 24, 40, .16);--mono: "SFMono-Regular", "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--ink-900);background:var(--surface-sunken);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:17px}h2{font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;background:var(--rail);color:var(--rail-text);position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;border-bottom:1px solid var(--rail-line)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:15px}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{color:var(--rail-text-strong);font-size:14px;letter-spacing:.01em}.brand-text small{color:var(--ink-400);font-size:11px}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 10px}.nav-group+.nav-group{margin-top:18px}.nav-group-label{margin:0 0 6px;padding:0 8px;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#6b7686}.nav-item{display:flex;align-items:center;gap:9px;padding:6px 10px;margin-bottom:2px;border-radius:var(--radius-sm);color:var(--rail-text);font-size:12.5px;text-decoration:none}.nav-item:hover{background:var(--rail-hover);color:var(--rail-text-strong);text-decoration:none}.nav-item.active{background:var(--rail-active);color:#fff;font-weight:500;box-shadow:inset 2px 0 0 var(--accent)}.nav-item svg{flex:none;opacity:.85}.nav-item.active svg{opacity:1;color:#8ab4ff}.sidebar-footer{position:relative;border-top:1px solid var(--rail-line);padding:12px 12px 14px}.current-user{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:4px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}.current-user:hover,.current-user[aria-expanded=true]{background:var(--rail-hover)}.user-menu{position:absolute;left:12px;right:12px;bottom:100%;margin-bottom:6px;padding:4px;border:1px solid var(--rail-line);border-radius:10px;background:var(--rail-active);box-shadow:0 10px 24px #00000059;z-index:20}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:7px;background:none;color:var(--rail-text);font-size:13px;text-align:left;cursor:pointer}.user-menu-item:hover{background:var(--rail-hover);color:var(--rail-text-strong)}.avatar{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--rail-active);color:var(--rail-text-strong);font-size:12px;font-weight:600}.current-user-email{font-size:12px;color:var(--ink-300);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-ghost{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:4px 8px;font-size:12px;background:var(--rail-hover);border:1px solid var(--rail-line);color:var(--rail-text)}.button-ghost:hover{background:var(--rail-active);color:var(--rail-text-strong)}.content{padding:22px 26px 56px;max-width:1180px;min-width:0}button,input,select,textarea{font:inherit;color:var(--ink-900);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:4px 9px;min-height:29px}input::placeholder{color:var(--ink-400)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer;background:var(--surface);font-weight:500}button:hover:not(:disabled){background:var(--surface-hover)}button:disabled{cursor:not-allowed;color:var(--ink-400);background:var(--surface-sunken);border-color:var(--line)}.submit-row>button:first-child,.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.submit-row>button:first-child:hover:not(:disabled),.button-primary:hover:not(:disabled){background:#1d4ed8}.submit-row>button:first-child:disabled{background:var(--surface-sunken);border-color:var(--line);color:var(--ink-400)}.content>section>h1,.page-title{margin-bottom:4px}.content>section>h2{margin:22px 0 10px;color:var(--ink-700)}.card,table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}table{border-collapse:separate;border-spacing:0;width:100%;margin:14px 0;overflow:hidden}th,td{text-align:left;padding:7px 12px;border-bottom:1px solid var(--line);vertical-align:middle}thead th{background:var(--surface-sunken);color:var(--ink-500);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-hover)}.mono,.archive-no,.serial,td .serial,.slots input,.scan-row input{font-family:var(--mono);font-size:12.5px;font-variant-ligatures:none}.archive-no{font-weight:600}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 3px 2px 10px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-sunken);font-size:12.5px}.filter-chip-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-400);font-size:14px;line-height:1}.filter-chip-clear:hover{background:var(--line-strong);color:var(--ink-700)}.filters input,.filters select{min-width:170px}.form-row{display:flex;align-items:center;gap:14px;margin:12px 0}.form-row label{min-width:124px;color:var(--ink-500);font-size:12.5px}.form-row input:not([type=checkbox]),.form-row select{min-width:280px}.form-row-spacer{min-width:132px;flex:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hint,.muted{color:var(--ink-500);font-size:12.5px}.hint.hint-error{color:var(--danger)}label.required:after{content:"*";margin-left:2px;color:var(--danger)}.filters-inline{gap:6px;margin:10px 0 0}.chip{min-height:24px;padding:1px 10px;border-radius:999px;font-size:12px}.chip-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.slots .slot-counted td{color:var(--ink-500);background:var(--surface-2)}.added-part{margin:10px 0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.added-part .form-row:first-child{margin-top:0}.added-part .form-row:last-child{margin-bottom:0}.material-change{display:flex;flex-direction:column;gap:4px}.parts .is-selectable{cursor:pointer}.parts .is-selectable:hover td{background:var(--surface-2)}.row-activate{min-height:0;padding:0;border:none;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.badge-off-bom{margin-left:6px;border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.is-off-bom td{background:var(--warn-soft)}.record-meta .badge-off-bom{margin-left:8px}.submit-row{display:flex;align-items:center;gap:14px;margin:20px 0 8px;flex-wrap:wrap}.scan-row{display:flex;gap:12px;align-items:center;margin:18px 0 10px}.scan-row label{color:var(--ink-500);font-size:13px}.scan-row input{flex:1;max-width:420px;min-height:38px;font-size:14px;border-color:var(--accent-line);background:var(--accent-soft)}.scan-row input:focus{background:var(--surface)}.progress{display:inline-flex;align-items:center;gap:8px;margin:6px 0 12px;padding:5px 12px;border-radius:999px;background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn);font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}.progress.is-complete{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.progress-locate{min-height:0;padding:2px 8px;font-size:12px;font-weight:500;background:#ffffffb3;border-color:currentColor;color:inherit}.slots td{padding:5px 14px}.slots tbody td:first-child{font-weight:500;width:34%}.slots input{width:100%;min-height:34px;font-size:13.5px}.slot-next td{background:var(--warn-soft)}.slot-next td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.slot-next input{border-color:var(--warn)}.slot-filled input{background:var(--surface-sunken)}.row-incomplete td{background:var(--warn-soft)}.banner{padding:9px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);margin:10px 0;font-size:12.5px}.banner h2{margin-bottom:6px}.banner-error{border-color:var(--danger-line);background:var(--danger-soft);color:#7f1d1d}.banner-info{border-color:var(--accent-line);background:var(--accent-soft);color:#17376f}.banner-error button,.banner-info button{margin-left:10px;min-height:28px;padding:2px 10px;font-size:12px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-sunken);color:var(--ink-500);font-size:11.5px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.badge-active,.badge-published{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.badge-scrapped,.badge-discontinued{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}.badge-disabled{border-color:var(--line-strong);background:var(--surface-sunken);color:var(--ink-400)}.badge-draft{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.badge-past{border-color:var(--line-strong);background:var(--surface);color:var(--ink-500);font-variant-numeric:tabular-nums}.badge-version{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums}.badge-unchanged{border-color:var(--ok-line);color:var(--ok);background:var(--ok-soft)}.link-button{display:inline-flex;align-items:center;min-height:29px;padding:4px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-700);font-size:12.5px;font-weight:500}.link-button:hover{background:var(--surface-hover);text-decoration:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.page-actions{display:flex;gap:8px;align-items:center}.record-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.record-header button{min-height:26px;padding:2px 11px;font-size:12.5px;margin-left:4px}.record-header .archive-no{font-size:16px}.record-header .mono{font-size:13px}.record-meta{margin:6px 0 0;color:var(--ink-500);font-size:12.5px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px 18px;margin:14px 0}.panel>.form-row:first-child{margin-top:0}.panel>.form-row:last-child,.panel>.scan-row:last-child{margin-bottom:0}.panel table{border:none;box-shadow:none;border-radius:0;width:calc(100% + 36px);margin:14px -18px}.panel>table:last-child{margin-bottom:-16px}.panel table thead th:first-child,.panel table tbody td:first-child{padding-left:18px}.panel table thead th:last-child,.panel table tbody td:last-child{padding-right:18px}.panel table thead th{border-top:1px solid var(--line)}.panel-title{margin:0 0 12px;color:var(--ink-700)}.filters>input:first-child{flex:1;min-width:260px;max-width:360px}.record-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:22px;align-items:start}.record-side{position:sticky;top:20px;border-left:1px solid var(--line);padding-left:20px}.record-side h2{color:var(--ink-500);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.timeline{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line)}.timeline-item{position:relative;padding-bottom:18px}.timeline-item:before{content:"";position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong)}.timeline-item.source-create:before{border-color:var(--accent)}.timeline-item.source-maintenance:before{border-color:var(--warn)}.timeline-item.source-scrap:before{border-color:var(--danger);background:var(--danger)}.timeline-head{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.timeline-time{display:block;margin-top:3px;color:var(--ink-500);font-size:12px;font-variant-numeric:tabular-nums}.timeline-reason{margin:4px 0 0;font-size:13px;color:var(--ink-700)}.timeline-export{font-size:12px}.steps{display:flex;gap:8px;list-style:none;margin:0 0 14px;padding:0}.steps li{flex:1;padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);color:var(--ink-400);font-size:12.5px;text-align:center}.steps li.is-current{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:600}.steps li.is-done{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}.parts td,.parts th{padding:6px 8px}.parts tr.is-touched td{background:var(--accent-soft)}.parts input.serial,.parts select{width:100%;min-width:0}.button-danger{background:var(--danger);border-color:var(--danger);color:#fff}.button-danger:hover:not(:disabled){background:#8f1d14}@media (max-width: 1100px){.record-layout{grid-template-columns:1fr}.record-side{position:static;border-left:none;border-top:1px solid var(--line);padding:16px 0 0}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:16px 0 4px}.tabs a{padding:7px 11px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--ink-500);font-size:12.5px;font-weight:500}.tabs a:hover{color:var(--ink-900);text-decoration:none}.tabs a.active{border-bottom-color:var(--accent);color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141973;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:var(--surface);border-radius:10px;box-shadow:var(--shadow-pop);width:min(560px,100%);max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.modal-wide{width:min(1040px,100%)}.modal>form{display:contents}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:15px}.modal-close{min-height:28px;padding:0 8px;border:none;background:none;font-size:20px;line-height:1;color:var(--ink-500)}.modal-close:hover{background:var(--surface-hover);color:var(--ink-900)}.modal-body{padding:16px 20px;overflow-y:auto;overflow-x:auto}.modal-body p{margin:0;color:var(--ink-700)}.modal-body .form-row:first-child{margin-top:0}.modal-body .banner:last-child{margin-bottom:0}.modal-body .form-row label,.modal-body .form-row-spacer{min-width:108px}.modal-body .form-row input:not([type=checkbox]),.modal-body .form-row select{min-width:0;flex:1}.modal-actions{display:flex;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-sunken)}.login{max-width:400px;margin:14vh auto;padding:32px 30px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card)}.login .brand-mark{width:40px;height:40px;font-size:20px;margin:0 auto 14px}.login h1{margin-bottom:8px}.login .link-button{margin-top:18px;justify-content:center;width:100%;background:var(--accent);border-color:var(--accent);color:#fff}.login .link-button:hover{background:#1d4ed8}.diff-added td{background:var(--ok-soft)}.diff-removed td{background:var(--danger-soft)}.diff-changed td{background:var(--warn-soft)}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar-nav{display:flex;gap:14px;overflow-x:auto;padding:10px}.nav-group+.nav-group{margin-top:0}.nav-group{display:flex;gap:4px}.nav-group-label{display:none}.content{padding:18px 16px 40px}}.switch{display:inline-flex;padding:0;border:0;background:none;cursor:pointer}.switch-track{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:76px;height:28px;padding:2px;border-radius:999px;background:var(--line)}.switch-knob{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:999px;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .14s ease}.switch[aria-checked=true] .switch-knob{transform:translate(100%)}.switch-option{position:relative;z-index:1;text-align:center;font-size:12px;font-weight:600;color:var(--ink-400);transition:color .14s ease}.switch[aria-checked=false] .switch-option-off,.switch[aria-checked=true] .switch-option-on{color:var(--ink-900)}.switch:focus-visible .switch-track{outline:2px solid var(--accent);outline-offset:2px}.event-row{cursor:pointer}.event-row:hover td,.event-row.is-open td{background:var(--accent-soft)}.event-row .disclosure{display:inline-block;width:1em;color:var(--ink-300)}.event-detail-row>td{padding:0;background:var(--surface-sunken)}.event-detail{padding:12px 18px 16px}.event-detail-meta{margin:0 0 8px;font-size:12px}.panel .event-lines,.event-lines{margin:0;width:100%}.part-material{display:block;font-size:12px;color:var(--ink-300)}.is-changed{font-weight:600;color:var(--ink-900)}.part-material.is-changed{color:var(--warn)}.row-actions{white-space:nowrap;width:1%}.row-actions .icon-action+.icon-action{margin-left:2px}.icon-action{display:inline-flex}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-500)}.icon-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-sunken);color:var(--ink-700)}.icon-button-danger:hover:not(:disabled){border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}.icon-button:disabled{color:var(--ink-400);opacity:.4;cursor:not-allowed;pointer-events:none}