:root{--bg: #f7f8f5;--surface: #ffffff;--surface-2: #fbfbf8;--surface-soft: #f0f3ec;--border: #e6e8e0;--border-strong: #d3d7cb;--text: #181c19;--text-muted: #6c7068;--text-soft: #9aa099;--primary: #1f6b3a;--primary-hover: #18532c;--primary-soft: #e7efe6;--primary-ink: #0e3a1d;--warning: #c97a2a;--warning-soft: #fbf1e3;--danger: #b53a3a;--danger-soft: #fbe9e7;--success: #16a34a;--success-soft: #e6f6ec;--info: #2d6da6;--info-soft: #e6eef6;--shadow-sm: 0 1px 2px rgba(20, 40, 25, .04);--shadow-md: 0 4px 14px -6px rgba(20, 40, 25, .1);--shadow-lg: 0 18px 40px -16px rgba(20, 40, 25, .16);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--pad-page-x: 32px;--pad-page-y: 28px;--sidebar-w: 248px;--topbar-h: 56px;--density-row: 44px}[data-density=compact]{--pad-page-x: 22px;--pad-page-y: 18px;--density-row: 36px}[data-theme=dark]{--bg: #0f1310;--surface: #161a16;--surface-2: #1b1f1b;--surface-soft: #1f2520;--border: #262a25;--border-strong: #34392f;--text: #e6e8e1;--text-muted: #98a098;--text-soft: #6a7068;--primary: #5cc681;--primary-hover: #76d094;--primary-soft: #1a2a1f;--primary-ink: #c8e6cd;--warning-soft: #2b2218;--danger-soft: #2b1a18;--success: #4ade80;--success-soft: #16261c;--info-soft: #161f29}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Sarabun,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}button{font-family:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 12px;border-bottom:1px solid var(--border)}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:.5px;flex-shrink:0}.brand-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.brand-name{display:flex;flex-direction:column;line-height:1.2;gap:2px;min-width:0;white-space:nowrap;flex:1}.brand-name .top{font-weight:700;font-size:12.5px;letter-spacing:-.015em;color:var(--text);line-height:1.2}.brand-name .sub{margin-top:3px;align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft, rgba(31, 107, 58, .12));padding:1px 6px;border-radius:4px;line-height:1.45}.flow-list{padding:14px 10px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.flow-header{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-soft);padding:8px 10px 6px}.flow-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font-size:14px;font-weight:500;transition:background .12s}.flow-item:hover{background:var(--surface-soft)}.flow-item.active{background:var(--primary-soft);color:var(--primary-ink);font-weight:600}.flow-item .step-num{width:22px;height:22px;border-radius:50%;background:var(--surface-soft);color:var(--text-muted);display:grid;place-items:center;font-size:12.5px;font-weight:600;flex-shrink:0;transition:all .12s}.flow-item.active .step-num{background:var(--primary);color:#fff}.flow-item.done .step-num{background:var(--primary-ink);color:#fff}.flow-item .label{flex:1}.flow-item .badge{font-size:11.5px;padding:1px 6px;border-radius:99px;background:var(--surface-soft);color:var(--text-muted)}.sidebar[data-style=timeline] .flow-item{padding-left:28px}.sidebar[data-style=timeline] .flow-item:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:1px;background:var(--border)}.sidebar[data-style=timeline] .flow-item .step-num{position:absolute;left:8px;width:20px;height:20px;font-size:11.5px}.sidebar[data-style=timeline] .flow-item:first-of-type:before{top:50%}.sidebar[data-style=timeline] .flow-item:last-of-type:before{bottom:50%}.sidebar[data-style=minimal] .flow-item .step-num{display:none}.sidebar[data-style=minimal] .flow-item{padding-left:14px}.sidebar[data-style=minimal] .flow-item.active{background:transparent;border-left:3px solid var(--primary);padding-left:11px;border-radius:0}.sidebar-foot{border-top:1px solid var(--border);padding:12px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#b6cdaf,#6a8c5e);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600}.user-info{flex:1;line-height:1.2;min-width:0}.user-info .name{font-size:13px;font-weight:600}.user-info .role{font-size:12.5px;color:var(--text-muted)}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;padding:0 var(--pad-page-x);border-bottom:1px solid var(--border);background:var(--surface);gap:18px}.crumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.crumbs .sep{color:var(--text-soft)}.crumbs .cur{color:var(--text);font-weight:600}.topbar .grow{flex:1}.topbar .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:var(--surface-soft);font-size:13px;color:var(--text-muted)}.topbar .pill .dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--text-muted)}.icon-btn:hover{background:var(--surface-soft);color:var(--text)}.page{flex:1;overflow-y:auto;padding:var(--pad-page-y) var(--pad-page-x)}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.page-head .title{font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.2;white-space:nowrap}.page-head .desc{margin-top:4px;color:var(--text-muted);font-size:14px}.page-head .grow{flex:1}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .12s;white-space:nowrap;flex-shrink:0}.btn:hover{background:var(--surface-soft)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-soft);color:var(--text)}.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:10px 18px;font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.card-head .title{font-weight:600;font-size:15px;white-space:nowrap}.card-head .grow{flex:1}.card-body{padding:20px}.card-foot{padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.label .req{color:var(--danger);margin-left:2px}.input,.select,.textarea{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-family:inherit;font-size:14px;color:var(--text);transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.textarea{min-height:80px;resize:vertical}.input-suffix{position:relative}.input-suffix .suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12.5px;color:var(--text-soft);pointer-events:none}.input-suffix .input{padding-right:36px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead th{text-align:left;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);height:var(--density-row);vertical-align:middle}.table th.docid,.table td.docid{white-space:nowrap;width:1%}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:hover{background:var(--surface-2)}.q-table{font-size:12.5px}.q-table thead th{font-size:14px;font-weight:700;color:var(--text);text-transform:none;letter-spacing:0;padding:8px 14px;border-bottom:1.5px solid var(--border-strong)}.q-table tbody td{padding:9px 14px;height:auto}.q-table tbody tr{cursor:default}.q-table tbody tr:hover{background:transparent}.q-table tr.q-sum td{padding:4px 14px;height:auto;border-bottom:none}.q-table tr.q-sum-top td{border-top:1.5px solid var(--border-strong)}.q-table tr.q-grand td{background:var(--primary-soft);padding:7px 14px}.num,.tnum{font-variant-numeric:tabular-nums}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:12.5px;font-weight:500;background:var(--surface-soft);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;flex-shrink:0}.tag-primary{background:var(--primary-soft);color:var(--primary-ink);border-color:transparent}.tag-warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.tag-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.tag-info{background:var(--info-soft);color:var(--info);border-color:transparent}.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.kbd{display:inline-block;padding:1px 6px;font-size:12.5px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-muted);font-family:JetBrains Mono,ui-monospace,monospace}.stat-grid{display:grid;gap:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat .lbl{font-size:12.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat .val{font-size:23px;font-weight:700;margin-top:6px;letter-spacing:-.01em}.stat .delta{font-size:12.5px;color:var(--text-muted);margin-top:2px}.stat .delta.up{color:var(--primary)}.stepper{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;overflow:hidden;flex-shrink:0}.topbar .pill{white-space:nowrap;flex-shrink:0}.stepper .step{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.stepper .step.done{color:var(--primary-ink)}.stepper .step.cur{background:var(--primary-soft);color:var(--primary-ink);font-weight:600}.stepper .step .n{width:18px;height:18px;border-radius:50%;background:var(--surface-soft);color:var(--text-muted);display:grid;place-items:center;font-size:11.5px;font-weight:600}.stepper .step.done .n,.stepper .step.cur .n{background:var(--primary);color:#fff}.stepper .arrow{color:var(--text-soft);padding:0 2px}.stepper.compact .step{padding:6px 8px}.stepper.compact .step .n{margin-right:0}.stepper.compact .arrow{padding:0;opacity:.5}.lay-canvas{background:var(--surface-soft);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden;min-height:480px;display:grid;place-items:center;contain:content;will-change:transform;transform:translateZ(0)}.lay-svg{max-width:100%;height:auto}.callout{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:12.5px;line-height:1.45;box-shadow:var(--shadow-md);max-width:220px;z-index:2}.callout .ttl{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-weight:700;margin-bottom:4px}.callout-line{position:absolute;z-index:1;pointer-events:none}.gantt{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.gantt-head{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--border);background:var(--surface-2)}.gantt-head .machines-lbl{padding:10px 16px;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600;border-right:1px solid var(--border)}.gantt-head .days{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.gantt-head .day{padding:10px 12px;font-size:12.5px;color:var(--text-muted);border-right:1px solid var(--border);text-align:center}.gantt-head .day:last-child{border-right:none}.gantt-head .day.weekend{background:var(--surface-soft)}.gantt-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--border);min-height:56px}.gantt-row:last-child{border-bottom:none}.gantt-row .machine{padding:12px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;background:var(--surface-2)}.gantt-row .machine .name{font-weight:600;font-size:14px}.gantt-row .machine .sub{font-size:12.5px;color:var(--text-muted)}.gantt-timeline{position:relative;display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.gantt-timeline .day-bg{border-right:1px solid var(--border)}.gantt-timeline .day-bg:last-child{border-right:none}.gantt-timeline .day-bg.weekend{background:var(--surface-soft)}.gantt-bar{position:absolute;height:28px;top:14px;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;overflow:hidden;white-space:nowrap}.gantt-bar.shift-2{top:14px}.gantt-bar.green{background:var(--primary-soft);color:var(--primary-ink);border-left:3px solid var(--primary)}.gantt-bar.warn{background:var(--warning-soft);color:var(--warning);border-left:3px solid var(--warning)}.gantt-bar.info{background:var(--info-soft);color:var(--info);border-left:3px solid var(--info)}.cost-row{display:grid;grid-template-columns:1fr 110px 150px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.cost-row:last-child{border-bottom:none}.cost-row .ico{width:28px;height:28px;border-radius:6px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.cost-row .lbl{font-weight:500}.cost-row .sub{font-size:12.5px;color:var(--text-muted)}.cost-bar{height:6px;background:var(--surface-soft);border-radius:99px;overflow:hidden}.cost-bar .fill{height:100%;background:var(--primary);border-radius:99px}.paper{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:40px 44px;border:1px solid var(--border)}.paper-wide{max-width:820px;margin:0 auto}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:28px 20px;text-align:center;cursor:pointer;background:var(--surface-2);transition:all .15s}.dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.file-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.file-ico{width:38px;height:38px;border-radius:8px;background:var(--surface-soft);display:grid;place-items:center;font-size:18px;flex-shrink:0}.comp-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);transition:all .12s;margin-bottom:6px}.comp-item:hover{background:var(--surface-2)}.comp-item.on{border-color:var(--primary);background:var(--primary-soft)}.comp-item .swatch{width:18px;height:18px;border-radius:4px;flex-shrink:0}.num-edit{border:1px solid var(--border);background:var(--surface-2);padding:4px 9px;border-radius:8px;width:100px;text-align:right;font-family:inherit;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text);font-size:12.5px;transition:border-color .12s,box-shadow .12s,background .12s}.num-edit::-webkit-outer-spin-button,.num-edit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-edit{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.num-edit:hover{border-color:var(--border-strong);background:var(--surface)}.num-edit:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-soft)}.cost-row .remove-btn{opacity:0;border:none;background:transparent;color:var(--text-soft);cursor:pointer;padding:2px 4px;transition:opacity .12s}.cost-row:hover .remove-btn{opacity:1}.cost-row .remove-btn:hover{color:var(--danger)}.stage-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.stage-pill .dot{width:6px;height:6px;border-radius:50%}.cap-cell{display:grid;place-items:center;padding:14px 4px;font-variant-numeric:tabular-nums;transition:filter .12s;cursor:default}.cap-cell:hover{filter:brightness(.95)}.progress-mini{height:6px;background:var(--surface-soft);border-radius:99px;overflow:hidden;position:relative}.progress-mini .fill{height:100%;border-radius:99px;transition:width .3s}.history-item.history-clickable{border-radius:6px;transition:background .12s}.history-item.history-clickable:hover{background:var(--surface-2);padding-left:10px;padding-right:10px;margin:0 -10px}.step-zoom{display:grid;grid-template-columns:32px 1fr 120px;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);align-items:flex-start;position:relative}.step-zoom:last-child{border-bottom:none}.step-zoom:before{content:"";position:absolute;left:17px;top:36px;bottom:-8px;width:2px;background:var(--border);z-index:0}.step-zoom:last-child:before{display:none}.step-zoom.done:before{background:var(--primary)}.step-zoom.current:before{background:linear-gradient(to bottom,var(--primary),var(--border) 50%)}.step-zoom-dot{width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--border-strong);display:grid;place-items:center;position:relative;z-index:1;font-size:11px;font-weight:700;color:var(--text-muted)}.step-zoom.done .step-zoom-dot{background:var(--primary);border-color:var(--primary);color:#fff}.step-zoom.current .step-zoom-dot{background:var(--warning);border-color:var(--warning)}.step-zoom.current{background:var(--warning-soft);margin:0 -20px;padding-left:20px;padding-right:20px;border-radius:8px}.step-zoom.current:before{left:37px}.divider{height:1px;background:var(--border);margin:16px 0}.muted{color:var(--text-muted)}.quote-paper{--text-muted: var(--text)}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.between{justify-content:space-between}.right{margin-left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f191266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:grid;place-items:center;animation:fadein .15s ease-out;padding:40px 20px}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:680px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-head{display:flex;align-items:flex-start;padding:18px 24px 16px;border-bottom:1px solid var(--border);gap:16px}.modal-head>div:first-child{flex:1}.modal-body{padding:20px 24px;overflow-y:auto}.modal-foot{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--border);background:var(--surface-2)}.timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline .tl-row{display:flex;align-items:center;gap:14px;padding:8px 0;position:relative}.timeline .tl-row:before{content:"";position:absolute;left:9px;top:24px;bottom:-8px;width:1.5px;background:var(--border)}.timeline .tl-row:last-child:before{display:none}.timeline .tl-row.done:before{background:var(--primary)}.timeline .tl-dot{width:20px;height:20px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border-strong);display:grid;place-items:center;flex-shrink:0;color:#fff;z-index:1}.timeline .tl-row.done .tl-dot{background:var(--primary);border-color:var(--primary)}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-sm{font-size:13px}.text-lg{font-size:17px}.text-xl{font-size:21px}.fw-600{font-weight:600}.fw-700{font-weight:700}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page>*{animation:fadein .18s ease-out}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse-dot 1.6s infinite}.ai-panel{background:linear-gradient(180deg,#f6f3ec,#f9f8f3);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}[data-theme=dark] .ai-panel{background:linear-gradient(180deg,#1c211c,#181d18)}.ai-panel .head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:10px;color:var(--primary-ink)}.ai-panel .head .badge{font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:4px;background:var(--primary);color:#fff}.ai-panel ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.6}.ai-panel li{margin-bottom:4px}.ai-panel li::marker{color:var(--primary)}.variant-tabs{display:inline-flex;background:var(--surface-soft);border-radius:var(--radius-sm);padding:3px;gap:2px}.variant-tabs .tab{padding:5px 12px;font-size:13px;border-radius:5px;cursor:pointer;color:var(--text-muted);font-weight:500}.variant-tabs .tab.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.page::-webkit-scrollbar,.flow-list::-webkit-scrollbar{width:8px}.page::-webkit-scrollbar-thumb,.flow-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.banner-pending{background:var(--warning-soft);border:1px solid var(--warning);border-left-width:3px;color:var(--warning);border-radius:var(--radius);padding:12px 16px;font-size:13.5px;display:flex;align-items:center;gap:10px}.banner-ok{background:var(--primary-soft);color:var(--primary-ink);border:1px solid transparent;border-radius:var(--radius);padding:12px 16px;font-size:13.5px;display:flex;align-items:center;gap:10px}.check-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px dashed var(--border)}.check-row:last-child{border-bottom:none}.check-box{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border-strong);flex-shrink:0;margin-top:2px;display:grid;place-items:center;background:var(--surface)}.check-box.on{background:var(--primary);border-color:var(--primary);color:#fff}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.kv{display:flex;flex-direction:column;gap:2px}.kv .k{font-size:12.5px;color:var(--text-muted)}.kv .v{font-size:14px;font-weight:500}.history-item{display:grid;grid-template-columns:90px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px;align-items:center}.history-item:last-child{border-bottom:none}.history-item .date{font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.skel{background:linear-gradient(90deg,var(--surface-soft) 0%,var(--surface-2) 50%,var(--surface-soft) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite;vertical-align:middle}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skel{animation:none;opacity:.6}}.print-only-root{position:fixed!important;left:-99999px!important;top:0!important;width:210mm}.work-doc-page{color:#111}.work-doc-page .wd-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #111;padding-bottom:8px;margin-bottom:10px}.work-doc-page .wd-brand{font-size:18px;font-weight:800}.work-doc-page .wd-title{font-size:13px;margin-top:2px}.work-doc-page .wd-ref{text-align:right;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;line-height:1.3}.work-doc-page .wd-ref span{font-size:10px;font-weight:400}.work-doc-page .wd-info{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;font-size:12px;margin-bottom:12px}.work-doc-page .wd-table{width:100%;border-collapse:collapse;font-size:10px;table-layout:fixed}.work-doc-page .wd-table th,.work-doc-page .wd-table td{border:1px solid #999;padding:3px;text-align:center;word-break:break-word}.work-doc-page .wd-table th{background:#eee;font-weight:600}.work-doc-page .wd-table td{height:30px}.work-doc-page .wd-table .wd-no{width:22px}.work-doc-page .wd-unit{font-weight:400;font-size:8px;color:#555}.work-doc-page .wd-foot{display:flex;justify-content:space-between;font-size:11px;margin-top:18px}.jt-doc{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px 30px}.jt-sheet{width:100%;border-collapse:collapse}.jt-sheet>thead>tr>td,.jt-sheet>tbody>tr>td{padding:0}.jt-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--text);padding-bottom:12px;margin-bottom:16px}.jt-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.jt-logo-img{height:92px;width:auto;max-width:280px;object-fit:contain;display:block}.jt-logo{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border:1.5px solid var(--text);border-radius:10px;font-weight:800;font-size:40px}.jt-title{font-size:24px;font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}.jt-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 20px;font-size:14px;margin-bottom:18px}.jt-cat{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;overflow:hidden}.jt-cat-head{display:flex;align-items:center;gap:9px;background:var(--surface-2);padding:7px 12px;border-bottom:1px solid var(--border);font-size:15px}.jt-cat-num{width:19px;height:19px;border-radius:50%;background:var(--text);color:var(--surface);font-size:11.5px;display:flex;align-items:center;justify-content:center;flex:none}.jt-cat-body{padding:0 12px}.jt-step{display:flex;gap:14px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--border)}.jt-step:last-child{border-bottom:none}.jt-step-body{flex:1;min-width:0}.jt-step-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.jt-step-sign{width:150px;flex:none}.jt-sign-line{border-bottom:1px solid var(--text-soft);height:26px;margin-top:4px}.jt-notes{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:12.5px;line-height:1.6;margin-top:4px}.jt-res{margin:5px 0 2px;border-left:3px solid var(--primary-soft);padding-left:10px;display:flex;flex-direction:column;gap:3px}.jt-res-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.jt-res-row .lab{min-width:0}.jt-res-row .was{color:var(--warning);font-size:11px}.jt-res-row.removed{color:var(--text-soft)}.jt-res-row.removed .lab{text-decoration:line-through}.jt-plan-badge{display:inline-flex;align-items:center;gap:6px;background:var(--warning-soft);color:var(--warning);border:1px solid var(--border-strong);border-radius:7px;padding:4px 12px;font-size:12px;font-weight:600}.jt-waste-strip{border:1px solid var(--border-strong);border-left:4px solid var(--warning);border-radius:8px;background:var(--warning-soft);padding:8px 14px;margin-bottom:12px;font-size:12.5px}.jt-waste-strip.ok{border-left-color:var(--primary);background:var(--primary-soft)}.jt-waste-line{margin-top:2px}.jt-waste-pending,.jt-waste-warn{color:var(--warning);font-weight:700}.jt-waste-ok{color:var(--primary);font-weight:600}.jt-waste-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:3px 0 1px;padding-left:10px;border-left:3px solid var(--warning-soft)}.jt-del{border:none;background:transparent;color:var(--text-soft);cursor:pointer;font-size:11px;line-height:1;padding:2px 3px;opacity:.25;transition:opacity .12s,color .12s}tr:hover>td>.jt-del{opacity:.7}.jt-del:hover{opacity:1;color:var(--danger, #dc2626)}.jt-cell-lock{color:var(--text-soft)}@media print{.jt-cell-lock{color:inherit}}.print-only{display:none}@media print{@page{size:A4;margin:10mm}body{background:#fff!important}.sidebar,.twk-panel,.twk-toggle-btn,.page-head,.banner-pending,.banner-ok,.variant-tabs,.btn,.icon-btn{display:none!important}html,body,#root{width:100%!important}.app-shell{display:block!important;width:100%!important;height:auto!important;overflow:visible!important}.main{display:block!important;width:100%!important;overflow:visible!important}.page{display:block!important;width:100%!important;padding:0!important;overflow:visible!important}.print-only-root{position:static!important;left:auto!important;top:auto!important;width:100%!important;display:block!important}.print-hide{display:none!important}.print-only{display:block!important}.work-doc-page{break-after:page;page-break-after:always}.work-doc-page:last-child{break-after:auto;page-break-after:auto}.paper{box-shadow:none!important;border:none!important;max-width:100%!important;padding:0!important}.paper-wide{max-width:100%!important;margin:0!important}.paper,.paper *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.quote-foot,.quote-sign{break-inside:avoid;page-break-inside:avoid}.jt-doc{border:none!important;border-radius:0!important;padding:0!important;max-width:100%!important}.jt-doc,.jt-doc *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.jt-cat,.jt-step,table:not(.jt-sheet){break-inside:avoid;page-break-inside:avoid}.jt-cat-head{break-after:avoid;page-break-after:avoid}.jt-sheet,.jt-sheet>tbody,.jt-sheet>tbody>tr,.jt-sheet>tbody>tr>td{break-inside:auto!important;page-break-inside:auto!important}.q-table tr.q-chosen td{background:transparent!important}.jt-cat-doc{break-inside:auto!important;page-break-inside:auto!important}.jt-doc-wrap{break-inside:avoid!important;page-break-inside:avoid!important}.jt-doc-tbl{break-inside:avoid!important;page-break-inside:avoid!important;table-layout:fixed!important;width:100%!important}.jt-doc-tbl thead{display:table-header-group}.jt-doc-tbl tr{break-inside:avoid!important;page-break-inside:avoid!important}.jt-doc-tbl th,.jt-doc-tbl td{border:.4pt solid #333!important;font-size:9pt!important;padding:2.5pt 3pt!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}.jt-doc-tbl th{background:#eee!important;font-weight:700;vertical-align:bottom;line-height:1.25}.jt-doc-tbl td{vertical-align:top}.jt-doc-tbl col.print-hide{width:0!important}.jt-doc-tbl .jt-cell-txt{display:block!important;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;padding:0!important}.jt-doc-title{break-after:avoid;page-break-after:avoid;font-size:11pt!important}table:not(.jt-sheet),.cost-row,.step-zoom{break-inside:avoid}.card-head{break-after:avoid}}.ss-panel{position:fixed;z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000024;overflow:hidden}.ss-search{width:100%;border:none;border-bottom:1px solid var(--border);border-radius:0;padding:7px 10px;font-size:13.5px;outline:none}.ss-list{max-height:260px;overflow-y:auto}.ss-opt{padding:6px 10px;font-size:13.5px;cursor:pointer;display:flex;gap:8px;align-items:baseline}.ss-opt:hover{background:var(--surface-2)}.ss-opt.on{background:var(--primary-soft);font-weight:600}.ss-hint{font-size:12px;margin-left:auto}.ss-empty{padding:10px;font-size:13px;color:var(--text-soft)}@media print{.ss-panel{display:none}}.ss-cell{width:100%;border:none;background:var(--surface-2);border-radius:3px;font:inherit}.pf-hero{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;padding:14px 18px;margin-bottom:14px}.pf-round{font-size:16px;font-weight:700}.pf-tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12.5px;font-weight:600}.pf-bar{height:5px;border-radius:3px;background:var(--surface-2);margin-top:9px;max-width:380px;overflow:hidden}.pf-bar>i{display:block;height:100%;background:var(--primary);border-radius:3px;transition:width .25s ease}.pf-done{display:flex;align-items:center;gap:12px;background:var(--primary);color:#fff;border-radius:10px;padding:13px 18px;margin-bottom:14px}.pf-btn-light{background:#fff!important;color:var(--primary)!important;border-color:#fff!important;font-weight:600}.pf-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.pf-spec-card{position:sticky;top:0;max-height:calc(100vh - 40px);overflow:auto}@media (max-width: 1180px){.pf-layout{grid-template-columns:1fr}.pf-spec-card{position:static;max-height:none}}.pf-steps{display:flex;flex-direction:column;gap:9px}.pf-step{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.pf-step.done{border-color:#2d7d464d}.pf-step.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.pf-step.wait{opacity:.55}.pf-step-head{display:flex;align-items:center;gap:11px;padding:11px 14px}.pf-step.active .pf-step-head{background:var(--primary-soft)}.pf-step-title{font-weight:700;font-size:14px}.pf-by{font-size:12.5px;color:var(--text-muted);margin-top:2px}.pf-num{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:13.5px;font-weight:700;flex-shrink:0;background:var(--surface-2);color:var(--text-muted)}.pf-step.done .pf-num{background:#2d7d46;color:#fff}.pf-step.active .pf-num{background:var(--primary);color:#fff}.pf-count{font-size:13px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border-radius:20px;padding:2px 10px;flex-shrink:0}.pf-count.full{background:var(--primary-soft);color:var(--primary)}.pf-step-body{padding:10px 16px 14px 52px;border-top:1px solid var(--border)}.pf-chk{display:flex;gap:9px;align-items:flex-start;padding:4px 0;font-size:14px;cursor:pointer}.pf-chk input{margin-top:2px;flex-shrink:0}.pf-chk.locked{cursor:default;color:var(--text-muted)}.pf-dots{display:inline-flex;gap:4px;align-items:center}.pf-dot{width:9px;height:9px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border)}.pf-dot.on{background:#2d7d46;border-color:#2d7d46}.pf-dot.cur{background:var(--primary);border-color:var(--primary)}.pf-sec{margin-top:12px}.pf-sec-head{font-weight:700;font-size:13.5px;border-bottom:1px solid var(--border);padding-bottom:4px;margin-bottom:7px}.pf-note{border:1px solid var(--border);border-radius:4px;min-height:46px;padding:6px 9px;font-size:13px;white-space:pre-wrap}.pf-sign{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.pf-sign-box{border:1px solid var(--border);border-radius:4px;padding:7px 10px;min-height:78px;font-size:12.5px}.pf-sign-box .pf-sign-line{border-bottom:1px dotted #999;margin-top:26px}.pf-cust-opt{font-size:12.5px;margin-top:5px;line-height:1.8}@media print{.pf-sec,.pf-sign,.pf-sign-box,.pf-note{break-inside:avoid;page-break-inside:avoid}.pf-sec-head{font-size:9.5pt!important;break-after:avoid;page-break-after:avoid}.pf-spec,.pf-sign-box,.pf-note,.pf-cust-opt{font-size:8.5pt!important}.pf-sign-box,.pf-note{border:.4pt solid #333!important}}