:root{--ink:#17231f;--muted:#6b746f;--line:#dce3df;--paper:#f5f7f3;--card:#fff;--orange:#ec7b32;--navy:#193543}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Noto Sans KR,sans-serif}main{max-width:1280px;margin:auto;padding:28px 36px 64px}header{display:flex;justify-content:space-between;align-items:center;padding:0 0 26px;border-bottom:1px solid var(--line)}h1,h2,p{margin:0}a{color:inherit}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;color:#6f7973}.header-note{font-size:13px;color:var(--muted)}h1{font-size:24px;letter-spacing:-.05em}.hero{background:var(--navy);color:#fff;border-radius:20px;padding:48px;display:flex;justify-content:space-between;gap:42px;margin:25px 0}.hero .eyebrow{color:#a8ccc5}.hero h2{font-size:43px;line-height:1.08;letter-spacing:-.055em;margin:10px 0 14px}.hero p:not(.eyebrow){color:#c0ceca;line-height:1.6}.rule{width:300px;border-left:1px solid #68807e;padding:10px 0 10px 26px;display:flex;flex-direction:column;gap:9px;align-self:center}.rule strong{font-size:17px}.rule span{font-size:13px;line-height:1.5;color:#c0ceca}.metrics{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin:0 0 25px}.metric{background:var(--card);border-radius:14px;padding:18px;border-top:4px solid var(--line)}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:12px}.metric strong{font-size:29px;letter-spacing:-.03em}.metric small{font-size:13px;color:var(--muted);margin-left:3px}.metric.orange{border-color:var(--orange)}.metric.blue{border-color:#4b84ad}.metric.purple{border-color:#9677b7}.metric.green{border-color:#5d9970}.metric.teal{border-color:#3b9d92}.workspace{display:grid;grid-template-columns:1.9fr .9fr;grid-gap:20px;gap:20px;margin-bottom:22px}.flow-card,.jobs,.receive-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:27px}.section-heading h2{font-size:22px;letter-spacing:-.04em;margin:5px 0 7px}.section-heading p:last-child{color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin:25px 0}label{font-size:12px;font-weight:700;color:#53615a;display:grid;grid-gap:6px;gap:6px}input,select{font:inherit;color:var(--ink);border:1px solid #cbd4ce;border-radius:8px;padding:10px;background:#fff;min-width:0}button{background:var(--orange);border:0;border-radius:9px;padding:12px 17px;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.6}.flow-card ol{list-style:none;padding:12px 0 0;margin:0;display:grid;grid-gap:19px;gap:19px;counter-reset:item}.flow-card li{counter-increment:item;display:grid;grid-template-columns:29px 1fr;grid-column-gap:8px;column-gap:8px}.flow-card li:before{content:counter(item);background:#e7eeea;color:#3d574b;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px;font-size:12px;grid-row:span 2}.flow-card li b{font-size:14px}.flow-card li span{font-size:12px;color:var(--muted);margin-top:2px}.notice{padding:12px 16px;background:#fff4e8;color:#935019;border-radius:9px;font-size:14px;margin:0 0 22px}.jobs{padding-bottom:9px}.table-wrap{overflow-x:auto;margin:22px -4px 0}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #edf0ee}td small{display:block;color:var(--muted);margin-top:3px}.status{font-size:12px;padding:5px 8px;background:#eaf0ed;border-radius:999px;color:#395446;white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:38px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px}.login-card h1{margin:7px 0 9px}.login-card>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.login-card form{display:grid;grid-gap:14px;gap:14px;margin:28px 0 16px}.login-card button{width:100%}@media(max-width:800px){main{padding:20px}.hero{padding:28px;display:block}.hero h2{font-size:33px}.rule{width:auto;margin-top:25px}.metrics{grid-template-columns:repeat(2,1fr)}.form-grid,.workspace{grid-template-columns:1fr}header{align-items:flex-start;gap:12px}.header-note{padding-top:8px;text-align:right}}.password-input{position:relative;display:block}.password-input input{width:100%;padding-right:46px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px!important;padding:7px 0!important;background:transparent!important;color:var(--muted)!important;font-size:17px;line-height:1}.password-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:1px}.close-action,.hold-action,.secondary-action{padding:7px 10px;font-size:12px;background:#edf2ef;color:#365447}.hold-action{background:#f7e8dc;color:#9a4d17;margin-left:7px}.close-action{background:#edf2ef;color:#365447;align-self:start}.review-card{margin:20px 0 12px;padding:20px;border:1px solid #b8d5c8;background:#f7fbf8;border-radius:12px;display:grid;grid-template-columns:1fr auto;grid-gap:14px;gap:14px}.review-card h3{margin:4px 0 6px;font-size:19px}.review-card p:not(.eyebrow){font-size:13px;color:var(--muted)}.review-grid{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.review-grid,.review-grid article{display:grid;grid-gap:12px;gap:12px}.review-grid article{padding:15px;background:white;border:1px solid var(--line);border-radius:10px}.review-grid article>div{display:flex;gap:7px}.review-grid .status{justify-self:start}.plan-action{grid-column:1/-1;display:flex;align-items:end;gap:10px;padding:15px;background:#eef5f0;border-radius:10px}.plan-action label{flex:1 1}.plan-action input{width:100%}.review-checklist{list-style:none;margin:0;padding:0;display:grid;grid-gap:7px;gap:7px}.review-checklist li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#4f5d55}.review-checklist select{padding:6px 8px;font-size:12px;min-width:92px}.checklist-empty{font-size:12px!important;color:var(--muted)}.package-action{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .7fr 1fr auto;grid-gap:10px;gap:10px;align-items:end;padding:15px;background:#edf4fb;border-radius:10px}.package-action label{font-size:12px}.package-action input{width:100%}.package-row{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #d5e1ec;font-size:13px}.package-row button{padding:7px 10px;font-size:12px}@media(max-width:800px){.package-action,.review-grid{grid-template-columns:1fr}.plan-action{display:grid}.package-row{gap:8px;align-items:flex-start;flex-direction:column}}.quantity-card{margin-top:22px;padding:24px;background:var(--card);border:1px solid #d9cdec;border-radius:16px}.quantity-card h2{margin:5px 0 7px;font-size:21px}.quantity-card>div:first-child>p:last-child{font-size:13px;color:var(--muted)}.quantity-form{display:grid;grid-template-columns:1.4fr 1fr .7fr .7fr 1.3fr auto;grid-gap:10px;gap:10px;align-items:end;margin-top:20px}.quantity-form label{font-size:12px}.quantity-form input,.quantity-form select{width:100%}.ledger-history{margin-top:16px;padding:14px 15px;border:1px solid #dce5df;border-radius:10px;background:#fff}.ledger-history p:not(.eyebrow){font-size:12px;color:#53615a;margin-top:6px}@media(max-width:800px){.quantity-form{grid-template-columns:1fr}}.shipment-card{margin-top:22px;padding:24px;background:var(--card);border:1px solid #bfddcf;border-radius:16px}.shipment-card h2{margin:5px 0 7px;font-size:21px}.shipment-card>div:first-child>p:last-child{font-size:13px;color:var(--muted)}.shipment-form{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:10px;gap:10px;align-items:end;margin-top:20px}.shipment-form input{width:100%}@media(max-width:800px){.shipment-form{grid-template-columns:1fr}}.quality-card{margin-top:22px;padding:24px;background:var(--card);border:1px solid #e1d4bd;border-radius:16px}.quality-card h2{margin:5px 0 7px;font-size:21px}.quality-card>div:first-child>p:last-child{font-size:13px;color:var(--muted)}.defect-form,.quality-form{display:grid;grid-template-columns:.8fr 1.7fr auto;grid-gap:10px;gap:10px;align-items:end;margin-top:18px}.defect-form input,.quality-form input,.quality-form select{width:100%}.quality-history{margin-top:16px;padding:14px 15px;border:1px solid #e3dfd4;border-radius:10px;background:#fffdf9}.quality-history p:not(.eyebrow){font-size:12px;color:#53615a;margin-top:6px}@media(max-width:800px){.defect-form,.quality-form{grid-template-columns:1fr}}.rework-form{display:grid;grid-template-columns:1fr 1.5fr auto;grid-gap:10px;gap:10px;align-items:end;margin-top:18px;padding:14px;background:#f4f0fb;border-radius:10px}.rework-form input{width:100%}.rework-form button{font-size:12px}@media(max-width:800px){.rework-form{grid-template-columns:1fr}}.resume-card{margin-top:22px;padding:24px;background:var(--card);border:1px solid #bcd7e8;border-radius:16px}.resume-card h2{margin:5px 0 7px;font-size:21px}.resume-card>div:first-child>p:last-child{font-size:13px;color:var(--muted)}.resume-list{display:grid;grid-gap:9px;gap:9px;margin-top:18px}.resume-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:9px;background:#eef5fb;font-size:13px}.resume-list button{padding:8px 11px;font-size:12px}@media(max-width:800px){.resume-list>div{align-items:flex-start;flex-direction:column}}.wip-board{margin:0 0 22px;padding:22px 26px;background:var(--card);border:1px solid #d8d0e8;border-radius:16px}.wip-board>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:16px}.wip-board article{display:grid;grid-gap:5px;gap:5px;padding:13px;border-radius:10px;background:#f5f1fb;font-size:12px;color:#53615a}.wip-board strong{font-size:14px;color:var(--ink)}@media(max-width:800px){.wip-board>div:last-child{grid-template-columns:1fr}}@media(max-width:480px){main{padding:14px 12px 40px}header{padding-bottom:16px}.header-note{font-size:12px}.hero{margin:16px 0;padding:22px 20px;border-radius:14px}.hero h2{font-size:28px}.metrics{gap:8px;margin-bottom:16px}.metric{padding:13px;border-radius:10px}.metric strong{font-size:24px}.flow-card,.jobs,.quality-card,.quantity-card,.receive-card,.resume-card,.shipment-card,.wip-board{padding:18px 16px;border-radius:12px}.section-heading h2{font-size:20px}.table-wrap{margin:16px -2px 0}table{min-width:650px}.review-card{padding:16px;grid-template-columns:1fr}.review-card>button{justify-self:start}.review-grid article{padding:12px}.resume-list>div{padding:10px}.resume-list>div span{word-break:break-word}.defect-form button,.package-action button,.plan-action button,.quality-form button,.quantity-form button,.resume-card>button,.rework-form button,.shipment-form button{width:100%;min-height:44px}.resume-card>button{margin-top:12px}.resume-list button{min-height:40px}.notice{margin-bottom:16px}}.scrap-panel h2{margin-top:0}.scrap-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.scrap-form label{display:grid;grid-gap:6px;gap:6px;flex:1 1 180px}.scrap-panel article{margin-top:16px;padding:14px;border:1px solid #d8d0e8;border-radius:10px}.scrap-panel p{font-size:14px}.scrap-panel button{min-height:40px}@media(max-width:480px){.scrap-form{display:grid;grid-template-columns:1fr}.scrap-panel button{width:100%;min-height:44px}}