.sidebar[data-v-cb7b4396]{width:220px;flex-shrink:0;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:22px 16px}.brand[data-v-cb7b4396]{display:flex;align-items:center;gap:10px;margin-bottom:28px;padding:0 6px}.brand-mark-img[data-v-cb7b4396]{height:38px;width:38px;object-fit:contain;background:#fff;border-radius:8px;padding:2px}.brand-name[data-v-cb7b4396]{font-size:13px;line-height:1.3;opacity:.9}.brand-name b[data-v-cb7b4396]{display:block;font-size:15px;font-weight:700}.nav[data-v-cb7b4396]{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item[data-v-cb7b4396]{display:flex;align-items:center;gap:10px;text-decoration:none;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:#ffffffb3;transition:.15s}.nav-item[data-v-cb7b4396]:hover{background:#ffffff0f;color:#fff}.nav-item.active[data-v-cb7b4396]{background:var(--teal);color:#fff;font-weight:500}.nav-icon[data-v-cb7b4396]{width:18px;text-align:center;opacity:.9}@media (max-width: 768px){.sidebar[data-v-cb7b4396]{position:fixed;top:0;left:0;bottom:0;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 30px #0000004d}.sidebar.open[data-v-cb7b4396]{transform:translate(0)}}.notif-panel[data-v-dcae6bd0]{position:absolute;top:44px;right:0;width:340px;max-height:420px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #00000026;z-index:40}.notif-panel-head[data-v-dcae6bd0]{padding:12px 16px;font-size:12.5px;font-weight:700;color:var(--ink-soft);border-bottom:1px solid var(--line-soft);text-transform:uppercase;letter-spacing:.03em}.notif-item[data-v-dcae6bd0]{padding:12px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:.1s}.notif-item[data-v-dcae6bd0]:hover{background:var(--paper)}.notif-item.unread[data-v-dcae6bd0]{background:var(--teal-tint)}.notif-title[data-v-dcae6bd0]{font-size:13px;font-weight:600;line-height:1.4}.notif-body[data-v-dcae6bd0]{font-size:12px;color:var(--ink-soft);margin-top:2px;line-height:1.5}.notif-time[data-v-dcae6bd0]{font-size:10.5px;color:var(--ink-soft);margin-top:5px;font-family:IBM Plex Mono}.dot[data-v-dcae6bd0]{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0}.empty-notif[data-v-dcae6bd0]{padding:24px;text-align:center;color:var(--ink-soft);font-size:12.5px}.topbar[data-v-a594bc51]{height:64px;border-bottom:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0;gap:12px}.topbar-left[data-v-a594bc51]{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title[data-v-a594bc51]{font-size:19px;font-weight:700}.topbar-sub[data-v-a594bc51]{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.identity[data-v-a594bc51]{display:flex;align-items:center;gap:10px;flex-shrink:0}.avatar[data-v-a594bc51]{width:32px;height:32px;border-radius:50%;background:var(--teal-tint);color:var(--teal-deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.user-name[data-v-a594bc51]{font-size:13px;font-weight:600;white-space:nowrap}.badge-count[data-v-a594bc51]{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:100px}.hamburger[data-v-a594bc51]{display:none;border:none;background:none;font-size:20px;color:var(--ink);cursor:pointer;padding:4px 6px}@media (max-width: 768px){.topbar[data-v-a594bc51]{padding:0 12px}.hamburger[data-v-a594bc51]{display:block}.topbar-title[data-v-a594bc51]{font-size:16px}.topbar-sub[data-v-a594bc51]{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name[data-v-a594bc51]{display:none}.logout-btn[data-v-a594bc51]{padding:6px 8px;font-size:12px}}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-content{padding:26px 28px 60px;overflow-y:auto}.sidebar-backdrop{display:none}@media (max-width: 768px){.app-content{padding:16px 14px 40px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14213d80;z-index:59}}:root{--ink:#14213D;--ink-soft:#4A5568;--paper:#F5F7F4;--card:#FFFFFF;--teal:#0F6B65;--teal-deep:#0A4A46;--teal-tint:#E4F0EE;--amber:#C97A2B;--amber-tint:#FBEEDF;--danger:#B3432B;--danger-tint:#F8E9E4;--success:#3F7D5C;--success-tint:#E7F1EB;--line:#DEE3DC;--line-soft:#EBEEE8;--radius:10px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans TC,Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,monospace}.disp{font-family:Space Grotesk,Noto Sans TC,sans-serif}.btn{font-family:inherit;font-size:13px;font-weight:600;padding:9px 16px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:.12s;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:var(--teal)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-deep)}.btn-danger{background:var(--card);border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-tint)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--paper);border-color:var(--line)}.btn-sm{padding:6px 11px;font-size:12.5px}.btn:disabled{opacity:.4;cursor:not-allowed}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px}.panel-head{padding:16px 20px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;font-size:15px;font-weight:700}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:13.5px;color:var(--ink);background:#fff}.field textarea{resize:vertical;min-height:60px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:10px 20px;font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-weight:600;border-bottom:1px solid var(--line)}td{padding:13px 20px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tr.row{cursor:pointer}tr.row:hover{background:var(--paper)}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;white-space:nowrap}.tag-dot{width:6px;height:6px;border-radius:50%}.tag-pending{background:var(--amber-tint);color:#8a5417}.tag-pending .tag-dot{background:var(--amber)}.tag-preparing{background:#e7ecf8;color:#2d4494}.tag-preparing .tag-dot{background:#3c57b8}.tag-ready{background:#efe7f8;color:#5b3494}.tag-ready .tag-dot{background:#7a4fc0}.tag-shipped{background:var(--teal-tint);color:var(--teal-deep)}.tag-shipped .tag-dot{background:var(--teal)}.tag-closed{background:var(--success-tint);color:var(--success)}.tag-closed .tag-dot{background:var(--success)}.tag-rejected{background:var(--danger-tint);color:var(--danger)}.tag-rejected .tag-dot{background:var(--danger)}.tag-cancelled{background:var(--line-soft);color:var(--ink-soft)}.tag-cancelled .tag-dot{background:var(--ink-soft)}.prio{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:5px}.prio-high{background:var(--danger-tint);color:var(--danger)}.prio-mid{background:var(--amber-tint);color:#8a5417}.prio-low{background:var(--line-soft);color:var(--ink-soft)}.branch-chip{padding:8px 14px;border:1.5px solid var(--line);border-radius:100px;font-size:13px;cursor:pointer;font-weight:500;display:inline-block;margin:0 8px 8px 0}.branch-chip.active{border-color:var(--teal);background:var(--teal);color:#fff;font-weight:700}.stepper{display:flex;align-items:flex-start;padding:22px 26px 6px;overflow-x:auto}.step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:110px;position:relative}.step .line{position:absolute;top:14px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}.step:first-child .line{display:none}.step.done .line{background:var(--teal)}.step-dot{width:28px;height:28px;border-radius:50%;background:var(--card);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1;color:var(--ink-soft)}.step.done .step-dot{background:var(--teal);border-color:var(--teal);color:#fff}.step.current .step-dot{background:#fff;border-color:var(--teal);color:var(--teal);box-shadow:0 0 0 4px var(--teal-tint)}.step-label{font-size:12px;margin-top:8px;text-align:center;color:var(--ink-soft);font-weight:500}.step.done .step-label,.step.current .step-label{color:var(--ink);font-weight:700}.step-time{font-size:10.5px;color:var(--ink-soft);margin-top:3px;text-align:center;min-height:13px;font-family:IBM Plex Mono}.branch-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:100px;background:var(--teal-tint);color:var(--teal-deep);font-size:11.5px;font-weight:600;margin-right:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:10px;font-size:13.5px;z-index:100;box-shadow:0 10px 30px #00000040}.empty{padding:56px 20px;text-align:center;color:var(--ink-soft)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-x table{min-width:640px}@media (max-width: 768px){table{font-size:13px}th,td{padding:9px 12px}.panel-head{padding:14px 16px;flex-wrap:wrap;gap:8px}.field-row3{grid-template-columns:1fr!important}.btn{padding:8px 13px}.meta-grid,.detail-grid{grid-template-columns:1fr!important}.stepper{padding:16px 14px 6px}.step{min-width:78px}}