:root{--ink:#17211c;--muted:#6e7872;--line:#dde4df;--soft:#f4f7f5;--paper:#fff;--green:#1f6b4f;--green2:#2f8a67;--lime:#cde849;--nav:#122b22;--danger:#b64e45;--shadow:0 18px 50px rgba(25,48,38,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef2ef;color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:var(--nav);color:#fff;padding:31px 20px 25px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 8px 35px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:-.4px}.brand small{font-size:10px;color:#91a99f;letter-spacing:1.2px;margin-top:2px}.brand-mark{width:31px;height:31px;display:flex;align-items:flex-end;gap:3px;padding:6px;background:var(--lime);border-radius:8px;transform:rotate(-4deg)}.brand-mark i{display:block;width:5px;background:var(--nav);border-radius:2px}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:14px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;color:#9fb2aa;text-decoration:none;padding:12px 13px;border-radius:8px;font-weight:600}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(255,255,255,.075)}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.nav-icon{width:20px;text-align:center;color:var(--lime);font-size:16px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:20px 6px 0}.system-state{display:flex;align-items:center;gap:10px}.system-state>span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(205,232,73,.12)}.system-state div{display:flex;flex-direction:column}.system-state strong{font-size:12px}.system-state small{color:#799087;font-size:10px;margin-top:2px}.text-button{border:0;background:none;color:#97aaa2;padding:18px 0 0;font:inherit;font-size:11px;cursor:pointer}.text-button span{color:var(--lime);margin-left:4px}.main{margin-left:236px;min-height:100vh}.topbar{height:66px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px}.breadcrumb span,.breadcrumb b{color:#99a19d}.breadcrumb strong{font-weight:700}.top-actions{display:flex;align-items:center;gap:18px}.sync-badge{display:flex;align-items:center;gap:7px;font-size:11px;color:#607069}.sync-badge i{width:7px;height:7px;border-radius:50%;background:#58a37e}.avatar{width:34px;height:34px;border-radius:50%;border:0;background:#dfe9e3;color:var(--green);font-size:11px;font-weight:800;cursor:pointer}.mobile-menu{display:none;border:0;background:none;font-size:21px}.content{padding:45px 42px 70px;max-width:1440px;margin:0 auto}.hero{display:flex;align-items:center;justify-content:space-between;padding:11px 9px 36px 4px}.eyebrow{display:block;color:var(--green2);font-size:10px;font-weight:800;letter-spacing:2.2px;margin-bottom:12px}.hero h1{font-size:38px;line-height:1.18;letter-spacing:-2px;margin:0 0 17px}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.hero-seal{width:112px;height:112px;border:1px solid #bcc9c1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:var(--green);transform:rotate(4deg);margin-right:28px}.hero-seal:after{content:"";position:absolute;inset:6px;border:1px dashed #cbd4ce;border-radius:50%}.hero-seal span,.hero-seal small{font-size:8px;letter-spacing:2px;font-weight:800;z-index:1}.hero-seal strong{font-size:29px;line-height:1.1;z-index:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.metric{padding:22px 24px;border-right:1px solid var(--line);min-height:113px;display:flex;flex-direction:column}.metric:last-child{border:0}.metric-label{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:10px}.metric>strong{font-size:23px;letter-spacing:-.7px}.metric>strong small{font-size:10px;color:#919b95}.trend,.metric-note{font-size:10px;color:#77827c;margin-top:8px}.trend{color:var(--green2)}.verification{background:#f7faec}.verification>strong{color:var(--green)}.verification.failed{background:#fff3f1}.verification.failed>strong{color:var(--danger)}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);gap:20px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px}.production-panel,.stock-panel{min-height:555px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:27px 29px 23px;border-bottom:1px solid var(--line)}.panel-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.section-index{grid-row:1/3;background:var(--ink);color:#fff;border-radius:4px;padding:4px 6px;font-size:9px;align-self:start;margin-top:1px}.panel-head h2{font-size:17px;letter-spacing:-.5px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:6px 0 0;grid-column:2}.step-badge,.record-count{font-size:9px;letter-spacing:1.5px;color:var(--green);border:1px solid #c9d7cf;border-radius:99px;padding:6px 9px}.panel-head.compact{align-items:center}.outline-button{background:#fff;border:1px solid #bcc8c1;border-radius:7px;color:#46544d;padding:8px 11px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.outline-button:hover{border-color:var(--green);color:var(--green)}#production-form{padding:26px 29px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label>span,.editor-row label span{font-size:11px;font-weight:700;color:#4e5a54}.form-grid label b{color:var(--green2)}.form-grid .wide{grid-column:1/2}input,select{width:100%;height:43px;border:1px solid #cad4ce;border-radius:7px;background:#fff;padding:0 12px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(47,138,103,.1)}.input-suffix{position:relative}.input-suffix input{padding-right:42px}.input-suffix i{font-style:normal;position:absolute;right:12px;top:14px;font-size:10px;color:#89928d}.requirement-preview{margin-top:22px;background:var(--soft);border-radius:8px;padding:15px 16px}.preview-head{display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #dce4df}.preview-head span{font-size:11px;font-weight:800}.preview-head small{font-size:9px;color:var(--green2)}.preview-items{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.preview-item{background:#fff;border:1px solid #e0e6e2;padding:10px;border-radius:6px;display:grid;grid-template-columns:1fr auto;gap:3px 8px}.preview-item div{display:flex;align-items:center;gap:6px}.preview-item div strong{font-size:10px;color:var(--green)}.preview-item div span{font-size:9px;color:var(--muted)}.preview-item>b{font-size:11px}.preview-item>small{grid-column:1/3;font-size:9px;color:#929b96}.preview-item.short{border-color:#d78f87;background:#fff7f6}.preview-error{font-size:11px;color:var(--danger);margin:0}.transaction-option{margin:15px 0}.switch-row{display:flex;gap:10px;align-items:center;cursor:pointer;background:#fbfcfb;border:1px dashed #d2dbd5;padding:11px 12px;border-radius:7px}.switch-row input{position:absolute;opacity:0;width:0;height:0}.switch{width:30px;height:17px;border-radius:99px;background:#c5cec8;position:relative;flex:0 0 auto}.switch:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;background:#fff;border-radius:50%;transition:.2s}.switch-row input:checked+.switch{background:var(--green)}.switch-row input:checked+.switch:after{left:15px}.switch-row>span:last-child{display:flex;flex-direction:column}.switch-row strong{font-size:10px}.switch-row small{font-size:9px;color:var(--muted);margin-top:2px}.primary-button{height:45px;width:100%;background:var(--green);color:#fff;border:0;border-radius:7px;font:inherit;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer}.primary-button:hover{background:#185b42}.primary-button:disabled{opacity:.6;cursor:wait}.primary-button b{color:var(--lime);font-size:17px}.stock-legend{display:flex;align-items:center;gap:16px;padding:17px 25px 0;font-size:9px;color:#637069}.stock-legend span{display:flex;align-items:center;gap:5px}.stock-legend i{width:7px;height:7px;border-radius:50%;background:var(--green)}.stock-legend i.const{background:#b9c7bf}.stock-legend small{margin-left:auto;color:#9da5a0}.stock-list{padding:8px 25px 22px}.stock-row{padding:18px 0;border-bottom:1px solid #edf0ee;display:grid;grid-template-columns:1fr 1.35fr;gap:12px}.stock-row:last-child{border-bottom:0}.material-id{display:flex;flex-direction:column;gap:3px}.material-id strong{font-size:11px;color:var(--green)}.material-id span{font-size:10px;font-weight:600}.stock-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stock-values span{display:flex;flex-direction:column}.stock-values small{font-size:8px;color:#8a948e}.stock-values b{font-size:11px;margin-top:3px}.bar{height:4px;background:#dce5df;border-radius:4px;grid-column:1/3;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:4px}.history-panel{margin-top:20px}.history-panel .panel-head{border-bottom:0}.table-wrap{overflow-x:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f5f7f5;color:#7d8781;font-size:9px;letter-spacing:.4px;padding:11px 18px;border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #edf0ee;font-size:10px;color:#5a665f}tbody tr:last-child td{border-bottom:0}td strong{color:var(--ink)}.num{text-align:right}.record-link{border:0;background:none;padding:0;color:var(--green);font:inherit;font-weight:800;cursor:pointer}.row-arrow{border:0;background:none;color:var(--green);cursor:pointer}.status-chip{background:#eaf4ee;color:var(--green);border-radius:99px;padding:4px 7px;font-size:8px}.empty-state{text-align:center;padding:49px;border-top:1px solid var(--line)}.empty-state>span{display:block;font-size:24px;color:#9eaaa3}.empty-state strong{display:block;font-size:12px;margin-top:10px}.empty-state p{font-size:10px;color:var(--muted)}.empty-state a{font-size:10px;color:var(--green);font-weight:800}.modal-root{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:20px}.modal-root.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(10,27,20,.62);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:32px;box-shadow:var(--shadow);z-index:1}.wide-modal{width:min(800px,100%)}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#eef2ef;width:30px;height:30px;border-radius:50%;font-size:19px;color:#607069;cursor:pointer;z-index:2}.result-banner{display:flex;align-items:center;gap:15px;background:#eff8f2;margin:-32px -32px 0;padding:28px 32px;border-radius:14px 14px 0 0}.result-banner>span{width:47px;height:47px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:22px}.result-banner small{font-size:8px;letter-spacing:1.7px;color:var(--green)}.result-banner h3{font-size:18px;margin:3px 0}.result-banner p{margin:0;font-size:10px;color:var(--muted)}.result-banner.failed{background:#fff1f0}.result-banner.failed>span{background:var(--danger)}.record-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;margin:22px 0}.record-summary div{padding:13px;border-right:1px solid var(--line);display:flex;flex-direction:column}.record-summary div:last-child{border:0}.record-summary small,.movement-row small{font-size:8px;color:#89948e;margin-bottom:4px}.record-summary strong{font-size:10px}.movement-title{display:flex;justify-content:space-between;align-items:center}.movement-title h4{font-size:12px}.movement-title span{font-size:8px;color:var(--muted)}.movement-list{border:1px solid var(--line);border-radius:8px}.movement-row{display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr;align-items:center;gap:12px;padding:13px;border-bottom:1px solid var(--line)}.movement-row:last-child{border:0}.movement-row>div{display:flex;flex-direction:column}.move-material strong{font-size:10px;color:var(--green)}.move-material span{font-size:9px;color:var(--muted)}.movement-row b{font-size:9px}.unchanged{color:#607069}.modal-done{margin-top:22px}.rollback-card{text-align:center}.rollback-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#eaf4ee;color:var(--green);font-size:30px;margin:0 auto 17px}.rollback-card h3,.stock-editor h3,.help-card h3{font-size:20px;margin:4px 0 8px}.rollback-card>p,.stock-editor>p{font-size:11px;color:var(--muted)}.rollback-checks{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:8px;margin-top:20px}.rollback-checks span{background:var(--soft);padding:10px;border-radius:6px;font-size:9px}.rollback-checks i{font-style:normal;color:var(--green);margin-right:6px}.editor-list{margin-top:24px;border:1px solid var(--line);border-radius:8px}.editor-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:13px;align-items:end;padding:14px;border-bottom:1px solid var(--line)}.editor-row:last-child{border:0}.editor-row>div{display:flex;flex-direction:column}.editor-row>div strong{font-size:10px;color:var(--green)}.editor-row>div span{font-size:9px;color:var(--muted)}.editor-row label{display:flex;flex-direction:column;gap:5px}.editor-row input{height:37px}.modal-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:20px}.modal-actions .outline-button{height:45px}.help-card ol{list-style:none;padding:0;margin:24px 0;counter-reset:item}.help-card li{counter-increment:item;display:grid;grid-template-columns:27px 75px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.help-card li:before{content:counter(item);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:9px}.help-card li b{font-size:10px}.help-card li span{font-size:10px;color:var(--muted)}.toast{position:fixed;right:25px;bottom:25px;z-index:200;background:#173e30;color:#fff;padding:13px 17px;border-radius:8px;box-shadow:var(--shadow);font-size:10px;display:flex;align-items:center;gap:9px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;max-width:420px}.toast.show{opacity:1;transform:none}.toast.error{background:#813d37}.toast-dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}.boot{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;color:var(--muted)}.boot .brand-mark{animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:rotate(4deg) scale(1.08)}}.boot p{font-size:11px}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.workspace{grid-template-columns:1fr}.production-panel,.stock-panel{min-height:auto}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:none}.main{margin-left:0}.topbar{padding:0 17px}.mobile-menu{display:block}.breadcrumb{display:none}.content{padding:27px 15px 50px}.hero{padding:5px 2px 25px}.hero h1{font-size:29px}.hero p br{display:none}.hero-seal{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{padding:17px;min-height:105px}.metric>strong{font-size:19px}.workspace{grid-template-columns:1fr}.panel-head{padding:21px 18px}.panel-head p{line-height:1.5}.production-panel #production-form{padding:21px 18px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.preview-items{grid-template-columns:1fr}.stock-legend{padding:14px 18px 0}.stock-legend small{display:none}.stock-list{padding:5px 18px 17px}.stock-row{grid-template-columns:1fr}.bar{grid-column:1/2}.record-summary{grid-template-columns:1fr 1fr}.record-summary div:nth-child(2){border-right:0}.record-summary div:nth-child(-n+2){border-bottom:1px solid var(--line)}.movement-row{grid-template-columns:1fr 1fr}.modal-card{padding:25px 19px}.result-banner{margin:-25px -19px 0;padding:26px 19px}.editor-row{grid-template-columns:1fr 1fr}.editor-row>div{grid-column:1/3}.rollback-checks{grid-template-columns:1fr}.toast{left:15px;right:15px;bottom:15px}.history-panel{margin-top:15px}}
@media(max-width:420px){.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)!important}.metric:last-child{border-bottom:0!important}.stock-values{gap:5px}.top-actions{gap:8px}.modal-root{padding:10px}}