@charset "UTF-8";.env-band[data-v-cbad1c08]{display:flex;align-items:center;justify-content:center;gap:12px;height:var(--env-band-h, 30px);padding:0 14px;color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;white-space:nowrap;overflow:hidden}.env-band.is-test[data-v-cbad1c08]{background:repeating-linear-gradient(135deg,#b26a00,#b26a00 10px,#8a5200 10px 20px)}.env-band.is-local[data-v-cbad1c08]{background:#47586a}.env-band.is-other[data-v-cbad1c08]{background:#5b4a7a}.env-label[data-v-cbad1c08]{flex-shrink:0}.env-note[data-v-cbad1c08]{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;opacity:.9}@media print{.env-band[data-v-cbad1c08]{display:none}}.alert-overlay[data-v-1c87e25a]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.alert-dialog[data-v-1c87e25a]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:calc(100% - 40px);max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.alert-header[data-v-1c87e25a]{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #e6e9ee}.alert-icon[data-v-1c87e25a]{width:32px;height:32px;flex-shrink:0}.alert-icon svg[data-v-1c87e25a]{width:100%;height:100%}.alert-icon.alert-icon-success[data-v-1c87e25a]{color:#4caf50}.alert-icon.alert-icon-error[data-v-1c87e25a]{color:#f44336}.alert-icon.alert-icon-warning[data-v-1c87e25a]{color:#ff9800}.alert-icon.alert-icon-info[data-v-1c87e25a]{color:#2196f3}.alert-title[data-v-1c87e25a]{margin:0;font-size:18px;font-weight:600;color:#222}.alert-body[data-v-1c87e25a]{padding:20px 24px;flex:1;overflow-y:auto}.alert-message[data-v-1c87e25a]{font-size:14px;line-height:1.6;color:#444;white-space:pre-wrap;word-break:break-word}.alert-footer[data-v-1c87e25a]{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #e6e9ee;background:#f9fbfd}.alert-btn[data-v-1c87e25a]{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.alert-btn[data-v-1c87e25a]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.alert-btn[data-v-1c87e25a]:active{transform:translateY(0)}.alert-btn-confirm[data-v-1c87e25a]{background:#b5d334;color:#fff}.alert-btn-confirm[data-v-1c87e25a]:hover{background:#a3c020}.alert-btn-cancel[data-v-1c87e25a]{background:#fff;color:#666;border:1px solid #ddd}.alert-btn-cancel[data-v-1c87e25a]:hover{background:#f5f5f5;border-color:#ccc}.alert-fade-enter-active[data-v-1c87e25a],.alert-fade-leave-active[data-v-1c87e25a]{transition:opacity .2s}.alert-fade-enter-active .alert-dialog[data-v-1c87e25a],.alert-fade-leave-active .alert-dialog[data-v-1c87e25a]{transition:transform .2s,opacity .2s}.alert-fade-enter-from[data-v-1c87e25a],.alert-fade-leave-to[data-v-1c87e25a]{opacity:0}.alert-fade-enter-from .alert-dialog[data-v-1c87e25a],.alert-fade-leave-to .alert-dialog[data-v-1c87e25a]{transform:scale(.95);opacity:0}.wf-logo[data-v-71b00d6b]{position:relative;display:inline-block;flex-shrink:0}.wf-logo__img[data-v-71b00d6b]{width:100%;height:100%;object-fit:contain;display:block}.wf-logo.disc .wf-logo__img[data-v-71b00d6b]{border-radius:50%;box-shadow:0 0 0 2px #fff}.wf-logo__badge[data-v-71b00d6b]{position:absolute;right:-8%;bottom:-8%;width:44%;height:44%}.wf-logo__badge svg[data-v-71b00d6b]{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.login-container[data-v-8046cde9]{min-height:calc(100vh - var(--env-band-h, 0px));display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e8f1da,#f5f8f0);padding:20px}.login-card[data-v-8046cde9]{width:100%;max-width:360px;background:#fff;border-radius:14px;box-shadow:0 6px 24px #0000001a;padding:28px 22px;display:flex;flex-direction:column;gap:18px}.login-brand[data-v-8046cde9]{text-align:center}.brand-name[data-v-8046cde9]{margin-top:10px;font-size:18px;color:#444}.brand-name b[data-v-8046cde9]{color:#689f38}.brand-sub[data-v-8046cde9]{font-size:13px;color:#999;margin-top:2px}.quick-section[data-v-8046cde9]{display:flex;flex-direction:column;gap:8px}.quick-label[data-v-8046cde9]{font-size:13px;font-weight:600;color:#558b2f}.quick-hint[data-v-8046cde9]{margin:0;font-size:13px;color:#7a8798}.quick-hint.err[data-v-8046cde9]{color:#c0392b}.people[data-v-8046cde9]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.person[data-v-8046cde9]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border:2px solid #cfe0bb;border-radius:10px;background:#f6faf0;cursor:pointer}.person[data-v-8046cde9]:active{background:#e3efd2}.person[data-v-8046cde9]:disabled{opacity:.5}.person-nm[data-v-8046cde9]{font-size:17px;font-weight:800;color:#2c3540}.person-pos[data-v-8046cde9]{font-size:12px;color:#6b7a5a}.divider[data-v-8046cde9]{display:flex;align-items:center;color:#bbb;font-size:12px}.divider[data-v-8046cde9]:before,.divider[data-v-8046cde9]:after{content:"";flex:1;height:1px;background:#e5e5e5}.divider span[data-v-8046cde9]{padding:0 10px}.manual-form[data-v-8046cde9]{display:flex;flex-direction:column;gap:10px}.manual-form input[data-v-8046cde9]{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.manual-form button[data-v-8046cde9]{padding:10px;border:none;border-radius:6px;background:#7cb342;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.manual-form button[data-v-8046cde9]:hover{background:#689f38}.manual-form button[data-v-8046cde9]:disabled{background:#c5d9ad;cursor:default}.mobile-header[data-v-50f36f7a]{position:relative;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 14px;background:#689f38;color:#fff;box-shadow:0 2px 6px #00000026}.brand-row[data-v-50f36f7a]{display:flex;align-items:center;gap:10px}.brand-text[data-v-50f36f7a]{font-size:15px;font-weight:500;letter-spacing:.5px}.brand-text b[data-v-50f36f7a]{font-weight:700}.menu-btn[data-v-50f36f7a]{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:8px;border:none;background:transparent;cursor:pointer}.menu-btn .bar[data-v-50f36f7a]{height:2px;border-radius:2px;background:#fff}.menu-backdrop[data-v-50f36f7a]{position:fixed;inset:0;z-index:40}.menu-panel[data-v-50f36f7a]{position:absolute;top:calc(100% + 4px);right:10px;z-index:50;min-width:160px;max-width:240px;background:#fff;color:#333;border-radius:10px;box-shadow:0 4px 16px #0003;overflow:hidden}.menu-user[data-v-50f36f7a]{padding:12px 14px;border-bottom:1px solid #eee}.menu-user-name[data-v-50f36f7a]{font-size:14px;font-weight:700;color:#333;word-break:break-all}.menu-user-id[data-v-50f36f7a]{margin-top:2px;font-size:12px;color:#888;word-break:break-all}.menu-item[data-v-50f36f7a]{display:block;width:100%;padding:12px 14px;border:none;background:#fff;text-align:left;font-size:14px;font-weight:600;cursor:pointer}.menu-item[data-v-50f36f7a]:active{background:#f2f5ee}.menu-item.logout[data-v-50f36f7a]{color:#e53935}.home[data-v-09795703]{display:flex;flex-direction:column;height:calc(100vh - var(--env-band-h, 0px));background:#f5f7fa}.sub-title-bar[data-v-09795703]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 14px;background:#7cb342;color:#fff;font-size:13px;font-weight:600}.sub-title-text[data-v-09795703]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badge[data-v-09795703]{display:flex;align-items:center;gap:6px;flex-shrink:0;max-width:45%;padding:3px 10px;background:#ffffff38;border-radius:999px;font-size:12px;font-weight:600}.user-badge[data-v-09795703]>:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-dot[data-v-09795703]{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#e8f5d6}.menu[data-v-09795703]{flex:1;min-height:0;display:flex;flex-direction:column;gap:13px;padding:16px 14px;overflow-y:auto}.big-btn[data-v-09795703]{display:flex;align-items:center;gap:12px;width:100%;padding:22px 18px;border:2px solid #cfd8c5;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.big-btn.ready[data-v-09795703]{border-color:var(--btn-color, #689f38)}.big-btn.ready[data-v-09795703]:active{background:color-mix(in srgb,var(--btn-color, #689f38) 10%,#fff)}.big-btn[data-v-09795703]:active{background:#f2f8ea}.bb-main[data-v-09795703]{flex:1;min-width:0;padding-left:12px;border-left:5px solid var(--btn-color, #689f38)}.big-btn.wait .bb-main[data-v-09795703]{border-left-color:#cfd8c5}.bb-label[data-v-09795703]{display:block;font-size:26px;font-weight:800;color:#1c2126;letter-spacing:-.01em}.big-btn.wait .bb-label[data-v-09795703]{color:#5b666f}.bb-sub[data-v-09795703]{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:#7b858e}.bb-go[data-v-09795703]{flex-shrink:0;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:800}.big-btn.ready .bb-go[data-v-09795703]{background:#689f38;color:#fff}.big-btn.wait .bb-go[data-v-09795703]{background:#eef1f3;color:#7b858e}.old-link[data-v-09795703]{margin-top:auto;padding:12px 4px 4px;font-size:12.5px;color:#9aa4ad;text-align:center;text-decoration:underline}.unload[data-v-c03c6e7a]{display:flex;flex-direction:column;height:calc(100vh - var(--env-band-h, 0px));background:#f5f7fa}.us-bar[data-v-c03c6e7a]{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#7cb342;color:#fff}.us-back[data-v-c03c6e7a]{padding:6px 12px;border:1px solid rgba(255,255,255,.6);border-radius:8px;background:transparent;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.us-bar-title[data-v-c03c6e7a]{flex:1;font-size:14px;font-weight:700}.us-mock[data-v-c03c6e7a]{padding:3px 9px;border-radius:999px;background:#00000040;font-size:11.5px;font-weight:800}.us-body[data-v-c03c6e7a]{flex:1;min-height:0;display:flex;flex-direction:column;gap:11px;padding:13px;overflow-y:auto}.us-slot[data-v-c03c6e7a]{padding:12px 13px 13px;background:#fff;border:2px solid #e6eaee;border-radius:12px}.us-slot.on[data-v-c03c6e7a]{border-color:#8bc34a;box-shadow:0 0 0 3px #8bc34a2e}.us-slot.filled[data-v-c03c6e7a]{border-color:#cfd8c5}.us-slot-head[data-v-c03c6e7a]{display:flex;align-items:center;gap:8px;margin-bottom:9px}.us-step[data-v-c03c6e7a]{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#689f38;color:#fff;font-size:12.5px;font-weight:800}.us-slot-name[data-v-c03c6e7a]{flex:1;font-size:14px;font-weight:700;color:#3d474e}.us-redo[data-v-c03c6e7a]{padding:6px 13px;border:1px solid #d7dee4;border-radius:8px;background:#fff;font-size:13px;font-weight:700;color:#5b666f;cursor:pointer}.us-scan-row[data-v-c03c6e7a]{display:flex;align-items:center;gap:8px}.us-scan-input[data-v-c03c6e7a]{flex:1;min-width:0;padding:13px;border:2px solid #8bc34a;border-radius:9px;font-size:16px;outline:none}.us-scan-input[data-v-c03c6e7a]:focus{border-color:#689f38;box-shadow:0 0 0 3px #8bc34a33}.us-scan-input.qty[data-v-c03c6e7a]{font-size:24px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.us-scan-btn[data-v-c03c6e7a]{flex-shrink:0;padding:0 18px;height:48px;border:none;border-radius:9px;background:#689f38;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.us-unit[data-v-c03c6e7a]{flex-shrink:0;min-width:34px;font-size:15px;font-weight:700;color:#5b666f}.us-hint[data-v-c03c6e7a]{margin-top:8px;font-size:12.5px;line-height:1.5;color:#8b95a1}.us-hint.err[data-v-c03c6e7a]{color:#d0453a;font-weight:700}.us-over[data-v-c03c6e7a]{color:#b5761a}.us-code[data-v-c03c6e7a]{font-family:Consolas,D2Coding,ui-monospace,monospace;font-size:13.5px;font-weight:700;color:#5b666f;letter-spacing:.04em;word-break:break-all}.us-code.big[data-v-c03c6e7a]{font-size:21px;color:#1c2126;letter-spacing:.08em}.us-item[data-v-c03c6e7a]{margin-top:4px;font-size:18px;font-weight:800;color:#1c2126}.us-spec[data-v-c03c6e7a]{margin-top:2px;font-size:13.5px;color:#7b858e}.us-facts[data-v-c03c6e7a]{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:7px;font-size:13.5px;color:#5b666f}.us-qty-spec[data-v-c03c6e7a]{font-weight:800;color:#1c2126}.us-warn[data-v-c03c6e7a]{padding:12px 13px 13px;background:#fff8e6;border:2px solid #e8b53d;border-radius:12px}.us-warn-msg[data-v-c03c6e7a]{font-size:14.5px;font-weight:800;color:#8a6100;line-height:1.45}.us-warn-sub[data-v-c03c6e7a]{margin-top:5px;font-size:12.5px;line-height:1.5;color:#7a6420}.us-warn-list[data-v-c03c6e7a]{margin:8px 0 0;padding-left:18px;font-size:12.5px;line-height:1.6;color:#6d5a20;font-variant-numeric:tabular-nums}.us-warn-btn[data-v-c03c6e7a]{width:100%;margin-top:10px;padding:12px 0;border:1px solid #b5761a;border-radius:9px;background:#fff;font-size:14.5px;font-weight:800;color:#8a6100;cursor:pointer}.us-reject[data-v-c03c6e7a]{padding:12px 13px 13px;background:#fdeceb;border:2px solid #e0736a;border-radius:12px}.us-reject.qty_over[data-v-c03c6e7a],.us-reject.send_fail[data-v-c03c6e7a]{background:#fff8e6;border-color:#e8b53d}.us-reject-msg[data-v-c03c6e7a]{font-size:14.5px;font-weight:800;line-height:1.45;color:#a3302a}.us-reject.qty_over .us-reject-msg[data-v-c03c6e7a],.us-reject.send_fail .us-reject-msg[data-v-c03c6e7a]{color:#8a6100}.us-reject-act[data-v-c03c6e7a]{margin-top:6px;font-size:12.5px;line-height:1.55;color:#6c4a46}.us-reason[data-v-c03c6e7a]{width:100%;margin-top:10px;padding:10px;border:2px solid #e8b53d;border-radius:9px;font-size:15px;font-family:inherit;outline:none;resize:none;box-sizing:border-box}.us-reject-btn[data-v-c03c6e7a]{width:100%;margin-top:9px;padding:13px 0;border:none;border-radius:9px;background:#b5761a;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.us-reject-btn[data-v-c03c6e7a]:disabled{background:#d9cdb4;cursor:not-allowed}.us-done[data-v-c03c6e7a]{padding:13px;background:#fff;border:2px solid #689f38;border-radius:12px}.us-done-cap[data-v-c03c6e7a]{font-size:16px;font-weight:800;color:#2f7a1f}.us-done-facts[data-v-c03c6e7a]{margin:11px 0 0;display:flex;flex-direction:column;gap:7px}.us-done-facts>div[data-v-c03c6e7a]{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}.us-done-facts dt[data-v-c03c6e7a]{flex-shrink:0;color:#8b95a1}.us-done-facts dd[data-v-c03c6e7a]{margin:0;font-weight:800;text-align:right;word-break:break-all}.us-done-facts .mono[data-v-c03c6e7a]{font-family:Consolas,D2Coding,ui-monospace,monospace;letter-spacing:.04em}.us-mismatch[data-v-c03c6e7a]{margin-top:11px;padding:11px;background:#fdeceb;border:1px solid #e0736a;border-radius:9px;font-size:13px;font-weight:700;line-height:1.5;color:#a3302a}.us-next-btn[data-v-c03c6e7a],.us-send[data-v-c03c6e7a]{width:100%;padding:16px 0;border:none;border-radius:11px;background:#689f38;color:#fff;font-size:17px;font-weight:800;cursor:pointer}.us-next-btn[data-v-c03c6e7a]{margin-top:12px}.us-undo-btn[data-v-c03c6e7a]{width:100%;margin-top:8px;padding:12px 0;border:1px solid #d5c4c2;border-radius:9px;background:#fff;font-size:14px;font-weight:700;color:#a3443a;cursor:pointer}.us-send[data-v-c03c6e7a]:disabled{background:#c8d3bd;cursor:not-allowed}.us-foot[data-v-c03c6e7a]{margin:2px 0 0;font-size:12px;line-height:1.55;color:#8b95a1}.us-foot strong[data-v-c03c6e7a]{color:#5b666f}.us-scan-row[data-v-c03c6e7a]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.us-scan-input[data-v-c03c6e7a]{flex:1 0 100%;min-width:0}.us-scan-btn[data-v-c03c6e7a]{flex:1 1 0}:root{--sidebar-width: 80px;--topbar-height: 40px;--tabbar-height: 48px}html,body,#app{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}body{font-family:Noto Sans KR,sans-serif;background:#fff}.layout{display:flex;width:100vw;height:100vh;background:#f0f2f5;overflow:hidden}.main-wrap{flex:1;height:100%;display:flex;flex-direction:column;position:relative}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#fff;border-bottom:1px solid #e6e9ee;box-shadow:0 2px 8px #0000000a;z-index:1000}.topbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow:hidden}.topbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-id,.user-info{font-weight:600;color:#222;margin-right:8px}.btn-logout{background:#f44336;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .15s;font-size:.88rem}.btn-logout:hover{background:#d32f2f}.btn-change-pw{background:#1976d2;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .15s;font-size:.88rem;margin-right:6px}.btn-change-pw:hover{background:#1565c0}.pw-popup-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.pw-popup{background:#fff;border-radius:10px;box-shadow:0 8px 32px #00000038;width:360px;overflow:hidden}.pw-popup-header{display:flex;align-items:center;justify-content:space-between;background:#1976d2;color:#fff;padding:14px 18px;font-size:1rem;font-weight:600}.pw-popup-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;line-height:1;padding:0 2px}.pw-popup-close:hover{opacity:.75}.pw-popup-body{padding:22px 22px 12px}.pw-popup-body .pw-field{margin-bottom:14px}.pw-popup-body .pw-field label{display:block;font-size:.82rem;color:#555;margin-bottom:5px;font-weight:600}.pw-popup-body .pw-field input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:.92rem;box-sizing:border-box;transition:border-color .15s}.pw-popup-body .pw-field input:focus{outline:none;border-color:#1976d2}.pw-popup-body .pw-error{color:#e53935;font-size:.83rem;margin:4px 0 0}.pw-popup-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 22px 18px}.pw-popup-footer .pw-btn-cancel{padding:7px 18px;border:1px solid #bbb;background:#fff;border-radius:5px;cursor:pointer;font-size:.9rem}.pw-popup-footer .pw-btn-cancel:hover{background:#f5f5f5}.pw-popup-footer .pw-btn-confirm{padding:7px 18px;background:#1976d2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:600}.pw-popup-footer .pw-btn-confirm:hover{background:#1565c0}.pw-popup-footer .pw-btn-confirm:disabled{background:#90caf9;cursor:not-allowed}.detail-slot{position:fixed;top:var(--topbar-height);left:var(--sidebar-width);height:calc(100vh - var(--topbar-height));width:0;overflow:hidden;transition:width .25s ease;z-index:900}.detail-slot.open{width:200px;box-shadow:2px 0 8px #0000001a}.detail-slot .detail{width:100%;height:100%;background:#fff;border-right:1px solid #e6e9ee}.detail{display:flex;flex-direction:column;height:100%;overflow:hidden}.detail h3{padding:20px 16px 12px;margin:0;font-size:15px;font-weight:600;border-bottom:1px solid #e0e0e0;background:#fafafa;color:#333;flex-shrink:0}.menu-container{padding:12px 0;overflow-y:auto;flex:1}.menu-container::-webkit-scrollbar{width:6px}.menu-container::-webkit-scrollbar-track{background:#f1f1f1}.menu-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.menu-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.menu-category{margin-bottom:0}.menu-category .category-title{padding:11px 16px;font-weight:600;font-size:14px;color:#222;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s}.menu-category .category-title:hover{background:#e8f5e9;color:#2fa66a}.menu-category .category-title .toggle-icon{font-size:14px;font-weight:400;color:#666;width:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;transform:rotate(0)}.menu-category .category-title .toggle-icon.expanded{transform:rotate(90deg)}.menu-category .category-title:hover .toggle-icon{color:#2fa66a}.menu-category .sub-menu{list-style:none;padding:0;margin:0}.menu-category .sub-menu li{padding:8px 16px 8px 42px;font-size:13px;color:#555;cursor:pointer;transition:all .15s}.menu-category .sub-menu li:hover{background:#e8f5e9;color:#2fa66a;font-weight:500}.menu-category .favorite-menu{padding:10px 0}.menu-category .favorite-menu li{padding:10px 16px;font-size:14px;border-left:3px solid transparent}.menu-category .favorite-menu li:hover{background:#fff9e6;color:#f39c12;border-left-color:#f39c12;font-weight:500}.menu-category .favorite-menu li:before{content:"⭐ ";margin-right:8px}.content{flex:1;width:100%;min-height:0;background:#fff;padding-top:var(--topbar-height);min-width:0;overflow:auto}.container{width:100%;height:100%;flex:1;min-width:0;min-height:0;margin:0;padding:5px;background:#f7fafc;box-sizing:border-box;display:flex;flex-direction:column}.split-layout{display:flex;gap:8px;flex:1;min-height:0;overflow:hidden;padding:5px;box-sizing:border-box}.split-layout .split-left{flex:0 0 var(--split-left-width, 570px);min-width:var(--split-left-width, 570px);overflow:hidden;display:flex;flex-direction:column}.split-layout .split-right{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.split-layout .split-content{flex:1;overflow-y:auto;padding:0}.split-layout .split-right-side{flex:0 1 280px;min-width:200px;max-width:280px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;padding:0}.section-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;margin-bottom:0}.section-wrapper:not(:last-child){margin-bottom:5px}.section-title{flex:0 0 auto;margin:0;padding:8px 12px;background:#e8e8e8;border-left:4px solid #B5D334;font-size:14px;font-weight:600;color:#333}.section-content{flex:1;min-height:0;padding:6px;border:1px solid #e0e0e0;border-radius:4px;background:#fafafa;overflow-y:auto}.section-content::-webkit-scrollbar{width:8px}.section-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.section-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.section-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-row-horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;margin-bottom:6px}.form-row-horizontal:last-child{margin-bottom:0}.form-row-horizontal>.form-group{display:grid;grid-template-columns:minmax(100px,120px) 1fr;gap:8px;align-items:start;min-width:0;margin-bottom:0}.form-row-horizontal>.form-group label{font-weight:600;color:#555;font-size:13px;text-align:left;padding-top:7px;padding-left:5px;word-break:keep-all}.form-row-horizontal>.form-group .date-picker-wrapper,.form-row-horizontal>.form-group .custom-input-wrapper{width:100%}.form-row-horizontal>.form-group .custom-date-input{width:100%}.form-row.full{margin-bottom:6px;width:100%;display:block}.form-row.full .form-field-horizontal{width:100%;display:grid;grid-template-columns:minmax(100px,120px) 1fr}.form-field-horizontal{display:grid;grid-template-columns:minmax(100px,120px) 1fr;gap:8px;align-items:start;min-width:0}.form-field-horizontal label{font-weight:600;color:#555;font-size:13px;text-align:left;padding-top:7px;padding-left:5px;word-break:keep-all}.form-field-horizontal input,.form-field-horizontal textarea{width:100%;padding:6px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:13px;font-family:inherit;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-field-horizontal input:read-only,.form-field-horizontal textarea:read-only{background:#f5f5f5;cursor:not-allowed}.form-field-horizontal select{width:100%;padding:6px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:13px;font-family:inherit;cursor:pointer;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.form-field-horizontal select:disabled{background:#f5f5f5;cursor:not-allowed}.form-field-horizontal input[type=date]{width:100%;padding:6px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:13px;cursor:pointer;box-sizing:border-box}.form-field-horizontal textarea{resize:vertical;font-family:inherit;line-height:1.4;min-height:60px}.html-content{padding:12px 14px;background:#f9f9f9;border-radius:4px;min-height:80px;line-height:1.7;color:#333;font-size:13px;word-break:break-word;overflow:hidden;isolation:isolate;position:relative;contain:layout paint}.top-header-bar{width:100%;background:#b5d334;border-radius:0;box-shadow:0 2px 8px #2fa66a1a;margin-bottom:11px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;min-height:42px}.top-header-bar .menu-title{font-size:19px;font-weight:600;color:#fff;letter-spacing:.4px;padding:0 0 1.5px;text-shadow:none;font-family:Roboto,Arial,Helvetica,"sans-serif"}.top-header-bar .header-buttons{display:flex;align-items:center;gap:6px}.top-header-bar .btn-excel-header{min-width:33px;width:33px;height:33px;padding:6px;background:#fff;border:2px solid #fff;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2fa66a1a;outline:none;color:#b5d334;font-size:24px}.top-header-bar .btn-excel-header:hover,.top-header-bar .btn-excel-header:focus{background:#2e7031;border-color:#2e7031;color:#fff}.top-header-bar .btn-excel-header .excel-icon{width:25px;height:25px;display:block}.top-header-bar .btn-grid-action{min-width:33px;width:33px;height:33px;padding:6px;background:#fff;border:2px solid #fff;border-radius:6px;color:#b5d334;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2fa66a1a;outline:none;font-size:24px}.top-header-bar .btn-grid-action .action-icon{width:25px;height:25px;display:block}.top-header-bar .btn-grid-action:hover,.top-header-bar .btn-grid-action:focus{background:#2e7031;border-color:#2e7031;color:#fff}.top-header-bar .btn-add:hover,.top-header-bar .btn-add:focus{background:#2e7031;border-color:#2e7031;color:#fff}.top-header-bar .btn-delete:hover,.top-header-bar .btn-delete:focus{background:#2e7031;border-color:#2e7031;color:#fff}.top-header-bar .btn-save:hover,.top-header-bar .btn-save:focus{background:#2e7031;border-color:#2e7031;color:#fff}.top-header-bar .btn-confirm:hover,.top-header-bar .btn-confirm:focus{background:#1565c0;border-color:#1565c0;color:#fff}.top-header-bar .btn-confirm.confirmed{background:#1976d2;border-color:#1976d2;color:#fff}.top-header-bar .btn-confirm.confirmed:hover,.top-header-bar .btn-confirm.confirmed:focus{background:#e53935;border-color:#e53935}.top-header-bar .btn-search{min-width:33px;width:33px;height:33px;padding:3px;background:#fff;border:2px solid #fff;border-radius:6px;color:#b5d334;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2fa66a1a;outline:none;font-size:24px}.top-header-bar .btn-search .search-icon{width:25px;height:25px;display:block}.top-header-bar .btn-search:hover,.top-header-bar .btn-search:focus{background:#2e7031;border-color:#2e7031;color:#fff}.legacy-search-condition-wrapper{background:#f5f7fa;padding:16px;margin-bottom:8px;border-radius:8px}.legacy-search-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.form-group{display:flex;align-items:center;gap:8px}.form-group label{font-weight:600;color:#333;white-space:nowrap;text-align:right;min-width:80px}.form-group .input-control{flex:1;padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px}.form-group .input-control:focus{outline:none;border-color:#b5d334;box-shadow:0 0 0 2px #b5d3341a}.form-group input.input-control:disabled,.form-group input.input-control:read-only{background:#f5f5f5;cursor:not-allowed}.form-group select.input-control:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{color:#e53935;padding:12px;background:#ffebee;border-radius:4px;margin-bottom:8px}.sidebar{width:80px;min-width:80px;max-width:80px;flex-shrink:0;background:#fff;border-right:1px solid #e5e5e5;height:100vh;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar .logo{font-weight:700;color:#2fa66a;padding:10px 0 0;font-size:12px;flex-shrink:0;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center}.sidebar .logo .logo-img{width:40px;height:auto;display:block;margin:0 auto}.sidebar .logo .logo-text{display:block;font-size:10px;margin-top:5px;font-weight:500;color:#666}.sidebar .menu{list-style:none;padding:0;width:100%;flex-shrink:0}.sidebar .menu li{padding:12px 0 0;text-align:center;cursor:pointer;color:#2fa66a;transition:all .2s ease}.sidebar .menu li .menu-icon{font-size:28px;display:block;line-height:1;margin:0 auto}.sidebar .menu li .menu-text{display:block;font-size:10px;margin-top:5px;font-weight:500;color:#666}.sidebar .menu li:hover{background:#eaf7f0}.sidebar .menu li:hover .menu-text{color:#2fa66a}.sidebar .helpdesk-button{width:100%;padding:12px 0;text-align:center;cursor:pointer;transition:all .2s ease;margin-top:auto;border-top:1px solid #e5e5e5;flex-shrink:0}.sidebar .helpdesk-button .helpdesk-icon{font-size:28px;display:block;line-height:1;margin:0 auto}.sidebar .helpdesk-button .helpdesk-text{display:block;font-size:10px;margin-top:5px;font-weight:500;color:#666}.sidebar .helpdesk-button:hover{background:#fff3e0}.sidebar .helpdesk-button:hover .helpdesk-text{color:#ff9800}.process-form-container{padding:0;overflow-y:auto;height:100%;background:#f8f9fa;position:relative}.process-add-section{position:sticky;top:0;z-index:10;background:#fff;padding:8px 10px;margin:5px;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:8px}.process-add-section label{font-weight:600;font-size:13px;color:#555;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.process-add-section .process-select{flex:1;max-width:350px;padding:7px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.process-add-section .process-select:focus{outline:none;border-color:#b5d334;box-shadow:0 0 0 2px #b5d3341a}.process-add-section .btn-add-process{padding:7px 18px;background:#b5d334;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.process-add-section .btn-add-process:hover{background:#a3bf2e}.process-list{display:flex;flex-direction:column;gap:8px;margin:0 5px 5px}.process-list .empty-message{background:#fff;padding:25px 10px;text-align:center;color:#999;font-size:13px;border-radius:6px;border:2px dashed #ddd}.process-card{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000001a;overflow:hidden}.process-card .process-card-header{background:linear-gradient(135deg,#2fa66a,#26895a);padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.process-card .process-card-header.header-blue{background:linear-gradient(135deg,#2e86c1,#1a6493)}.process-card .process-card-header.header-blue2{background:linear-gradient(135deg,#1a9ba1,#117a80)}.process-card .process-card-header.header-orange{background:linear-gradient(135deg,#e67e22,#ca6f1e)}.process-card .process-card-header.header-green{background:linear-gradient(135deg,#2fa66a,#26895a)}.process-card .process-card-header.header-green2{background:linear-gradient(135deg,#27ae60,#1e8449)}.process-card .process-card-header.header-purple{background:linear-gradient(135deg,#7d3c98,#6c3483)}.process-card .process-card-header.header-red{background:linear-gradient(135deg,#e74c3c,#c0392b)}.process-card .process-card-header.header-yellow{background:linear-gradient(135deg,#f0a500,#d4920a)}.process-card .process-card-header h4{margin:0;color:#fff;font-size:14px;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.process-card .process-card-header .btn-remove{padding:5px 12px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.process-card .process-card-header .btn-remove:hover{background:#ffffff4d}.process-card .process-card-body{padding:8px 10px}.process-detail-table{width:100%;border-collapse:collapse;border:1px solid #ddd}.process-detail-table th{background:#f8f9fa;padding:6px 8px;border:1px solid #ddd;font-weight:600;font-size:13px;color:#555;text-align:left;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.process-detail-table td{padding:6px 8px;border:1px solid #ddd;font-size:13px;vertical-align:top}.process-detail-table td input[type=text],.process-detail-table td textarea{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333;font-family:inherit;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.process-detail-table td input[type=text]:focus,.process-detail-table td textarea:focus{outline:none;border-color:#b5d334;box-shadow:0 0 0 2px #b5d3341a}.process-detail-table td input[type=text]:disabled,.process-detail-table td textarea:disabled{background:#f5f5f5;cursor:not-allowed}.process-detail-table td textarea{resize:vertical;min-height:40px}.process-detail-table td.full-width input,.process-detail-table td.full-width textarea,.process-detail-table td .full-width{width:100%}.process-detail-table td .form-group{width:100%;margin-bottom:0}.process-detail-table td .form-group label{display:none}.process-detail-table td .form-group select.input-control{width:100%}.inner-table{width:100%;border-collapse:collapse;border:1px solid #e0e0e0}.inner-table tbody tr:not(:last-child){border-bottom:1px solid #e0e0e0}.inner-table td{padding:6px 8px;font-size:13px;border:1px solid #e0e0e0}.inner-table td.label-cell{width:100px;background:#f8f9fa;font-weight:600;text-align:left;vertical-align:middle;padding-left:5px;font-size:13px;color:#555;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inner-table td input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333;font-family:inherit;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inner-table td input:focus{outline:none;border-color:#b5d334;box-shadow:0 0 0 2px #b5d3341a}.mixing-table{width:100%;border-collapse:collapse;border:1px solid #ddd;margin-bottom:8px}.mixing-table thead th{background:#f8f9fa;padding:6px 8px;border:1px solid #ddd;font-weight:600;font-size:13px;color:#555;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mixing-table tbody tr.total-row{background:#f8f9fa;font-weight:600}.mixing-table tbody td{padding:5px 7px;border:1px solid #ddd;font-size:13px}.mixing-table tbody td input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333;font-family:inherit;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mixing-table tbody td input:focus{outline:none;border-color:#b5d334;box-shadow:0 0 0 2px #b5d3341a}.btn-add-row{padding:5px 10px;background:#b5d334;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-add-row:hover{background:#a3bf2e}.btn-remove-small{padding:2px 6px;background:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:14px;font-weight:700;font-family:inherit;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-remove-small:hover{background:#c82333}.equipment-checkboxes{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.equipment-checkboxes .check-label{display:flex;align-items:center;gap:4px;font-size:13px;color:#333;cursor:pointer;font-family:inherit;width:auto;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.equipment-checkboxes .check-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.inner-table select{width:100%;padding:5px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333;font-family:inherit;box-sizing:border-box;background:#fff;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inner-table select:focus{outline:none;border-color:#b5d334;box-shadow:0 0 0 2px #b5d3341a}.text-input-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:13px}.text-input-row span{white-space:nowrap;color:#333;font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-input-row input[type=text]{flex:1;padding:5px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333;font-family:inherit;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-input-row input[type=text]:focus{outline:none;border-color:#b5d334;box-shadow:0 0 0 2px #b5d3341a}.topbar .tab-bar{display:flex;gap:6px;align-items:center;overflow-x:auto;flex:1;max-width:calc(100vw - 400px)}.topbar .tab-bar::-webkit-scrollbar{height:4px}.topbar .tab-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.topbar .tab-bar .tab-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0;min-height:28px}.topbar .tab-bar .tab-item.active{background:#b5d334;color:#fff;border-color:#b5d334}.topbar .tab-bar .tab-item.active .btn-favorite{color:#fff}.topbar .tab-bar .tab-item.active .btn-favorite.active{color:gold}.topbar .tab-bar .tab-item.active .btn-close{color:#fff}.topbar .tab-bar .tab-item.active .btn-close:hover{color:#f44336}.topbar .tab-bar .tab-item:not(.active):hover{background:#e8e8e8;border-color:#999}.topbar .tab-bar .tab-item .tab-name{font-size:13px;font-weight:500;cursor:pointer;line-height:1.4;flex:1;display:flex;align-items:center}.topbar .tab-bar .tab-item .tab-actions{display:flex;align-items:center;gap:2px}.topbar .tab-bar .tab-item .btn-favorite,.topbar .tab-bar .tab-item .btn-close{background:none;border:none;cursor:pointer;padding:0;line-height:1;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.topbar .tab-bar .tab-item .btn-favorite:hover,.topbar .tab-bar .tab-item .btn-close:hover{transform:scale(1.2)}.topbar .tab-bar .tab-item .btn-favorite{font-size:14px}.topbar .tab-bar .tab-item .btn-favorite.active{color:gold}.topbar .tab-bar .tab-item .btn-favorite:hover{color:#ffc107}.topbar .tab-bar .tab-item .btn-close{font-size:18px;font-weight:700}.topbar .tab-bar .tab-item .btn-close:hover{color:#f44336}