:root{--navy:#10263e;--ink:#172b42;--muted:#64748b;--line:#dde5ee;--green:#167448;--blue:#2457b6;--amber:#996313;--canvas:#f3f6fa;--white:#fff}html,body{max-width:100%;overflow-x:hidden}.user-menu{align-items:center;gap:8px;display:flex}.mobile-signout{display:none}@media (max-width:760px){.mobile-signout{display:inline-flex}}.serial-number{font-variant-numeric:tabular-nums;min-width:170px}.serial-number span{overflow-wrap:anywhere;display:block}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#f2f6fb;border-color:#b6c5d7}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--navy);border-color:var(--navy);color:#fff}.primary:hover{background:#21496f;border-color:#21496f}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #c7d2e0;border-radius:6px;min-height:42px;padding:10px 11px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #80b6ee}input[type=checkbox]{flex-shrink:0;width:16px;height:16px;min-height:0}label{flex-direction:column;gap:6px;font-weight:600;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;margin-bottom:10px;font-size:30px;line-height:1.2}h2{margin-bottom:0;font-size:18px;line-height:1.35}h3{margin-bottom:8px;font-size:16px}small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:400;display:block}.muted{color:var(--muted)}.strong{font-weight:600}.warning{color:var(--amber)}.number{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workspace{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;z-index:20;flex-direction:column;width:222px;padding:30px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.3px;align-items:center;gap:12px;font-size:18px;font-weight:650;line-height:1.1;display:flex}.brand svg{color:#55d4a0;flex-shrink:0}.sidebar nav{flex-direction:column;gap:5px;margin-top:38px;display:flex}.sidebar button{color:#b7c8db;background:0 0;border:0;justify-content:flex-start;min-height:46px;padding:11px 12px;font-weight:500}.sidebar button.active{color:#fff;background:#24435f}.sidebar button:hover{color:#fff;background:#1b3c59}.nav-count{background:#37627b;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:12px}.sidebar-bottom{border-top:1px solid #34506a;margin-top:auto;padding:16px 5px 0}.sidebar-bottom small{color:#91acc6}.sidebar-bottom button{padding-left:0}.main-area{width:calc(100% - 222px);margin-left:222px}.topbar{border-bottom:1px solid var(--line);height:63px;color:var(--muted);background:#fff;justify-content:space-between;align-items:center;padding:0 34px;display:flex}.topbar>span:first-child{align-items:center;gap:10px;display:flex}.topbar strong{color:var(--ink);font-weight:500}.user-label{font-weight:600}.content{max-width:1650px;margin:0 auto;padding:30px 34px 50px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-heading p{max-width:650px;margin-bottom:0}.eyebrow{letter-spacing:1.5px;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:10px!important}.heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;padding-top:18px;display:flex}.icon-button{background:0 0;border-color:#0000;min-height:34px;padding:7px}.badge{white-space:nowrap;color:#50657b;background:#eaf0f6;border:0;border-radius:5px;align-items:center;gap:4px;min-height:0;padding:4px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.badge.supply{color:var(--green);background:#e4f4e9}.badge.demand{color:var(--blue);background:#e7efff}.badge.review{color:#906015;background:#fff2d6}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric{text-align:left;border:1px solid var(--line);background:#fff;border-top:3px solid #677f99;border-radius:9px;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:20px;display:flex}.metric.green{border-top-color:#229765}.metric.blue{border-top-color:#427dd1}.metric.amber{border-top-color:#d1a244}.metric>span{color:#587086;font-size:13px;font-weight:500}.metric>strong{letter-spacing:-1px;font-size:38px;line-height:1}.metric small{font-size:12px;line-height:1.5}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:22px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.panel-heading>.muted{max-width:520px;font-size:12px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;display:grid}.text-button{color:var(--blue);text-align:left;background:0 0;border:0;justify-content:flex-start;min-height:0;padding:0}.text-button:hover{background:0 0;text-decoration:underline}.project-list{padding:0 22px 12px}.project-line{text-align:left;border:0;border-bottom:1px solid #eaf0f5;border-radius:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 85px;align-items:center;gap:12px;width:100%;padding:15px 0;display:grid}.project-line:last-child{border-bottom:0}.project-line:hover{background:#f8fafd}.project-quantity{text-align:right;font-variant-numeric:tabular-nums}.progress-track{background:#e6edf5;border-radius:4px;height:6px;overflow:hidden}.progress-track span{background:#34a477;height:100%;display:block}.planning-note{flex-direction:column;justify-content:center;align-items:flex-start;min-height:230px;padding:28px 22px;display:flex}.planning-note svg{color:#7990aa;margin-bottom:14px}.planning-note p{color:var(--muted);line-height:1.7}.planning-formula{border-top:1px solid var(--line);color:var(--muted);background:#f7f9fc;padding:13px 22px;font-size:12px}.action-list{padding:10px 20px}.action-list button{text-align:left;border:0;justify-content:flex-start;width:100%;margin:5px 0}.action-list svg{color:var(--amber)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#60758d;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);background:#f8fafd;padding:13px 18px;font-size:12px;font-weight:600}td{vertical-align:top;border-bottom:1px solid #e8eef5;padding:15px 18px}td:first-child{min-width:190px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}td small{white-space:normal;overflow-wrap:anywhere;max-width:300px}td .text-button{font-size:13px}td .badge{margin-top:4px}.row-actions{white-space:nowrap}.row-actions button{min-height:30px;margin-right:5px;padding:5px 9px;font-size:12px}.reserve-button{color:var(--blue);border-color:#cbdcf5}.filters{flex-wrap:wrap;align-items:center;gap:12px;padding:18px 20px;display:flex}.filters select{width:auto;max-width:210px}.search-box{flex:1;min-width:230px;position:relative}.search-box svg{color:#71869e;position:absolute;top:12px;left:12px}.search-box input{padding-left:38px;font-weight:400}.check-label{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;line-height:1.6;display:flex}.filters .check-label{white-space:nowrap;align-items:center}.table-caption{color:var(--muted);padding:0 22px 14px;font-size:12px}.empty{text-align:center;color:var(--muted);max-width:700px;margin:auto;padding:42px 25px}.empty svg{color:#90a5bc;margin-bottom:10px}.empty h3{color:#3b526c}.empty p{margin-bottom:0}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.category-card{margin-bottom:0;padding:20px}.category-card .panel-heading{border:0;padding:0 0 18px}.category-card h2{margin-bottom:7px}.category-card p{color:var(--muted)}.field-tags{flex-wrap:wrap;gap:6px;display:flex}.field-tags span{color:#52667f;background:#f0f4f9;border-radius:4px;padding:5px 8px;font-size:12px}.panel-note{color:var(--muted);border-bottom:1px solid var(--line);background:#f8fafc;margin:0;padding:16px 22px;font-size:13px}.notice,.dev-banner,.error{border-radius:7px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 16px;display:flex}.notice{color:#246544;background:#e8f5eb;border:1px solid #cee7d5}.notice .icon-button{margin-left:auto}.dev-banner{color:#34557a;background:#edf3ff;border:1px solid #d3e2fa;font-size:12px}.error{color:#9e302b;background:#fff0ef;border:1px solid #f0ccc8}.timeline{padding:8px 22px}.timeline>div{border-bottom:1px solid #edf1f7;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.timeline>div:last-child{border:0}.timeline p{flex:1;margin:0}.timeline-dot{background:#718ca8;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.timeline .badge{margin-left:auto}dialog{width:min(820px,100vw - 32px);max-height:90vh;color:var(--ink);border:1px solid #c9d5e3;border-radius:12px;padding:0;box-shadow:0 24px 80px #10263e45}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c223480}.modal-header{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-form,.detail-body{padding:24px}.modal-form>label,.modal-form>p,.modal-form>h3{margin-bottom:18px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.form-grid .full{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:20px;padding-top:18px;display:flex}.upload-zone{text-align:center;background:#f7fafe;border:2px dashed #b8c9df;border-radius:8px;align-items:center;padding:25px}.upload-zone svg{color:var(--blue)}.upload-zone input{background:0 0;border:0;max-width:420px;font-weight:400}.preview-table{border:1px solid var(--line);border-radius:6px;max-height:340px}.preview-table th{position:sticky;top:0}.import-summary{justify-content:space-between;padding:18px 0;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.detail-grid div{border-bottom:1px solid #eaf0f5;min-width:0;padding-bottom:9px}.detail-grid dt{color:var(--muted);font-size:12px}.detail-grid dd{overflow-wrap:anywhere;margin:3px 0 0}.review-box{background:#fff7e7;border:1px solid #edddb9;border-radius:8px;margin-bottom:20px;padding:18px}.review-box li{margin-bottom:5px}.record-notes{white-space:pre-wrap;overflow-wrap:anywhere}.source-row{background:#f5f8fc;margin-top:12px;padding:12px}.source-row dl{margin:0}.source-row dl>div{grid-template-columns:65px 1fr;gap:9px;padding:3px 0;display:grid}.source-row dt{color:var(--muted);font-size:12px}.source-row dd{overflow-wrap:anywhere;margin:0}summary{cursor:pointer;font-weight:600}.login-page{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-intro{background:var(--navy);color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 12%;display:flex}.login-intro .brand{margin-bottom:80px}.login-intro h1{letter-spacing:-2px;margin-bottom:28px;font-size:64px;line-height:1.07}.login-intro p{color:#b7cce0;font-size:16px;line-height:1.8}.login-legend{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.login-legend .badge{padding:8px 12px}.login-panel{justify-content:center;align-items:center;padding:40px;display:flex}.login-panel form{width:350px;max-width:100%}.login-panel svg{color:var(--blue);margin-bottom:20px}.login-panel h2{margin-bottom:8px;font-size:28px}.login-panel label{margin:22px 0}.login-panel button{width:100%;margin-top:10px}.connection-card{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:550px;margin:12vh auto;padding:40px}.brand-icon{color:var(--green);margin-bottom:20px;font-size:24px;font-weight:700}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1800px){body{font-size:16px}table{font-size:14px}}@media (max-width:1250px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{flex-direction:column}.heading-actions{justify-content:flex-start;padding-top:0}.overview-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.workspace{display:block}.sidebar{width:100%;padding:18px;position:static}.sidebar .brand{font-size:16px}.sidebar nav{flex-direction:row;gap:6px;margin-top:18px;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;flex-shrink:0;min-height:38px;padding:8px}.nav-count,.sidebar-bottom{display:none}.main-area{width:100%;margin:0}.topbar{height:50px;padding:0 18px}.content{padding:24px 16px}.metrics{gap:10px}.metric{min-height:160px;padding:16px}.metric>strong{font-size:32px}.category-grid{grid-template-columns:1fr}.project-line{grid-template-columns:1fr 1fr}.progress-track{display:none}.panel-heading{flex-wrap:wrap;padding:16px}.filters{padding:16px}.filters select{flex:1;max-width:none}.form-grid,.detail-grid,.login-page{grid-template-columns:1fr}.login-intro{padding:30px}.login-intro .brand{margin-bottom:30px}.login-intro h1{font-size:42px}.login-intro p,.login-legend{display:none}.login-panel{padding:36px 24px}.connection-card{margin:30px 16px}.heading-actions button{font-size:13px}.modal-form,.detail-body{padding:18px}h1{font-size:26px}}.material-row.supply{background:#f0faf3}.material-row.supply td:first-child{border-left:3px solid #229765}.material-row.supply td:first-child .text-button{color:var(--green)}.material-row.demand{background:#f0f5ff}.material-row.demand td:first-child{border-left:3px solid #427dd1}.material-row.supply:hover{background:#e6f6ec}.material-row.demand:hover{background:#e6efff}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.project-entry{max-width:820px}.project-form-actions,.project-footer{gap:9px}.project-footer{flex-wrap:wrap;display:flex}.project-empty{padding:24px}.project-entry label small{font-weight:400}.project-board{padding:0 20px 20px}.project-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 2px 16px;font-size:12px;display:flex}.project-toolbar>div{gap:8px;display:flex}.project-toolbar button{min-height:30px;padding:5px 9px;font-size:12px}.project-card{border:1px solid var(--line);border-left:3px solid #9cb0c7;border-radius:8px;margin-bottom:12px;overflow:hidden}.project-card:last-child{margin-bottom:0}.project-card.future-project{border-left-color:#427dd1}.project-card h2{margin:0}.project-toggle{text-align:left;background:#f9fbfe;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:17px 18px;font-weight:400;display:flex}.project-toggle>svg{color:#6d819a;flex-shrink:0;transition:transform .15s}.project-toggle>svg.expanded{transform:rotate(90deg)}.project-heading-text{flex:1;min-width:0}.project-title{color:var(--ink);overflow-wrap:anywhere;font-size:17px;font-weight:650;display:block}.project-types{color:#526c87;overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.project-subtitle{color:var(--muted);margin-top:3px;font-size:11px;display:block}.project-status-summary{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:390px;display:flex}.project-material-table{min-width:1050px}.project-material-table th,.project-material-table td{padding:13px 14px}.project-material-table td:first-child{min-width:180px;max-width:240px}.project-material-table .badge{margin-right:5px}.project-material-table .order-select{min-width:168px;min-height:36px;padding:7px 8px;font-size:12px;font-weight:600}.order-not_ordered{color:#906015;background:#fff2d6}.order-quote_requested,.order-partially_received{color:#946118;background:#fff4df}.order-ordered,.order-in_transit{color:var(--blue);background:#e7efff}.order-received{color:var(--green);background:#e4f4e9}.order-cancelled,.order-unknown{color:#50657b;background:#eaf0f6}.project-serial{max-height:48px;overflow-y:auto}.project-footer{border-top:1px solid var(--line);background:#fbfcfe;padding:12px 16px}.project-footer button{min-height:32px;padding:6px 10px;font-size:12px}@media (max-width:760px){.project-board{padding:0 12px 12px}.project-toolbar{flex-direction:column;align-items:flex-start}.project-toggle{flex-wrap:wrap;gap:8px;padding:14px 12px}.project-heading-text{flex-basis:calc(100% - 30px)}.project-status-summary{justify-content:flex-start;max-width:none;padding-left:28px}.project-title{font-size:16px}.project-material-table .order-select{flex:none;max-width:none}}