:root{--navy:#13263b;--blue:#235ee8;--ink:#172b42;--muted:#728196;--line:#e2e8ef;--bg:#f3f6fa;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,border-color .15s}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #83adff;outline-offset:3px}button{border:0}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h2{font-size:1.05rem;font-weight:700}h3{font-size:1rem}small{font-size:.8125rem}svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:#b9c7d8;padding:30px 20px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:1.7rem;letter-spacing:1px;font-weight:800;margin:0 10px 30px}.brand-mark{background:#2d68f0;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.brand-sub{display:block;font-size:.625rem;color:#91a8c0;letter-spacing:2.1px;line-height:1.2;margin-top:2px}.workspace{display:flex;align-items:center;gap:9px;padding:14px 8px;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;margin-bottom:28px}.workspace-icon{width:32px;height:32px;display:grid;place-items:center;background:#2b4057;border-radius:8px;color:#e9eff6;font-size:.875rem;font-weight:700}.workspace strong{display:block;font-size:.875rem;color:#e8edf5}.workspace small{display:block;color:#8aa1b9;font-size:.75rem}.workspace .badge{margin-left:auto;background:#294568;color:#b6cfff;font-size:.6875rem;padding:3px 5px}.nav-label{font-size:.625rem;letter-spacing:1.8px;color:#6f89a4;margin:0 12px 12px}nav{display:flex;flex-direction:column;gap:5px}nav button{background:transparent;color:#a9b9cb;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 12px;border-radius:8px;font-size:.875rem}nav button:hover{background:#ffffff0b;color:white}nav button.selected{background:#245edb;color:white;font-weight:700;box-shadow:0 5px 20px #0b193040}nav button b{margin-left:auto;background:#ffffff22;padding:0 6px;border-radius:5px;font-size:.75rem}.sidebar-bottom{margin-top:auto;padding-top:40px}.connection{font-size:.75rem;color:#a6bed5;display:flex;align-items:center;gap:7px;padding:0 12px}.connection span{width:6px;height:6px;border-radius:50%;background:#65cbb5}.sidebar-bottom p{padding:15px 12px;color:#5f7c98;font-size:.8125rem;line-height:1.8}.profile{border-top:1px solid #ffffff12;padding-top:20px;display:flex;gap:9px;align-items:center}.profile>span{width:34px;height:34px;display:grid;place-items:center;background:#2d4259;border-radius:50%;font-size:.75rem}.profile strong{font-size:.75rem;color:#c5d1df;display:block}.profile small{font-size:.6875rem;color:#728eaa;display:block}.main-shell{margin-left:248px;width:calc(100% - 248px)}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.875rem}.breadcrumb strong{color:#34485e;font-weight:500}.top-tools{display:flex;align-items:center;gap:18px;font-size:.8125rem;color:#52657c}.date-zone{color:#9aa7b8;font-size:.6875rem;margin-left:5px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eaf0ff;color:var(--blue);font-weight:700}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;color:#698097;border-radius:6px}.icon-button:hover{background:#eff3f8}main{max-width:1560px;margin:auto;padding:32px 36px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{color:#8292a6;font-size:.625rem;letter-spacing:1.5px;font-weight:700;margin-bottom:7px}h1{font-size:1.9rem;font-weight:750;letter-spacing:-.8px;line-height:1.4}.page-heading p{margin-top:6px;color:var(--muted);font-size:.875rem}.primary,.secondary,.row-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;font-size:.875rem;min-height:40px;padding:9px 16px;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 3px 6px #235ee818}.primary:hover{background:#194ec8}.secondary{background:white;border:1px solid #d8e1eb;color:#455c75}.secondary:hover{background:#f4f7fb}.row-button{padding:5px 11px;min-height:32px;background:#fff;border:1px solid #dce5f0;color:#3c5b7f;font-size:.8125rem}.row-button:hover{background:#edf3ff;border-color:#a1bbef}.sample-banner{display:flex;gap:12px;align-items:center;font-size:.8125rem;color:#667b94;background:#eaf0f8;border:1px solid #dfe7f1;border-radius:6px;padding:10px 13px;margin-bottom:24px}.sample-label{font-size:.6875rem;letter-spacing:.2px;white-space:nowrap;background:#d9e5f6;padding:2px 6px;border-radius:3px;color:#4d6c93;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:10px;text-align:left;padding:19px 20px}.metric:hover{border-color:#b9cced;box-shadow:0 5px 15px #17304b06}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#62758d}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px}.blue{background:#eaf0ff;color:#3067d8}.violet{background:#f0ebfc;color:#8863ce}.teal{background:#e5f5f2;color:#339e86}.orange{background:#fff1de;color:#b57b20}.green{background:#e8f5ed;color:#2f9260}.neutral{background:#edf1f6;color:#62758d}.metric-value{font-size:2.5rem;font-weight:700;line-height:1.3;margin:10px 0 16px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.metric-value small{margin-left:8px;font-size:.875rem;font-weight:400;color:#8191a4;letter-spacing:0}.metric-bottom{border-top:1px solid #edf1f5;padding-top:12px;display:flex;justify-content:space-between;font-size:.75rem;color:#92a0b2}.overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.panel-title{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title p{color:#8a98aa;font-size:.75rem;margin-top:4px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;font-weight:500}.text-button{display:flex;align-items:center;gap:4px;color:#7b8da4;background:transparent;font-size:.75rem;white-space:nowrap}.text-button:hover{color:var(--blue)}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:6px 23px 22px}.pipeline button{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:#f6f8fc;border:1px solid #e9eef6;padding:18px 15px;border-radius:8px;color:#456486;gap:12px;text-align:left}.pipeline button:hover{background:#eef3fd;border-color:#c6d6f4}.pipeline .step{position:absolute;right:13px;top:14px;font-size:.6875rem;color:#bac7d6;font-weight:700}.pipeline button strong{font-size:.875rem;color:#49627e}.pipeline button>span:last-child{font-size:.75rem;color:#8191a4}.pipeline button b{font-size:1.25rem;color:#2b4d76;margin-right:5px}.flow-note{border-top:1px solid #edf1f5;padding:14px 23px;color:#8c9cb0;display:flex;align-items:center;gap:7px;font-size:.75rem}.low-stock{padding:7px 23px 19px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.low-stock>div:first-child{flex:1}.low-stock strong{display:block;font-size:.875rem;font-weight:600}.low-stock span{display:block;color:#8c9aae;font-size:.75rem;margin-top:4px}.low-stock>b{font-size:1.25rem;color:#b47c2e}.low-stock small{font-weight:400;color:#8d9aad;margin-left:5px}.stock-meter{height:4px;border-radius:5px;background:#f1f3f7;width:100%;margin-top:3px;overflow:hidden}.stock-meter span{height:100%;background:#dfb363;margin:0!important}.wide{grid-column:1/-1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:.875rem}th{font-weight:500;color:#8594a8;background:#f8fafc;padding:13px 23px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;font-size:.75rem}td{padding:17px 23px;border-bottom:1px solid #edf1f5}tr:last-child td{border-bottom:0}td small{display:block;color:#8c9caf;font-size:.75rem;margin-top:3px}.inline{display:inline!important;margin:0!important}.item-cell strong{font-weight:500;display:block}.item-cell span{display:block;color:#9aa8b9;font-size:.6875rem;margin-top:3px;letter-spacing:.4px}.code{font-family:Consolas,monospace;color:#577293;font-size:.8125rem;font-weight:500}.progress-inline{width:110px;color:#6e829b;font-size:.75rem}.progress-inline>div{height:4px;background:#e8edf5;border-radius:5px;margin-top:7px;overflow:hidden}.progress-inline i{display:block;height:100%;background:#5683e6;border-radius:5px}td>.badge{display:block;width:max-content;margin-top:4px}.activity-list{padding:0 23px 8px}.activity{display:flex;align-items:center;gap:13px;border-top:1px solid #eff2f6;padding:14px 0}.activity-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center}.activity-icon.in{color:#399c86;background:#eaf6f2}.activity-icon.out{color:#c88b45;background:#fbf2e8}.activity>div{flex:1}.activity strong{display:block;font-size:.875rem;font-weight:500}.activity>div span{display:block;font-size:.75rem;color:#95a2b3;margin-top:2px}.activity>b{font-size:.875rem;font-weight:600}.activity>b small{color:#8c9bae;font-weight:400;margin-left:4px}.positive{color:#289278}.negative{color:#cd704b}.activity time{color:#9aa7b8;font-size:.75rem;margin-left:20px}.page-footer{display:flex;justify-content:space-between;color:#a0aec0;font-size:.6875rem;margin-top:32px}.page-footer>span:first-child{letter-spacing:1px;font-weight:700}.list-toolbar{padding:20px 23px;display:flex;align-items:center;gap:14px}.search{display:flex;align-items:center;gap:8px;border:1px solid #dfe6ef;border-radius:6px;padding:7px 12px;color:#91a0b2;max-width:340px;flex:1}.search input{border:0;outline:0;background:transparent;width:100%;font-size:.875rem;color:#4d6580}.search input::placeholder{color:#97a6b9}.search:focus-within{border-color:#698feb}.list-toolbar>select{font-size:.875rem;border:1px solid #dfe6ef;border-radius:6px;padding:7px 10px;background:#fff;color:#647b95}.list-count{margin-left:auto;color:#8c9eb4;font-size:.8125rem}.receipt-pending{padding:0 23px 18px}.receipt-pending h2{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pending-row{display:flex;align-items:center;gap:20px;padding:15px 0;border-top:1px solid #edf1f5;font-size:.875rem}.pending-row>div{flex:1}.pending-row strong{font-weight:500}.pending-row small{display:block;color:#91a1b5;margin-top:3px}.pending-row>span{color:#7d8fa6;font-size:.8125rem}.pending-row>span b{color:#3d5e82}.section-subtitle{padding:15px 23px;font-size:.875rem;border-top:1px solid var(--line);font-weight:700}.stock-number{font-size:1.05rem;font-weight:600}.bom-chips{display:flex;gap:6px;flex-wrap:wrap;max-width:420px;white-space:normal}.bom-chips span{padding:3px 7px;background:#f2f5fa;border-radius:4px;font-size:.75rem;color:#6d819a}.movement-panel{margin-top:24px}.muted{color:#8c9caf;font-size:.75rem}.empty{padding:32px;text-align:center;color:#92a2b6;font-size:.875rem}.loading-state{min-height:350px;display:flex;justify-content:center;align-items:center;gap:15px;color:#74869e}.error{padding:12px 14px;border-radius:6px;background:#fff0ec;border:1px solid #f4d6cd;color:#b8553c;font-size:.875rem;margin-bottom:16px;display:flex;gap:10px;align-items:center;justify-content:space-between}.error button{background:transparent;text-decoration:underline;color:inherit;white-space:nowrap}.toast{position:fixed;bottom:25px;left:calc(50% + 124px);transform:translateX(-50%);background:#173c33;color:#e0f9eb;padding:14px 20px;border-radius:9px;box-shadow:0 8px 30px #173c3330;z-index:40;display:flex;gap:9px;align-items:center;font-size:.875rem;max-width:90vw}.modal{padding:0;border:1px solid #dce4ef;width:min(530px,calc(100vw - 32px));max-height:90vh;border-radius:13px;color:var(--ink);box-shadow:0 20px 80px #14283c40;margin:auto;background:#fff}.modal::backdrop{background:#14263e66;backdrop-filter:blur(2px)}.modal-header{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{font-size:1.25rem}.modal-body{padding:23px 25px;max-height:65vh;overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px;border-top:1px solid var(--line);background:#fafbfd}.field{display:flex;flex-direction:column;gap:7px;font-size:.875rem;color:#58718b;margin-bottom:17px}.field input,.field select,.bom-row input,.bom-row select{width:100%;border:1px solid #d5dfeb;border-radius:6px;padding:10px 11px;background:white;color:#273f5b;min-height:43px;font-size:1rem}.field input:focus,.field select:focus,.bom-row input:focus,.bom-row select:focus{outline:2px solid #c8d9ff;border-color:#6e93e8}.form-note{font-size:.8125rem;color:#8b9cb1;line-height:1.7;background:#f6f8fc;padding:12px;border-radius:6px}.form-summary{font-size:.875rem;background:#edf3ff;padding:14px 16px;color:#4772ad;border-radius:7px;margin-bottom:20px}.form-summary p{margin-top:8px;color:#7793b9}.requirements{margin:12px 0 20px}.requirements>div{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.requirements small{display:block;color:#8e9fb5;font-size:.75rem;margin-top:3px}.bom-editor{margin-bottom:17px}.bom-editor h3{margin-bottom:12px}.bom-row{display:flex;gap:8px;margin-bottom:10px}.bom-row input{width:85px}.bom-row select{flex:1;min-width:0}.modal-body>.error{margin-top:15px;margin-bottom:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){main{padding-top:40px}.metrics{gap:24px}.metric{padding:24px}.overview-grid{gap:26px}}
@media(max-width:1200px){.sidebar{width:218px;padding-left:13px;padding-right:13px}.main-shell{margin-left:218px;width:calc(100% - 218px)}main{padding:26px 24px}.topbar{padding:0 24px}.metrics{gap:12px}.metric{padding:15px}.metric-top{font-size:.8125rem}.overview-grid{grid-template-columns:1.15fr 1fr}.pipeline{gap:8px;padding-left:18px;padding-right:18px}.pipeline button{padding:14px 10px}.toast{left:calc(50% + 109px)}}
@media(max-width:980px){.sidebar{width:188px}.main-shell{margin-left:188px;width:calc(100% - 188px)}.workspace .badge{display:none}.brand{font-size:1.5rem;gap:8px}.brand-sub{font-size:.5rem}nav button{font-size:.8125rem;padding:12px 10px}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.wide{grid-column:auto}.stock-panel{display:none}.toast{left:calc(50% + 94px)}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:relative;width:100%;padding:15px 16px 0;background:#13263b}.brand{margin:0 0 16px;font-size:1.4rem}.brand-mark{width:34px;height:34px}.brand-sub{font-size:.5625rem}.workspace,.sidebar-bottom,.nav-label{display:none}nav{flex-direction:row;overflow:auto;gap:3px;margin:0 -16px;padding:0 12px}nav button{flex:0 0 auto;border-radius:6px 6px 0 0;font-size:.8125rem;padding:12px 11px;gap:7px}nav button b{display:none}nav button svg{width:16px}.main-shell{width:100%;margin:0}.topbar{height:54px;padding:0 18px}.top-tools{gap:10px}.avatar{display:none}.breadcrumb{font-size:.75rem;gap:6px}.top-tools>span{font-size:.6875rem}.date-zone{display:none}main{padding:24px 16px}.page-heading{align-items:flex-start;gap:12px}h1{font-size:1.5rem}.page-heading p{font-size:.8125rem;max-width:300px}.heading-actions .primary{padding:8px 10px;font-size:.8125rem}.sample-banner{align-items:flex-start;font-size:.75rem;line-height:1.7;margin-bottom:18px}.metrics{gap:10px;margin-bottom:18px}.metric{padding:14px}.metric-icon{width:27px;height:27px}.metric-value{font-size:2rem;margin-bottom:12px}.metric-value small{font-size:.75rem}.metric-bottom{font-size:.6875rem}.overview-grid{gap:18px}.panel-title{padding:18px 16px}.pipeline{padding:0 16px 18px;gap:9px}.flow-note{padding:12px 16px;font-size:.6875rem}.pipeline button{padding:16px 12px}.pipeline button strong{font-size:.8125rem}th,td{padding:13px 16px}.activity-list{padding:0 16px 5px}.activity time{display:none}.activity>b{white-space:nowrap}.list-toolbar{padding:15px;flex-wrap:wrap;gap:10px}.search{max-width:100%;flex-basis:100%}.list-toolbar>select{flex:1}.receipt-pending{padding:0 15px 15px}.pending-row{gap:10px;flex-wrap:wrap}.pending-row>div{min-width:50%}.pending-row>span{font-size:.75rem}.page-footer{gap:10px;font-size:.625rem}.toast{left:50%;width:max-content}.modal-body,.modal-header,.modal-footer{padding:20px}.stock-panel{display:block}.loading-state{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.order-actions{display:flex;gap:6px}.order-memo{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field textarea{font:inherit;border:1px solid #d5dfeb;border-radius:6px;padding:10px 11px;resize:vertical;color:#273f5b}.field textarea:focus{outline:2px solid #c8d9ff;border-color:#6e93e8}.field select:disabled{background:#f4f6fa;color:#6b7c92}.pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}.pipeline button{min-width:0}.pipeline button strong{white-space:nowrap}@media(max-width:1200px){.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}

.valuation-panel{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:24px;overflow:hidden}.valuation-total{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eaf0ff;padding:22px 24px}.valuation-total span{display:block;font-size:.875rem;color:#526f9f}.valuation-total strong{display:block;font-size:1.9rem;font-variant-numeric:tabular-nums;color:#2155ba;margin-top:6px}.valuation-total small{font-size:.875rem;font-weight:400;margin-left:8px}.valuation-total p{font-size:.8125rem;color:#6c82a3;line-height:1.8}.valuation-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:20px 12px}.valuation-categories>div{padding:0 14px;border-right:1px solid var(--line)}.valuation-categories>div:last-child{border:0}.valuation-categories span{display:block;font-size:.875rem;color:#7b8ca2}.valuation-categories strong{display:block;font-size:1rem;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.valuation-categories small{font-weight:400;color:#8b9cb0;margin-left:4px;font-size:.75rem}@media(max-width:1100px){.valuation-categories{grid-template-columns:repeat(3,1fr);gap:20px 0}.valuation-categories>div:nth-child(3n){border:0}}@media(max-width:700px){.valuation-total{align-items:flex-start;flex-direction:column;padding:18px}.valuation-total strong{font-size:1.6rem}.valuation-categories{grid-template-columns:repeat(2,1fr)}.valuation-categories>div:nth-child(3){border-right:1px solid var(--line)}.valuation-categories>div:nth-child(2n){border:0}}

.login-shell{min-height:100vh;display:grid;place-items:center;background:#13263b;padding:24px}.login-card{background:#fff;width:min(420px,100%);padding:35px;border-radius:15px;box-shadow:0 15px 50px #0003}.login-brand{font-size:1.8rem;font-weight:800;color:#235ee8;letter-spacing:1px;margin-bottom:22px}.login-brand span{font-size:.85rem;color:#8c9cb0}.login-card h1{font-size:1.4rem}.login-card>p{font-size:.875rem;color:#7b8da3;margin:8px 0 25px}.login-card>.primary{width:100%}.login-card>small{display:block;color:#8c9cb0;margin-top:20px}