.login-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#cfe1ff,#8da4fb)}.login-card{width:380px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:32px;box-shadow:0 6px 26px #00000014;animation:fadeIn .4s ease}.login-title{font-size:24px;font-weight:700;color:#1f2c4d;text-align:center;margin-bottom:24px}.login-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #c7d3e3;transition:border .2s ease,box-shadow .2s ease;font-size:15px;margin-bottom:18px}.login-input:focus{border-color:#4060ff;box-shadow:0 0 0 3px #4060ff40;outline:none}.login-input:last-of-type{margin-bottom:22px}.login-btn{width:100%;background:#4060ff;color:#fff;border:none;padding:11px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;margin-top:6px;transition:background .2s ease,transform .1s ease}.login-btn:hover:not(:disabled){background:#2f4dda;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:default}.login-error{background:#ffd8d8;color:#c90000;padding:8px;font-size:14px;border-radius:6px;text-align:center;margin-bottom:12px}@media(max-width:500px){.login-card{width:88%;padding:24px}.login-title{font-size:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.header{width:100%;background:#6fb7b7;display:flex;justify-content:center}.header-content{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);height:70px;display:flex;justify-content:space-between;align-items:center}.logo-img{cursor:pointer;transition:opacity .25s ease}.pc-logo{height:42px;width:auto}.mobile-logo{display:none}.header-right{display:flex;align-items:center;gap:16px}.header-user{display:flex;align-items:center;gap:6px;color:#1f2937;font-size:14px;font-weight:500}.header-user-icon{width:18px;height:18px}.header-logout-btn{font-size:13px;color:#b91c1c;background:none;border:none;cursor:pointer}.header-logout-btn:hover{text-decoration:underline}.header-bell-wrapper{position:relative}.header-notice{width:34px;height:34px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#1c2a57bf;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .1s ease}.header-notice:hover{background:#ffffffe6;border-color:#0f172a1f;box-shadow:0 4px 10px #0f172a29;transform:translateY(-1px)}.header-notice-open{background:#fff7c2;border-color:#facc15;color:#eab308;box-shadow:0 8px 18px #0f172a59;transform:translateY(-1px)}.header-bell-icon{width:18px;height:18px;transition:transform .15s ease}.header-notice-open .header-bell-icon{transform:scale(1.05)}.header-bell-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;line-height:17px;text-align:center;box-shadow:0 0 0 2px #6fb7b7}.header-bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:320px;max-height:360px;background:#fff;border-radius:12px;box-shadow:0 16px 32px #0f172a33;padding:8px 0;z-index:999;display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.35);transform-origin:top right;animation:headerBellFadeIn .16s ease-out}.header-bell-panel:before{content:"";position:absolute;top:-6px;right:18px;border-width:0 7px 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent;filter:drop-shadow(0 -1px 1px rgba(15,23,42,.12))}@keyframes headerBellFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.header-bell-panel-header{padding:6px 12px;font-size:13px;font-weight:600;color:#0f172a;border-bottom:1px solid #e5e7eb;display:flex;align-items:baseline;gap:4px}.header-bell-panel-count{font-size:12px;color:#6b7280}.header-bell-panel-empty,.header-bell-panel-error{padding:10px 12px;font-size:12px}.header-bell-panel-empty{color:#6b7280}.header-bell-panel-error{color:#b91c1c;background:#fef2f2}.header-bell-list{list-style:none;margin:0;padding:4px 0;overflow-y:auto}.header-bell-list::-webkit-scrollbar{width:6px}.header-bell-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.header-bell-item{padding:0}.header-bell-link{display:block;padding:7px 12px;text-decoration:none;color:#0f172a;font-size:12px;transition:background-color .12s ease,box-shadow .12s ease,transform .08s ease;border-radius:8px;margin:2px 6px}.header-bell-link:hover{background:#f9fafb;box-shadow:0 2px 6px #94a3b859;transform:translateY(-1px)}.header-bell-line{display:flex;align-items:center;justify-content:space-between;gap:6px}.header-bell-line-small{margin-top:2px;font-size:11px;color:#6b7280}.header-bell-line-title{margin-top:2px;font-size:11px;color:#4b5563}.header-bell-order-no{font-weight:600;font-size:12px}.header-bell-stage{padding:1px 8px;font-size:11px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.header-bell-stage.stage-first{background:#fef3c7;border-color:#facc15;color:#92400e}.header-bell-stage.stage-design{background:#dcfce7;border-color:#4ade80;color:#166534}.header-bell-stage.stage-draft{border-radius:999px;padding:0 6px;font-size:11px;background-color:#fee2e2;color:#b91c1c;border-color:#fbbf24}.header-bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:320px;max-height:360px;background:#fff;border-radius:12px;box-shadow:0 16px 32px #0f172a2e;padding:8px 0;z-index:999;display:flex;flex-direction:column}@media(max-width:900px){.pc-logo{display:none}.mobile-logo{display:block;height:42px;width:auto}}@media(max-width:900px){.pc-logo{display:none}.mobile-logo{display:block;height:42px;width:auto}.header-bell-wrapper{position:static}.header-bell-panel{position:fixed;top:64px;left:8px;right:8px;width:auto;max-width:none;max-height:60vh;border-radius:12px;z-index:999}.header-bell-panel:before{display:none}}.app-sidebar{width:110px;background:#fff;color:#333;border-right:1px solid #e5e5e5;padding:8px 0;flex-shrink:0;display:flex;flex-direction:column}.sidebar-nav{display:flex;flex-direction:column}.sidebar-link{display:block;padding:8px 16px;font-size:14px;color:#333;text-decoration:none;cursor:pointer;border-radius:0;border-left:4px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.sidebar-link:hover{background:#f5f5f5;border-left-color:#cbd5e1}.sidebar-link.active{background:#0066d3;color:#fff;font-weight:700;border-left-color:#004a96}.sidebar-link-label{display:inline-block;width:100%}@media(max-width:900px){.app-sidebar{width:220px;position:fixed;top:70px;bottom:0;left:0;transform:translate(-100%);transition:transform .25s ease-out;background:#fff;box-shadow:0 18px 40px #0000004d;z-index:950}.app-sidebar.open{transform:translate(0)}}.sidebar-group{margin-bottom:8px}.sidebar-group-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:none;background:transparent;cursor:pointer;font-size:14px;text-align:left}.sidebar-group-btn.active{background-color:#2563eb14}.sidebar-group-label{font-weight:600}.sidebar-group-arrow{font-size:12px}.sidebar-group-children{margin-top:4px;margin-bottom:4px}.sidebar-link-child{padding-left:28px;font-size:13px}:root{--wf-bg: #f3f4f6;--wf-panel: #ffffff;--wf-line: #e5e7eb;--wf-txt: #0f172a;--wf-sub: #475569;--wf-pri: #2563eb;--wf-pri-soft: #0a0c0f;--wf-chip: #f1f5f9;--wf-chipOn: #e0ecff;--wf-muted: #94a3b8;--wf-shadow-sm: 0 4px 10px rgba(15, 23, 42, .05);--wf-shadow-md: 0 10px 24px rgba(15, 23, 42, .08);--wf-ring: 0 0 0 2px rgba(37, 99, 235, .25)}.workflow-page{padding:20px 16px 24px;box-sizing:border-box;min-height:calc(100vh - 56px);display:flex;flex-direction:column;gap:12px;max-width:1000px;margin:0 auto}.workflow-header{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.workflow-title{font-size:clamp(18px,2.2vw,22px);font-weight:700;margin:0;color:var(--wf-txt)}.workflow-subtitle{margin:2px 0 0;font-size:clamp(12px,1.6vw,13px);color:var(--wf-sub)}.workflow-error{padding:8px 12px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;box-shadow:0 6px 12px #f871711f}.workflow-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2.3fr);gap:14px;flex:1;min-height:0}.workflow-list{background:var(--wf-panel);border-radius:18px;border:1px solid var(--wf-line);box-shadow:var(--wf-shadow-sm);display:flex;flex-direction:column;min-height:0}.workflow-list-header{padding:10px 14px 8px;border-bottom:1px solid var(--wf-line);display:flex;justify-content:space-between;align-items:center}.workflow-list-header h2{font-size:14px;margin:0;font-weight:600;color:var(--wf-txt)}.workflow-list-loading{font-size:12px;color:var(--wf-muted)}.workflow-filter-tabs{display:flex;gap:6px;padding:6px 10px 8px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.workflow-filter-tab{border-radius:999px;border:1px solid transparent;padding:4px 10px;font-size:12px;background:#f9fafb;cursor:pointer;color:var(--wf-sub);transition:background-color .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s}.workflow-filter-tab:hover{background:#eef2ff}.workflow-filter-tab.is-active{background:#e0ecff;border-color:#93c5fd;color:#1d4ed8;box-shadow:0 0 0 1px #818cf840}.workflow-empty{padding:12px;font-size:13px;color:var(--wf-muted)}.workflow-list-body{list-style:none;padding:4px 0 6px;margin:0;overflow-y:auto;flex:1}.workflow-list-body::-webkit-scrollbar{width:6px}.workflow-list-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.workflow-list-item{padding:8px 12px;border-bottom:1px dashed #e5e7eb;cursor:pointer;font-size:13px;display:flex;flex-direction:column;gap:2px;transition:background-color .12s,padding-left .12s,box-shadow .12s}.workflow-list-item:last-child{border-bottom:none}.workflow-list-item:hover{background:#f9fafb}.workflow-list-item.is-selected{background:#eff6ff;box-shadow:inset 2px 0 #2563eb;padding-left:10px}.workflow-list-line{display:flex;justify-content:space-between;align-items:center;gap:4px}.workflow-list-line-small{font-size:12px;color:var(--wf-sub)}.workflow-list-meta{font-size:11px;color:var(--wf-muted);display:flex;flex-wrap:wrap;gap:4px 10px}.workflow-order-no{font-weight:600;color:var(--wf-txt);flex:0 0 auto}.workflow-customer{font-weight:500;color:var(--wf-txt);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-product{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--wf-sub)}.workflow-stage-badge{padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid transparent;flex:0 0 auto;white-space:nowrap}.stage-first{background:#fef3c7;border-color:#facc15;color:#92400e}.stage-design{background:#dcfce7;border-color:#4ade80;color:#166534}.workflow-detail{background:var(--wf-panel);border-radius:18px;border:1px solid var(--wf-line);box-shadow:var(--wf-shadow-sm);padding:14px 16px 16px;display:flex;flex-direction:column;min-height:0}.workflow-detail-empty{font-size:13px;color:var(--wf-muted);margin:auto}.workflow-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px;border-bottom:1px dashed #e5e7eb;margin-bottom:8px}.workflow-detail-header h2{font-size:15px;margin:0 0 4px;font-weight:600;color:var(--wf-txt)}.workflow-detail-subtitle{margin:0;font-size:12px;color:var(--wf-sub)}.workflow-detail-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.workflow-detail-loading{font-size:13px;color:var(--wf-muted)}.workflow-detail-grid{margin-top:8px;padding-right:4px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr);align-items:flex-start;gap:10px}.workflow-card{border-radius:16px;border:1px solid var(--wf-line);padding:10px 12px;background:#fff;font-size:13px;box-shadow:var(--wf-shadow-sm);display:flex;flex-direction:column;gap:4px}.workflow-card-span-2{grid-column:1 / -1}.workflow-card-title{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--wf-txt)}.workflow-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.workflow-info-row{display:flex;gap:4px;align-items:flex-start;font-size:13px;color:var(--wf-txt)}.workflow-info-row-full{grid-column:1 / -1}.workflow-info-label{flex:0 0 55px;font-size:12px;color:var(--wf-muted)}.workflow-info-value{font-size:13px;color:var(--wf-txt);word-break:break-word;overflow-wrap:break-word}.workflow-note{margin:0;font-size:13px;color:var(--wf-sub);line-height:1.5;padding:6px 8px;border-radius:8px;background-color:#f9fafb;border:1px dashed var(--wf-line);white-space:pre-wrap}.workflow-steps{display:flex;flex-direction:column;gap:6px}.workflow-step-row{border-radius:10px;border:1px solid var(--wf-line);padding:6px 8px;display:flex;flex-direction:column;gap:2px;background-color:#fff;transition:background-color .12s,border-color .12s,box-shadow .12s}.workflow-step-row.is-complete{background:#ecfdf5;border-color:#4ade80;box-shadow:0 0 0 1px #22c55e40}.workflow-step-main{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--wf-txt)}.workflow-step-main input[type=checkbox]{margin:0}.workflow-step-name{flex:1}.workflow-step-meta{font-size:11px;color:var(--wf-sub);display:flex;flex-wrap:wrap;gap:4px 10px}.workflow-step-note{color:var(--wf-muted)}.workflow-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px}.workflow-table th,.workflow-table td{border:1px solid var(--wf-line);padding:4px 6px;text-align:left}.workflow-table th{background:#f9fafb;font-weight:600;color:var(--wf-sub)}.workflow-link{color:var(--wf-pri);text-decoration:underline;text-underline-offset:2px}.workflow-history{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-direction:column;gap:6px}.workflow-history-item{border-radius:10px;border:1px solid var(--wf-line);padding:6px 8px;font-size:12px;background-color:#f9fafb}.workflow-history-main{display:flex;align-items:center;gap:6px;margin-bottom:2px}.workflow-history-stage{font-weight:600;color:var(--wf-txt)}.workflow-history-decision{padding:1px 8px;border-radius:999px;border:1px solid transparent;font-size:11px}.decision-approve{background:#dcfce7;border-color:#4ade80;color:#166534}.decision-outsource{background:#e0f2fe;border-color:#38bdf8;color:#0369a1}.decision-reject{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.workflow-history-meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--wf-muted);font-size:11px}.workflow-history-note{margin:2px 0 0;color:var(--wf-sub);font-size:12px;white-space:pre-wrap}.wf-button{border-radius:999px;border:1px solid transparent;padding:4px 12px;font-size:12px;cursor:pointer;background:var(--wf-pri);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;transition:background-color .15s,box-shadow .15s,transform .1s,border-color .15s}.wf-button:disabled{opacity:.6;cursor:default;box-shadow:none}.wf-button-primary{background:var(--wf-pri);border-color:var(--wf-pri);color:#fff}.wf-button-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:var(--wf-shadow-sm);transform:translateY(-.5px)}.wf-button-outline{background:#fff;border-color:var(--wf-line);color:var(--wf-sub)}.wf-button-outline:hover:not(:disabled){background:#f9fafb;box-shadow:var(--wf-shadow-sm);transform:translateY(-.5px)}.wf-button-danger{background:#dc2626;border-color:#dc2626;color:#fff}.wf-button-danger:hover:not(:disabled){background:#b91c1c;box-shadow:var(--wf-shadow-sm);transform:translateY(-.5px)}.workflow-modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;justify-content:center;align-items:center;z-index:999}.workflow-modal{width:380px;max-width:90vw;background:#fff;border-radius:16px;padding:14px 16px 12px;box-shadow:var(--wf-shadow-md)}.workflow-modal-title{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--wf-txt)}.workflow-modal-subtitle{margin:0 0 8px;font-size:12px;color:var(--wf-sub);line-height:1.5;white-space:pre-line}.workflow-modal-label{display:flex;flex-direction:column;gap:4px;font-size:12px;margin-bottom:10px;color:var(--wf-sub)}.workflow-modal-textarea{min-height:80px;resize:vertical;padding:6px 8px;font-size:12px;border-radius:8px;border:1px solid var(--wf-line);outline:none}.workflow-modal-textarea:focus{border-color:var(--wf-pri);box-shadow:var(--wf-ring)}.workflow-modal-actions{display:flex;justify-content:flex-end;gap:6px}.workflow-detail-grid::-webkit-scrollbar{width:6px}.workflow-detail-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@media(max-width:960px){.workflow-layout,.workflow-detail-grid{grid-template-columns:minmax(0,1fr)}.workflow-card-span-2{grid-column:1 / -1}}@media(max-width:768px){.workflow-page{padding-inline:12px;min-height:calc(100vh - 48px)}.workflow-list{max-height:260px;min-height:200px}.workflow-list-body{max-height:220px}.workflow-detail{margin-top:8px}.workflow-detail-header{flex-direction:column;align-items:flex-start}.workflow-detail-actions{width:100%;justify-content:flex-start}}.workflow-info-separator{grid-column:1 / -1;border-top:1px dashed var(--wf-line);margin:4px 0}.workflow-design-thumbs{display:flex;flex-wrap:wrap;gap:8px}.workflow-design-thumb{border:none;padding:0;background:transparent;cursor:pointer}.workflow-design-thumb img{width:64px;height:64px;-o-object-fit:cover;object-fit:cover;border-radius:4px;box-shadow:0 2px 6px #0f172a26}.workflow-modal-image-body{max-width:80vw;max-height:70vh;display:flex;justify-content:center;align-items:center;overflow:auto}.workflow-modal-image-body img{max-width:100%;max-height:100%}.workflow-modal-image-body{margin-bottom:20px}.workflow-stage-badge.stage-wait-close{background:#ffe08a;color:#5a3b00;border:1px solid #ffcc66}:root{--bg: #f6f8fc;--panel: #ffffff;--line: #e5eaf2;--text: #0b1220;--muted: #64748b;--ok-bg: #eafaf1;--ok-fg: #0f6a3a;--warn-bg: #fff4e6;--warn-fg: #9a4c00;--bad-bg: #ffe8ea;--bad-fg: #b4232c;--muted-bg: #eef2f7;--muted-fg: #334155;--vendor-factory-bg: #e8f1ff;--vendor-factory-fg: #1d4ed8;--vendor-design-bg: #f1eaff;--vendor-design-fg: #6d28d9;--danger: #dc2626;--radius: 14px;--radius-lg: 18px;--shadow-sm: 0 6px 18px rgba(15, 23, 42, .06);--shadow: 0 10px 30px rgba(15, 23, 42, .08)}.fd-wrap{padding:24px;background:radial-gradient(1000px 420px at 8% -10%,#eaf0ff 0%,transparent 55%),radial-gradient(900px 380px at 92% 0%,#f1eaff 0%,transparent 52%),radial-gradient(800px 320px at 90% 55%,#eefbf6 0%,transparent 55%),var(--bg);min-height:100vh;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}.fd-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}.fd-h1{font-size:22px;font-weight:900;letter-spacing:.2px}.fd-sub{margin-top:4px;font-size:13px;color:var(--muted);line-height:1.4}.fd-tabs{display:flex;gap:8px;background:#ffffffd1;border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fd-tab{padding:8px 12px;border-radius:999px;border:0;background:transparent;cursor:pointer;font-size:14px;font-weight:900;color:#334155;white-space:nowrap}.fd-tab.is-active{background:#0b1220;color:#fff;box-shadow:0 10px 22px #0f172a2e}.fd-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.fd-kpi{background:#ffffffe6;border-radius:20px;padding:14px 16px;border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fd-kpiLabel{font-size:12px;color:var(--muted);font-weight:800}.fd-kpiValue{margin-top:6px;font-size:22px;font-weight:950;letter-spacing:.2px}.fd-panel{background:#ffffffe6;border-radius:20px;border:1px solid var(--line);padding:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fd-filters{display:grid;grid-template-columns:140px 1fr 140px 140px auto;gap:12px;margin-bottom:14px;align-items:end}.fd-field{display:flex;flex-direction:column;gap:6px;min-width:0}.fd-field--wide{min-width:240px}.fd-field--btn{align-self:flex-end}.fd-label{font-size:12px;color:var(--muted);font-weight:800}.fd-control{height:38px;border-radius:12px;border:1px solid #cbd5e1;padding:0 10px;font-size:14px;background:#fff;outline:none;transition:border-color .12s ease,box-shadow .12s ease;width:100%}.fd-control:focus{border-color:#0b1220;box-shadow:0 0 0 4px #0b12201f}.fd-btn{height:38px;padding:0 14px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:14px;font-weight:900;white-space:nowrap;transition:transform .06s ease,background .12s ease,border-color .12s ease}.fd-btn:hover{background:#f3f6ff}.fd-btn:active{transform:translateY(1px)}.fd-btn--primary{background:#0b1220;color:#fff;border-color:#0b1220}.fd-btn--primary:hover{background:#070d19}.fd-btn--ghost{background:#fff}.fd-alert{margin-bottom:12px;background:var(--bad-bg);color:var(--bad-fg);padding:10px 14px;border-radius:12px;font-size:14px;border:1px solid rgba(180,35,44,.18)}.fd-empty{text-align:center;color:var(--muted);padding:26px 0 10px;font-weight:900}.fd-list{display:flex;flex-direction:column;gap:12px}.fd-item{border-radius:20px;border:1px solid var(--line);padding:14px;background:#fff;box-shadow:var(--shadow-sm)}.fd-itemTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.fd-itemTitle{display:flex;flex-direction:column;gap:4px;min-width:0}.fd-strong{font-weight:950;overflow-wrap:anywhere}.fd-dim{font-size:13px;color:var(--muted);line-height:1.35}.fd-itemChips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.fd-chip{background:linear-gradient(180deg,#fbfdff,#f7faff);border:1px solid #e8eefc;border-radius:14px;padding:10px 12px;min-width:120px;text-align:right}.fd-chipLabel{font-size:12px;color:var(--muted);font-weight:800}.fd-chipValue{margin-top:6px;font-weight:950;font-size:16px}.fd-chipValue.is-hot{color:var(--danger)}.fd-itemRow{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.fd-rowBlock{background:#f8fafc;border-radius:14px;padding:10px 12px;border:1px solid var(--line);min-width:0}.fd-rowLabel{font-size:12px;color:var(--muted);font-weight:800}.fd-rowValue{margin-top:6px;font-weight:900;overflow-wrap:anywhere}.fd-pill{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid transparent}.fd-pill--vendor{padding:4px 10px;font-weight:950}.fd-pill--ok{background:var(--ok-bg);color:var(--ok-fg);border-color:#0f6a3a2e}.fd-pill--warn{background:var(--warn-bg);color:var(--warn-fg);border-color:#9a4c002e}.fd-pill--bad{background:var(--bad-bg);color:var(--bad-fg);border-color:#b4232c2e}.fd-pill--muted{background:var(--muted-bg);color:var(--muted-fg);border-color:#3341551f}.fd-pill--vendor-factory{background:var(--vendor-factory-bg);color:var(--vendor-factory-fg);border-color:#1d4ed82e}.fd-pill--vendor-design{background:var(--vendor-design-bg);color:var(--vendor-design-fg);border-color:#6d28d92e}.fd-itemActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.fd-modalOverlay{position:fixed;inset:0;background:#0b122073;display:flex;justify-content:center;align-items:center;z-index:999;padding:14px}.fd-modal{width:100%;max-width:880px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.fd-modal--sm{max-width:620px}.fd-modalHeader{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.fd-modalTitle{font-size:16px;font-weight:950}.fd-iconBtn{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:18px;line-height:1}.fd-iconBtn:hover{background:#f3f4f6}.fd-modalBody{padding:16px}.fd-modalGrid{display:flex;flex-direction:column;gap:14px}.fd-box{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.fd-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fd-form--3{grid-template-columns:repeat(3,minmax(0,1fr))}.fd-modal--sm .fd-form{grid-template-columns:1fr}.fd-hint{font-size:12px;color:var(--muted);line-height:1.4;font-weight:800}.fd-modalActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:980px){.fd-wrap{padding:16px}.fd-summary{grid-template-columns:1fr}.fd-filters{grid-template-columns:1fr 1fr}.fd-field--wide{min-width:0;grid-column:1 / -1}.fd-field--btn{grid-column:1 / -1;justify-self:stretch}.fd-btn{width:100%}.fd-itemRow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:560px){.fd-topbar{flex-direction:column;align-items:stretch;gap:10px}.fd-tabs{width:100%;justify-content:space-between}.fd-tab{flex:1;text-align:center;padding:10px 0}.fd-h1{font-size:20px}.fd-sub{font-size:12px}.fd-panel{padding:12px;border-radius:18px}.fd-filters{grid-template-columns:1fr;gap:10px}.fd-chip{min-width:0;flex:1;text-align:left}.fd-itemChips{width:100%;justify-content:flex-start}.fd-item{padding:12px}.fd-itemRow{grid-template-columns:1fr;gap:10px}.fd-itemActions .fd-btn{flex:1;min-width:0}.fd-modalBody,.fd-modalHeader{padding:12px}.fd-modalTitle{font-size:15px}.fd-form,.fd-form--3{grid-template-columns:1fr}.fd-modalActions .fd-btn{flex:1}}.fd-modal--sm{width:min(460px,calc(100vw - 28px))!important;max-width:none!important}.fd-modal--sm .fd-modalHeader{padding:12px 14px!important}.fd-modal--sm .fd-modalBody{padding:14px!important}.fd-modal--sm .fd-form{grid-template-columns:1fr!important}.fd-lockHint{margin-top:6px;font-size:12px;font-weight:800;color:#b4232c;background:#ffe8ea;border:1px solid rgba(180,35,44,.18);padding:6px 10px;border-radius:12px;display:inline-block}.sales-dashboard{width:100%;max-width:1200px;margin:0 auto;padding:10px 5px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-header h1{font-size:1.5rem;font-weight:600}.tab-bar{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;margin-bottom:1rem}.tab-button{padding:.5rem 1rem;border-bottom:2px solid transparent;transition:all .2s;background:none}.tab-button.active{border-color:#2563eb;color:#2563eb;font-weight:600}.tab-button:hover{color:#2563eb}.table-container{overflow-x:auto}.order-table{width:100%;border-collapse:collapse;min-width:800px}.order-table th,.order-table td{border:1px solid #ccc;padding:.5rem;text-align:center}.order-row:hover{background-color:#f9fafb}.check-btn{color:#aaa;background:none;border:none;cursor:pointer}.check-btn:hover{color:#2563eb}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:.5rem;padding:1.5rem;width:380px;box-shadow:0 4px 15px #00000026}.modal h3{font-weight:600;margin-bottom:.5rem}.modal textarea{width:100%;border:1px solid #ccc;border-radius:.5rem;padding:.5rem;margin-bottom:1rem;resize:none}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.btn-cancel,.btn-confirm{border-radius:.5rem;padding:.5rem 1rem;cursor:pointer}.btn-cancel{background:#f3f4f6}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:#2563eb;color:#fff}.btn-confirm:hover{background:#1d4ed8}.highlight{font-weight:600;color:#2563eb}.section{border:1px solid #ddd;border-radius:.75rem;padding:1rem;background:#fff;margin-bottom:1rem}.section h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.field{margin-bottom:.75rem}.field label{display:block;font-size:.875rem;margin-bottom:.25rem}.field input{width:100%;border:1px solid #ccc;border-radius:.5rem;padding:.5rem}.field input.readonly{background:#f3f4f6;color:#666}.field select{width:100%;border:1px solid #ccc;border-radius:.5rem;padding:.5rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.95rem;color:#333}.field select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.field select.readonly{background:#f3f4f6;color:#666}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.link-btn{color:#2563eb;background:none;border:none;cursor:pointer;text-decoration:underline;margin-bottom:.5rem}.text-muted{color:#888}.form-footer{text-align:center;margin-top:1rem}.btn-primary{background:#2563eb;color:#fff;padding:.5rem 1.5rem;border-radius:.5rem}.btn-primary:hover{background:#1d4ed8}.data-list{list-style:none;padding:0}.data-list li{border:1px solid #ddd;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem;cursor:pointer}.data-list li:hover{background:#eff6ff}.name{font-weight:600}.sub{font-size:.875rem;color:#666}.design-image-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.design-image{width:300px;height:auto;border-radius:8px;box-shadow:0 0 6px #0000001a}.empty-note{color:#888;font-style:italic}.detail-step-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #ddd;border-radius:.75rem;overflow:hidden;margin-top:.5rem;background-color:#fff;box-shadow:0 2px 5px #0000000d}.detail-step-table th{background-color:#f3f4f6;color:#333;font-weight:600;text-align:center;padding:.75rem;border-bottom:1px solid #ddd;font-size:.95rem}.detail-step-table td{padding:.75rem;text-align:center;border-bottom:1px solid #eee;font-size:.9rem;color:#444}.detail-step-table tr:last-child td{border-bottom:none}.detail-step-table tr:hover{background-color:#f9fafb;transition:background .2s}.detail-step-table td:first-child{font-weight:600;color:#2563eb}.detail-step-table td:nth-child(2){color:#111}.detail-step-table td:nth-child(3){font-family:monospace;color:#555}.detail-step-table td:nth-child(4){text-align:left;padding-left:1rem}@media(max-width:600px){.detail-step-table th,.detail-step-table td{font-size:.8rem;padding:.5rem}}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.search-input{flex:1;min-width:220px;border:1px solid #ccc;border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem}.step-filters{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.filter-checkbox{display:flex;align-items:center;gap:.3rem;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cus-header{display:flex;gap:8px;margin-bottom:10px}.cus-search{flex:1;border:1px solid #ccc;border-radius:8px;padding:6px 10px}.cus-card-list{display:grid;gap:10px}.cus-card{border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 1px 4px #0000000d;overflow:hidden;transition:all .2s}.cus-card:hover{border-color:#2563eb;box-shadow:0 2px 6px #2563eb26}.cus-card-header{display:flex;justify-content:space-between;padding:10px 14px;cursor:pointer;align-items:center}.cus-name{font-weight:600;font-size:1rem}.cus-contact{font-size:.9rem;color:#666}.cus-detail{background:#f9fafb;padding:10px 14px;font-size:.9rem;line-height:1.5}.cus-detail div{margin-bottom:4px}.cus-updated{font-size:.8rem;color:#777;margin-top:6px}.cus-actions{text-align:right;margin-top:8px}.cus-card{border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 1px 4px #0000000d;overflow:hidden;transition:all .25s ease;max-height:70px}.cus-card.expanded{border-color:#2563eb;box-shadow:0 2px 10px #2563eb33;background:#f9fafb;max-height:500px}.cus-card .cus-detail{opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.cus-card.expanded .cus-detail{opacity:1;max-height:400px;padding-top:10px}.cus-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;background:#fff}.cus-card.expanded .cus-card-header{background:#eff6ff}.cus-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 14px;position:relative}.cus-info{flex:1}.cus-actions-top{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.star-btn{font-size:1.25rem;cursor:pointer;color:#ccc;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.star-btn.active{color:#fbbf24}.star-btn:hover{color:#facc15}.cus-phone{font-size:.9rem;color:#333}@media(min-width:768px){.cus-card-list{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.cus-card-list{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.sales-dashboard{width:100%;margin:0;padding-left:5PX;padding-right:5PX;padding-top:1rem;padding-bottom:1rem}.section,.dashboard-header,.filter-bar,.table-container{padding-left:12px;padding-right:12px}}:root{--bg: #fff;--panel: #fff;--panel2: #f7f9fc;--line: #e5e7eb;--txt: #0f172a;--sub: #475569;--pri: #2563eb;--pri2: #60a5fa;--chip: #f1f5f9;--chipOn: #e0ecff;--muted: #94a3b8;--shadow-lg: 0 10px 24px rgba(15, 23, 42, .08);--shadow-md: 0 6px 16px rgba(15, 23, 42, .06);--ring: 0 0 0 3px rgba(96, 165, 250, .25);--h-xs: 28px;--pad-xs-v: 3px;--pad-xs-h: 6px;--gap-xxs: 4px;--gap-xs: 6px}.oc-wrap{background:var(--bg);color:var(--txt);padding:12px;font-size:16px}.oc-layout{display:grid;grid-template-columns:300px 1fr;gap:12px;align-items:start}@media(max-width:960px){.oc-layout{grid-template-columns:1fr}}.oc-left{display:flex;flex-direction:column;gap:10px}.oc-right{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.oc-search{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:var(--shadow-md)}.oc-searchRow{display:flex;align-items:center;gap:var(--gap-xs);max-width:100%;width:100%}@media(pointer:coarse),(max-width:480px){.oc-searchRow{max-width:clamp(220px,90vw,300px)}}.oc-inputTextNarrow{flex:1;min-width:0}.oc-filterNote{margin-top:var(--gap-xs);padding:6px 8px;border:1px dashed var(--line);border-radius:8px;color:var(--sub);background:#fafcff}.oc-filterNoteValue{color:var(--txt);font-weight:700}.oc-input,.oc-select,.oc-textarea{background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:6px 8px;outline:none;transition:box-shadow .15s,border-color .15s,background-color .15s}.oc-input:focus,.oc-select:focus,.oc-textarea:focus{border-color:var(--pri2);box-shadow:var(--ring)}.oc-input--xs,.oc-select.oc-input--xs{height:var(--h-xs);padding:var(--pad-xs-v) var(--pad-xs-h);font-size:14px;line-height:1.2}.oc-textarea--compact{padding:6px 8px;font-size:14px}.oc-selectNarrow{min-width:90px}.oc-num,.oc-totalInput{field-sizing:content;width:-moz-fit-content;width:fit-content;inline-size:-moz-fit-content;inline-size:fit-content;min-width:60px;max-width:24ch;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.oc-totalEdit{display:inline-flex;align-items:center;gap:var(--gap-xxs)}.oc-btn,.oc-popHdrBtn,.oc-navBtn,.oc-monthBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:box-shadow .15s,border-color .15s,background-color .15s,transform .02s ease-in,filter .15s;line-height:1.1}.oc-btn{height:var(--h-xs);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;background:var(--pri);color:#fff;box-shadow:0 1px #0f172a14}.oc-btn:hover{filter:brightness(1.05)}.oc-btn:active{transform:translateY(1px)}.oc-btn:disabled{opacity:.6;cursor:not-allowed}.oc-btnSm{height:var(--h-xs);padding:0 10px;border-radius:10px}.oc-btn--compact{height:var(--h-xs);padding:0 14px}.oc-btnPrimary{background:var(--pri)}.oc-btnIcon{height:var(--h-xs);width:var(--h-xs);display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.oc-btnIcon:hover{border-color:var(--pri2);box-shadow:var(--ring);background:#eef5ff}.oc-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}.oc-actions--compact{margin-top:8px}.oc-linkBtn{background:transparent;border:none;color:var(--pri);cursor:pointer;text-decoration:underline;padding:0;line-height:1.1}.oc-searchList{display:grid;gap:6px;margin-top:8px;max-height:68.5vh;overflow:auto;-webkit-overflow-scrolling:touch;max-width:100%;align-content:start;grid-auto-rows:max-content;padding-right:2px;overflow-x:hidden}.oc-searchItem{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;cursor:pointer;transition:box-shadow .15s,border-color .15s,background-color .15s}.oc-searchItem:hover{border-color:var(--pri2);box-shadow:var(--shadow-md);background:#fbfdff}.oc-searchItemHd{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.oc-searchTag{font-size:11px;padding:2px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1;flex-shrink:0}.oc-searchTag--factory{background:#fee2e2;color:#b91c1c}.oc-title{font-weight:700}.oc-sub{color:var(--sub)}@media(max-width:480px){.oc-searchItemHd{align-items:flex-start}}@media(pointer:coarse),(max-width:480px){.oc-searchList{height:25vh;height:25svh;height:25dvh}.oc-searchItem{min-height:unset}}.oc-blockHd{font-weight:700;padding:2px 0 6px;border-bottom:1px solid var(--line);margin-bottom:8px}.oc-mt{margin-top:10px}.oc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oc-grid--compact{gap:var(--gap-xs)}.oc-grid--single{grid-template-columns:1fr;margin-bottom:12px}@media(max-width:720px){.oc-grid{grid-template-columns:1fr}.oc-formItem--span2{grid-column:auto}}.oc-formItem{display:grid;gap:var(--gap-xxs)}.oc-formItem--span2{grid-column:span 2}.oc-labelRow{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.oc-label{color:var(--sub);font-size:12px;line-height:1;display:inline-flex;align-items:center;gap:6px}.oc-labelAction{font-size:12px;padding:0;margin:0;line-height:1}.oc-input--title{height:var(--h-xs);padding:var(--pad-xs-v) var(--pad-xs-h);font-size:14px}@media(max-width:480px){.oc-labelRow{flex-direction:column;align-items:flex-start}}.oc-badge{display:inline-flex;align-items:center;height:30px;padding:0 10px;background:#2563eb14;border:1px solid var(--pri);color:var(--pri);border-radius:999px;font-size:13px}.oc-badge--xs{height:var(--h-xs)}.oc-cardSlim{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:var(--shadow-md)}.oc-bizcard{margin-top:4px}.oc-history{margin-top:4px;overflow:auto;display:flex;flex-direction:column;gap:6px;background:transparent}.oc-acc{border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s,background-color .15s}.oc-acc:hover{border-color:var(--pri2);box-shadow:var(--shadow-md)}.oc-acc>summary{list-style:none}.oc-acc>summary::-webkit-details-marker{display:none}.oc-accHdr{display:grid;grid-template-columns:1fr;gap:2px;padding:6px 8px;cursor:pointer}.oc-accTitle{font-weight:700;color:var(--txt)}.oc-accMeta{color:var(--sub);font-size:12px}.oc-lineDense{margin-top:1px;font-size:14px;color:var(--sub);line-height:1.3}.oc-acc[open] .oc-accHdr{border-bottom:1px solid var(--line);background:#f8fbff}.oc-accBody{padding:6px 8px 8px;display:grid;gap:6px}.oc-detailRows{display:grid;gap:4px}.oc-detailRow{display:grid;grid-template-columns:88px 1fr;gap:6px;align-items:start}.oc-detailKey{color:var(--sub)}.oc-detailVal{color:var(--txt);word-break:break-word}.oc-muted{color:var(--muted)}.oc-emptyFieldHint{font-size:12px;color:var(--muted);padding:4px 0}.oc-inlineRow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap-xxs);margin-top:6px}.oc-inlineRow--money{-moz-column-gap:var(--gap-xxs);column-gap:var(--gap-xxs);row-gap:var(--gap-xxs)}.oc-inlineItem{display:grid;gap:var(--gap-xxs)}.oc-inlineItem--total{margin-left:2px}.oc-inlineItem--event{display:flex;align-items:flex-end;margin-left:8px;min-width:180px;flex:0 0 auto}@media(max-width:720px){.oc-inlineItem--event{margin-left:0;margin-top:4px;width:100%}}.oc-eventFlag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px;cursor:pointer;box-shadow:0 1px #0f172a0d}.oc-eventFlag-input{position:absolute;opacity:0;pointer-events:none}.oc-eventFlag-box{width:14px;height:14px;border-radius:4px;border:1px solid #fdba74;background:#fff;box-sizing:border-box}.oc-eventFlag-input:checked+.oc-eventFlag-box{background:#fb923c;border-color:#f97316;box-shadow:0 0 0 2px #f8ab6059}.oc-eventFlag-text{white-space:nowrap}@media(max-width:480px){.oc-eventFlag{width:100%;justify-content:flex-start}.oc-eventFlag-text{white-space:normal}}.oc-field--fit{display:inline-block;width:-moz-max-content;width:max-content;max-width:100%}.oc-summaryRow{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:-moz-max-content;width:max-content;max-width:100%;min-height:34px;padding:6px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;box-sizing:border-box}.oc-summaryRow--compact{min-height:var(--h-xs);padding:var(--pad-xs-v) var(--pad-xs-h);font-size:16px;line-height:1.3}.oc-summaryText{white-space:nowrap}.oc-summaryRow--vertical{align-items:flex-start;max-height:180px}.oc-verticalText{writing-mode:vertical-rl;text-orientation:mixed;white-space:normal;line-height:1.1;max-height:160px;overflow:auto;padding-right:4px}.oc-fieldBtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;padding:6px 8px;background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:10px;transition:box-shadow .15s,border-color .15s,background-color .15s;text-align:left}.oc-fieldBtn:hover{border-color:var(--pri2);background:#eef5ff}.oc-fieldBtn:focus{border-color:var(--pri2);box-shadow:var(--ring)}.oc-fieldBtnCaret{opacity:.7}.oc-placeholder{color:var(--sub)}.oc-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:2000;min-width:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;width:-moz-max-content;width:max-content;max-width:min(96vw,1200px)}.oc-pop--overlay{top:0}.oc-popFoot{display:flex;align-items:center;gap:8px;padding:6px;border-top:1px solid var(--line)}.oc-spacer{flex:1}.oc-popHdrBtn{height:var(--h-xs);padding:0 12px;background:var(--panel2);border:1px solid var(--line);color:var(--txt)}.oc-popHdrBtn:hover{border-color:var(--pri2);box-shadow:var(--ring);background:#eef5ff}@media(pointer:coarse),(max-width:480px){.oc-pop--mobile{position:fixed!important;z-index:2000;inset:0 0 auto!important;transform:none!important;width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0 0 14px 14px;max-height:min(78dvh,520px);display:flex;flex-direction:column;overflow:hidden;padding-top:max(8px,env(safe-area-inset-top,0px));box-shadow:var(--shadow-lg)}.oc-pop--mobile:before{content:"";display:block;width:36px;height:4px;border-radius:999px;background:#cbd5e1;margin:6px auto 4px}.oc-pop--mobile .oc-cols,.oc-pop--mobile .oc-proc{flex:1;overflow:auto}.oc-pop--mobile .oc-popFoot{position:sticky;bottom:0;background:var(--panel);border-top:1px solid var(--line)}}.oc-cols{display:inline-flex;max-height:18rem;overflow:auto;padding:6px;gap:6px}.oc-cols--compactTop{padding-top:2px}.oc-colList{border-right:1px solid var(--line);padding-right:6px;margin-right:6px;box-sizing:border-box;width:auto;min-width:clamp(14ch,18ch,24ch)}.oc-colList:last-child{border-right:none;margin-right:0;padding-right:0}.oc-colItem{display:flex;align-items:center;width:100%;gap:4px;border-radius:10px;padding:6px 10px;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s,outline-color .15s,box-shadow .15s;font-size:16px;line-height:1.3}.oc-colItem:hover{background:#f6faff}.oc-colItem.is-active{background:#f3f7ff;outline:1px solid var(--pri2)}.oc-colItem:focus-visible{border:1px solid var(--pri2);box-shadow:var(--ring);background:#eef5ff}.oc-colItem.is-disabled{opacity:.5;cursor:not-allowed}.oc-colLabel{display:block;font-size:inherit}@media(max-width:768px){.oc-colLabel{max-width:100%;white-space:normal;word-break:break-all}}@media(pointer:coarse),(max-width:480px){.oc-cols{max-height:60vh}.oc-colList{min-width:clamp(12ch,22vw,18ch)}}.oc-proc{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:start;padding:6px}.oc-procGroups{border-right:1px solid var(--line);padding-right:6px;margin-right:6px}.oc-procGroupBtn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1.35}.oc-procGroupBtn:hover{background:#f6faff}.oc-procGroupBtn.is-active{background:#f3f7ff;outline:1px solid var(--pri2)}.oc-procGroupMeta{color:var(--sub)}.oc-procOpts{min-width:12rem}.oc-procList{display:grid;gap:4px}.oc-procBtn{width:100%;text-align:left;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s;font-size:16px;line-height:1.35}.oc-procBtn:hover{border-color:var(--pri2);background:#eef5ff}.oc-procBtn.is-on{background:#e9f2ff;border-color:var(--pri2);box-shadow:var(--ring)}.oc-selectedNameRow{display:flex;width:100%}.oc-selectedNameRow--full .oc-selectedName{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-selectedMain{flex:1;min-width:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:var(--chipOn);box-shadow:0 1px #0f172a14;cursor:pointer;text-align:left;transition:background-color .15s,box-shadow .15s,transform .02s}.oc-selectedMain:hover{background:#cfe2ff;box-shadow:var(--shadow-md)}.oc-selectedMain:active{transform:translateY(1px)}.oc-selectedArrow{font-size:12px;color:var(--sub);flex-shrink:0}.oc-foldBody--stack{display:flex;flex-direction:column;gap:6px}.oc-selectedMain--factory{flex-direction:column;align-items:stretch;gap:6px}.oc-selectedMainHead{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent}.oc-selectedMain--factoryPink{background-color:#ffe6f0;border:1px solid #f7b6cf}.oc-factoryMoneyRow{display:flex;flex-wrap:wrap;gap:6px 10px}.oc-fmItem{display:flex;align-items:center;gap:6px;font-size:12px}.oc-fmLabel{color:var(--sub);white-space:nowrap}.oc-fmInput{min-width:70px;max-width:110px}@media(max-width:720px){.oc-fmItem{font-size:11px}}.oc-factoryList{display:flex;flex-direction:column;gap:12px}.oc-factoryItem{padding-block:2px}.oc-monthPortal{position:relative}.oc-monthPicker{position:absolute;z-index:30;margin-top:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);width:260px;padding:8px}.oc-monthHdr{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:8px}.oc-yearLabel{text-align:center;font-weight:700}.oc-navBtn,.oc-monthBtn{background:var(--panel2);border:1px solid var(--line);color:var(--txt)}.oc-navBtn{height:32px}.oc-navBtn:hover,.oc-monthBtn:hover{border-color:var(--pri2);box-shadow:var(--ring);background:#eef5ff}.oc-monthGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.oc-monthBtn{height:36px}.oc-monthBtn.is-active{border-color:var(--pri2);box-shadow:var(--ring);background:#e9f2ff}.oc-monthFoot{margin-top:8px;display:flex;justify-content:flex-end}.oc-clear{background:transparent;color:var(--sub);border:none;cursor:pointer;text-decoration:underline}.oc-refActions{display:flex;align-items:center;gap:8px}.oc-refGrid{display:grid;grid-template-columns:repeat(auto-fill,120px);gap:8px;justify-content:start}.oc-refItem{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-md);overflow:hidden}.oc-refThumbBtn{width:120px;height:120px;border:none;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}.oc-refThumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.oc-refMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px}.oc-refName{font-size:12px;color:var(--sub);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}.oc-refRemove{font-size:12px;white-space:nowrap}.oc-dropzone{width:100%;min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed #cbd5e1;border-radius:14px;background:#fbfdff;padding:14px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s,background-color .15s,transform .02s}.oc-dropzone:hover{border-color:var(--pri2);box-shadow:var(--ring);background:#f3f7ff}.oc-dropzone:active{transform:translateY(1px)}.oc-dropzoneInner{display:grid;gap:6px;max-width:520px}.oc-dropzoneTitle{font-weight:800;color:var(--txt);font-size:16px;line-height:1.2}.oc-dropzoneSub{font-size:12px;color:var(--sub);line-height:1.35}.oc-refAddBtn{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #c9c9c9;background:#fafafa;cursor:pointer;gap:6px}.oc-refAddBtn.is-empty{padding:10px}.oc-refAddPlus{font-size:28px;line-height:1}.oc-refAddText{font-size:14px;font-weight:600}.oc-refAddHint{font-size:12px;opacity:.75;text-align:center;line-height:1.2}.oc-refItem--add{border:none;box-shadow:none;background:transparent}.oc-dialogMask{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999}.oc-dialog{background:#fff;border-radius:12px;padding:1rem 1.25rem;min-width:260px;max-width:90vw;box-shadow:0 10px 30px #00000040;font-size:.9rem}.oc-dialogHdr{margin-bottom:.5rem}.oc-dialogTitle{font-weight:600}.oc-dialogBody{margin-bottom:.75rem}.oc-dialogMsg{margin:0;white-space:pre-line}.oc-dialogActions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.oc-dialog--success .oc-dialogHdr{border-left:4px solid #22c55e;padding-left:.5rem}.oc-dialog--error .oc-dialogHdr{border-left:4px solid #ef4444;padding-left:.5rem}.oc-imgMask{z-index:2000}.oc-imgModal{background:#fff;border-radius:14px;width:min(92vw,980px);max-height:86vh;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;overflow:hidden}.oc-imgModalHdr{padding:8px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end}.oc-imgModalBody{padding:8px;overflow:auto}.oc-imgPreview{width:100%;height:auto;display:block}.oc-loading-wrap{display:flex;align-items:center;justify-content:center;min-height:400px}.oc-loading-box{display:flex;flex-direction:column;align-items:center;gap:8px}.oc-loading-spinner{width:32px;height:32px;border-radius:999px;border:3px solid var(--line);border-top-color:var(--pri);animation:oc-spin .8s linear infinite}.oc-loading-text{font-size:16px;color:var(--muted)}.oc-eventFlag-sub,.oc-payChase{display:block;font-size:12px;color:#666;margin-top:4px}.oc-thumbLoading{width:100%;height:100%;display:grid;place-items:center}.oc-sizeRowWrap{margin-top:8px}.oc-sizeRow{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.oc-sizeRow__item{display:grid;gap:4px}.oc-sizeRow__input{width:100%;min-width:0;box-sizing:border-box}.oc-sizeRowActions{display:flex;justify-content:flex-end;margin-top:6px}@media(max-width:2000px){.oc-sizeRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end}.oc-sizeRow__item{min-width:0}.oc-sizeRow .oc-input,.oc-sizeRow .oc-select,.oc-sizeRow .oc-num,.oc-sizeRow .oc-totalInput,.oc-sizeRow__input{width:100%;min-width:0;max-width:none;inline-size:100%;box-sizing:border-box}.oc-sizeRow .oc-num,.oc-sizeRow .oc-totalInput{field-sizing:fixed;width:100%;inline-size:100%;min-width:0;max-width:none}}.oc-wrap{--oc-gap: 12px;--oc-radius: 12px;--oc-border: 1px solid var(--border);--oc-muted: #6b7280;--oc-bg: #ffffff;--oc-bg-soft: #f8fafc;--oc-ring: 0 0 0 3px rgba(37, 99, 235, .15);display:block;width:100%;max-width:100%;margin:0 auto;font-size:16px}.oc-layout{display:grid;grid-template-columns:1fr;gap:var(--oc-gap)}@media(min-width:992px){.oc-layout{grid-template-columns:.9fr 1.1fr;align-items:start}}.oc-left{display:grid;gap:var(--oc-gap)}@media(min-width:992px){.oc-left{grid-template-rows:auto minmax(320px,1fr)}}.oc-toolbar{background:var(--oc-bg);border:1px solid var(--border);border-radius:var(--oc-radius);padding:12px;display:grid;gap:8px;overflow:visible}.oc-row{display:flex;gap:8px;align-items:center}.oc-row--top{flex-wrap:nowrap;overflow:visible;min-width:0;white-space:nowrap}.oc-row--top .oc-input{flex:1 1 auto;min-width:0;width:auto;max-width:9999px}.oc-row--top .ym-wrap{flex:0 0 auto}.oc-row--bottom{flex-wrap:nowrap;overflow:visible;min-width:0;white-space:nowrap}.oc-row--bottom>*{flex:0 0 auto}.oc-input{border:var(--oc-border);border-radius:10px;padding:8px 10px;font-size:16px}.oc-year{display:inline-flex;align-items:center;gap:6px;color:var(--oc-muted);font-size:14px}.oc-select{border:var(--oc-border);border-radius:10px;padding:6px 8px;font-size:14px;background:#fff}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.oc-star{width:36px;height:36px;border-radius:10px;border:var(--oc-border);background:#fff;font-size:18px;line-height:36px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.oc-star.is-on{color:#f59e0b;border-color:#f59e0b66;background:#fff7ed}.gm-wrap{position:relative;z-index:1}.gm-trigger{display:inline-flex;align-items:center;gap:8px;border:var(--oc-border);background:#fff;border-radius:10px;padding:6px 10px;font-size:14px;cursor:pointer;white-space:nowrap}.gm-trigger:focus{outline:none;box-shadow:var(--oc-ring)}.gm-label{color:#374151;font-weight:600}.gm-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:120;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000014;padding:10px;width:auto;max-width:min(92vw,220px)}.gm-list--vertical{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.gm-item{align-self:flex-start;width:auto;max-width:-moz-max-content;max-width:max-content;display:inline-flex;gap:4px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:4px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gm-item input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.gm-item:hover{border-color:#9ca3af;background:#f3f4f6}.gm-item.is-on{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 0 0 2px #6366f133}.gm-tag{font-weight:700}.oc-list{background:var(--oc-bg);border:var(--oc-border);border-radius:var(--oc-radius);display:flex;flex-direction:column;min-height:320px}.oc-list-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:var(--oc-border);font-weight:600}.oc-add-btn{display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;padding:.25rem .5rem;border-radius:999px;border:1px solid #ddd;background:#fff;cursor:pointer;line-height:1}.oc-add-btn:hover{background:#f5f5f5}.oc-list-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:8px;display:grid;gap:8px;align-content:start;align-items:start}@media(max-width:639px){.oc-list-body{height:20vh;padding-right:4px}}.oc-item{background:var(--oc-bg-soft);border:var(--oc-border);border-radius:12px;padding:10px;display:grid;grid-template-columns:36px 1fr;gap:10px;cursor:pointer;outline:none;min-width:0;align-self:start;height:auto}.oc-item:is(:hover,:focus){box-shadow:var(--oc-ring);background:#f4f7fb}.oc-item.is-active{outline:2px solid #93c5fd;background:#f0f7ff}.oc-item-main{display:grid;gap:6px;min-width:0}.oc-item-top{display:flex;align-items:center;gap:8px;min-height:24px;min-width:0}.oc-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.oc-item-mid,.oc-item-bottom{display:flex;gap:12px;flex-wrap:wrap;color:#374151;font-size:14px;min-width:0}.oc-contact,.oc-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}.oc-phone{direction:ltr}.oc-last{color:var(--oc-muted)}.oc-annual{color:#111827;font-weight:600}.oc-tag{margin-left:auto;background:#e5e7eb;color:#111827;border-radius:999px;padding:2px 8px;font-size:12px}.oc-badge{display:inline-block;min-width:24px;text-align:center;font-weight:800;padding:2px 8px;border-radius:10px;font-size:12px;color:#111827;border:1px solid #e5e7eb;background:#fff}.oc-badge--A{background:#fee2e2;border-color:#fecaca}.oc-badge--B{background:#ffedd5;border-color:#fed7aa}.oc-badge--C{background:#fef9c3;border-color:#fde68a}.oc-badge--D{background:#dcfce7;border-color:#bbf7d0}.oc-badge--E{background:#dbeafe;border-color:#bfdbfe}.oc-badge--F{background:#e5e7eb;border-color:#d1d5db}.oc-empty{padding:8px 10px;font-size:14px;color:var(--oc-muted)}.oc-detail{background:var(--oc-bg);border:var(--oc-border);border-radius:var(--oc-radius);min-height:320px;padding:12px;overflow-x:hidden}.oc-placeholder{color:var(--oc-muted);padding:12px}.oc-detail-header{display:grid;gap:6px;margin-bottom:10px}.oc-detail-title{display:flex;align-items:center;gap:8px}.oc-detail-title h3{margin:0;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-detail-card{border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px;background:#f9fafb;font-size:13px}.oc-detail-grid{display:grid;grid-template-columns:1fr;gap:3px}@media(min-width:640px){.oc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-detail-row--full{grid-column:1 / -1}}.oc-detail-row{display:flex;align-items:baseline;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-detail-row .k{flex:0 0 auto;color:var(--oc-muted);font-size:12px}.oc-detail-row .v{flex:1 1 auto;font-size:13px;overflow:hidden;text-overflow:ellipsis}.oc-history-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px;font-weight:600}.oc-cards{display:grid;gap:8px}.oc-card{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}.oc-card-row{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:start;min-width:0}.oc-card-row+.oc-card-row{margin-top:6px}.oc-card-row .k{color:var(--oc-muted);font-size:14px}.oc-card-row .v{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:992px){.oc-left{max-height:72vh}.oc-list{overflow:hidden}.oc-list-body{height:100%}.oc-detail{max-height:72vh;overflow-y:auto}}.ym-wrap{position:relative}.ym-trigger{position:relative;border:var(--oc-border);background:#fff;border-radius:10px;cursor:pointer}.ym-trigger--icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0}.ym-trigger:focus{box-shadow:var(--oc-ring);outline:none}.ym-trigger.has-value:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:#6366f1;border-radius:50%}.ym-popover--fixed{position:fixed;z-index:9999;max-height:min(70vh,520px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000014;padding:10px;overflow:auto}@media(max-width:640px){.ym-trigger--icon{height:36px;width:36px}}.ym-head{display:flex;align-items:center;justify-content:space-between;padding:6px;border-bottom:1px solid #f1f5f9}.ym-year{font-weight:700}.ym-nav{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.ym-nav:hover{background:#f8fafc}.ym-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 6px}.ym-cell{height:44px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:600}.ym-cell:hover{background:#f8fafc}.ym-actions{display:flex;justify-content:space-between;padding:6px;border-top:1px solid #f1f5f9}.ym-reset,.ym-today{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.ym-today{border-color:#c7d2fe}.oc-modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:1200}.oc-modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 40px #0f172a40;max-width:520px;width:90%;max-height:90vh;display:flex;flex-direction:column}.oc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.oc-modal-header h3{margin:0;font-size:1rem}.oc-modal-close{background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer}.oc-modal-body{padding:.75rem 1rem 1rem;overflow-y:auto}.oc-field-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.oc-field-row--2{flex-direction:row;gap:.5rem}.oc-field-row label{flex:1;font-size:.85rem}.oc-field-row input{width:100%;font-size:.85rem;padding:.3rem .4rem;border-radius:.375rem;border:1px solid #d1d5db}.oc-required{color:#dc2626;margin-left:.15rem}.oc-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.oc-modal .oc-btn{border-radius:999px;padding:.35rem .9rem;font-size:.85rem;border:1px solid transparent;cursor:pointer}.oc-modal .oc-btn--primary{background:#111827;color:#fff}.oc-modal .oc-btn--primary:hover{background:#020617}.oc-tip-backdrop{position:fixed;inset:0;background-color:#00000040;display:flex;align-items:center;justify-content:center;z-index:1200}.oc-tip{background-color:#fff;border-radius:8px;padding:16px 20px 14px;min-width:260px;max-width:340px;box-shadow:0 10px 30px #00000029;font-size:14px;line-height:1.5}.oc-tip-message{margin-bottom:12px;word-break:break-all}.oc-tip--info{border-left:4px solid #3b82f6}.oc-tip--success{border-left:4px solid #16a34a}.oc-tip--warning{border-left:4px solid #f59e0b}.oc-tip--error{border-left:4px solid #ef4444}.oc-tip-actions{display:flex;justify-content:flex-end}.oc-tip-actions .oc-btn{padding:4px 12px;font-size:13px;border-radius:999px}.oc-tip-actions .oc-btn.oc-btn--primary{background:#111827;color:#fff;border:1px solid transparent}.oc-tip-actions .oc-btn.oc-btn--primary:hover{background:#020617}.oc-detail-header-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.oc-detail-actions{display:flex;gap:8px}.oc-edit-btn{font-weight:500}.oc-loading-wrap{min-height:60vh;display:flex;align-items:center;justify-content:center}.oc-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--oc-muted)}.oc-loading-spinner{width:40px;height:40px;border-radius:999px;border:3px solid #e5e7eb;border-top-color:#111827;animation:oc-spin .8s linear infinite}.oc-loading-text{font-size:14px}@keyframes oc-spin{to{transform:rotate(360deg)}}:root{--bg: #ffffff;--panel: #f9fafb;--card: #ffffff;--muted: #6b7280;--text: #374151;--accent: #0ea5e9;--danger: #dc2626;--row: #ffffff;--row-hover: #f3f4f6;--selected: #e0f2fe;--border: #d1d5db;--add-bg: #f0f9ff;--add-border: #bae6fd;--shadow: 0 10px 25px rgba(0,0,0,.08)}.oi-wrap{color:var(--text);background:var(--bg);font-size:16px;line-height:1.35;padding:12px;font-family:Noto Sans TC,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang TC,Microsoft JhengHei}.oi-main{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:960px){.oi-main{grid-template-columns:1fr}}.sec-title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.sec-title{font-size:16px;font-weight:700;color:var(--text);margin:0}.btn{background:#fff;border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px;font-size:16px;cursor:pointer}.btn:hover{background:var(--row-hover)}.btn.primary{color:#0369a1;border-color:#93c5fd}.btn.primary:hover{background:#e0f2fe}.btn.primary.tight{padding:4px 10px}.btn.danger{color:var(--danger);border-color:#ef9a9a}.btn.danger:hover{background:#fee2e2}.oi-left,.oi-right{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px;min-height:360px}.tree-scroll{background:var(--card);border:1px solid var(--border);border-radius:10px;max-height:540px;overflow:auto;padding:6px}.tree{padding-left:2px}.tree-node{padding-left:14px;position:relative}.tree-node:before{content:"";position:absolute;left:6px;top:0;bottom:0;border-left:1px dashed #cbd5e1}.tree-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--row);border:1px solid transparent;border-radius:6px;margin:2px 0;color:var(--text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-row:hover{background:var(--row-hover)}.tree-row.is-selected{background:var(--selected);border-color:#bae6fd}.expander{width:14px;height:14px;border:1px solid var(--border);border-radius:3px;background:#fff;position:relative;flex:0 0 14px;pointer-events:none}.expander:before,.expander:after{content:"";position:absolute;background:#6b7280}.expander:before{left:3px;right:3px;top:6px;height:2px}.expander:after{top:3px;bottom:3px;left:6px;width:2px}.expander.open:after{display:none}.expander.placeholder{background:transparent;border-color:transparent}.node-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.children{padding-left:10px}.add-row{background:var(--add-bg);border:1px dashed var(--add-border)}.add-row:hover{background:#eaf6ff;border-color:var(--accent)}.add-chip{display:inline-block;padding:2px 8px;border-radius:999px;border:1px dashed var(--add-border);font-size:16px;color:#0369a1;background:#fff}.sizes{margin-left:6px}.size-row{background:#fafafa}.size-row:hover{background:#f4f4f5}.size-chip{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #d4d4d8;background:#fff;color:#44403c;font-size:16px}.row-actions{margin-left:auto;display:none;gap:6px;align-items:center}.tree-row:hover .row-actions,.tree-row.is-selected .row-actions,.tree-row:focus-within .row-actions{display:inline-flex}.mini-btn{background:#fff;border:1px solid var(--border);color:#111827;padding:2px 8px;font-size:16px;border-radius:6px;cursor:pointer}.mini-btn:hover{background:var(--row-hover)}.mini-btn.danger{color:var(--danger);border-color:#ef9a9a}.mini-btn.danger:hover{background:#fee2e2}.modal-overlay{position:fixed;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(560px,92vw);background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:#f8fafc;border-top-left-radius:12px;border-top-right-radius:12px}.modal-title{font-weight:700;color:var(--text);font-size:16px}.modal-x{border:0;background:transparent;font-size:18px;line-height:1;color:#475569;cursor:pointer;padding:4px 6px;border-radius:8px}.modal-x:hover{background:#eef2f7}.modal-body{padding:12px}.modal-form{display:flex;flex-direction:column;gap:10px}.modal-input{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:16px;outline:none}.modal-input:focus{border-color:#9acbff;box-shadow:0 0 0 3px #e0f2fe}.modal-input.textarea{resize:vertical;min-height:120px}.modal-message{font-size:16px;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.json-view{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;max-height:540px;overflow:auto;font-size:16px;color:#374151}.oi-loading-wrap{display:flex;align-items:center;justify-content:center;min-height:400px}.oi-loading-box{display:flex;flex-direction:column;align-items:center;gap:8px}.oi-loading-spinner{width:32px;height:32px;border-radius:999px;border:3px solid var(--border);border-top-color:var(--accent);animation:oi-spin .8s linear infinite}.oi-loading-text{font-size:16px;color:var(--muted)}@keyframes oi-spin{to{transform:rotate(360deg)}}.pd-page{padding:80px 24px 24px;background:#f5f7fb;min-height:100vh;color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,PingFang TC,Heiti TC,Microsoft JhengHei,Arial,"Apple Color Emoji","Segoe UI Emoji"}.pd-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.pd-topbar-title{font-size:18px;font-weight:700;letter-spacing:.3px}.pd-tabs{display:flex;gap:8px;flex-wrap:wrap}.pd-tab{border:1px solid #d9e0ee;background:#fff;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:13px;transition:transform .06s ease,background .12s ease,border-color .12s ease}.pd-tab:hover{transform:translateY(-1px);border-color:#b9c6e4}.pd-tab.is-active{background:#eef4ff;border-color:#8cb1ff;font-weight:700}.pd-content{max-width:1200px;margin:0 auto}.pd-grid{display:grid;gap:14px}.pd-grid-1{grid-template-columns:1fr}.pd-grid-2{grid-template-columns:1fr 1fr}@media(max-width:980px){.pd-grid-2{grid-template-columns:1fr}}.pd-panel{background:#fff;border:1px solid #d9e0ee;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0f172a0f;min-height:540px}.pd-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f7f9ff;border-bottom:1px solid #e6ecfb}.pd-panel-title{font-weight:800;font-size:14px;flex:1;min-width:0}.pd-panel-header-right{display:flex;align-items:center;gap:10px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.pd-panel-body{padding:10px 12px 12px;height:491px;overflow:auto}.pd-empty{padding:14px;color:#64748b;font-size:13px}.pd-primary-btn{border:1px solid #8cb1ff;background:#eef4ff;color:#1e3a8a;padding:7px 12px;border-radius:10px;cursor:pointer;font-weight:700;font-size:13px}.pd-primary-btn:hover{background:#e4eeff}.pd-secondary-btn{border:1px solid #8cb1ff;background:#fff;color:#1e3a8a;padding:7px 12px;border-radius:10px;cursor:pointer;font-weight:800;font-size:13px}.pd-secondary-btn:hover{background:#f2f6ff}.pd-secondary-btn.is-disabled{opacity:.45;cursor:not-allowed}.pd-mini-btn{border:1px solid #d9e0ee;background:#fff;color:#0f172a;padding:4px 8px;border-radius:9px;cursor:pointer;font-size:12px}.pd-mini-btn:hover{background:#f5f7fb}.pd-mini-btn.danger{border-color:#f2b8b5;color:#b91c1c;background:#fff5f5}.pd-mini-btn.danger:hover{background:#ffecec}.pd-icon-btn{width:22px;height:22px;border-radius:6px;border:1px solid #d9e0ee;background:#fff;cursor:pointer;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin-right:6px}.pd-icon-btn:hover{background:#f5f7fb}.pd-icon-btn.is-hidden{opacity:0;pointer-events:none}.pd-tree{display:flex;flex-direction:column;gap:4px}.pd-tree-row{border-radius:10px}.pd-tree-row.is-selected>.pd-tree-row-inner{background:#eaf2ff;border-color:#9abaff}.pd-tree-row-inner{display:flex;align-items:center;gap:8px;border:1px solid #e6ecfb;background:#fff;border-radius:10px;padding:7px 8px}.pd-tree-label{border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:700;color:#0f172a;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-tree-actions{display:flex;gap:8px;flex-wrap:wrap}.pd-tree-children{margin-top:4px;display:flex;flex-direction:column;gap:4px}.pd-supplier-right{display:flex;flex-direction:column;gap:10px}.pd-supplier-selected{display:flex;flex-direction:column;gap:6px}.pd-selected-name{font-size:16px;font-weight:900;letter-spacing:.2px}.pd-selected-sub{display:flex;flex-wrap:wrap;gap:8px}.pd-chip{display:inline-flex;align-items:center;border:1px solid #d9e0ee;background:#fff;padding:4px 8px;border-radius:999px;font-size:12px;color:#334155}.pd-divider{height:1px;background:#e6ecfb}.pd-proc-list{display:flex;flex-direction:column;gap:8px}.pd-proc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e6ecfb;border-radius:12px;padding:8px 10px;background:#fff}.pd-proc-actions{display:flex;gap:8px}.pd-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pd-checkbox input{width:16px;height:16px}.pd-checkbox-text{font-weight:700;font-size:13px}.pd-status{margin-top:10px;border-top:1px solid #e6ecfb;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pd-status-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pd-pill{border:1px solid #d9e0ee;background:#fff;padding:4px 8px;border-radius:999px;font-size:12px}.pd-pill.ok{border-color:#bfe7cf;background:#f0fff6;color:#166534;font-weight:800}.pd-pill.warn{border-color:#f4d197;background:#fff7e6;color:#92400e;font-weight:900}.pd-status-right{flex:1;text-align:right}.pd-error{color:#b91c1c;font-weight:800;font-size:12px}.pd-muted{color:#64748b;font-size:12px}.pd-status-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid #d9e0ee;background:#fff;font-size:12px;font-weight:800;white-space:nowrap;max-width:420px}.pd-status-dot{width:8px;height:8px;border-radius:999px;background:#16a34a}.pd-status-chip.is-dirty .pd-status-dot{background:#f59e0b}.pd-status-text{color:#0f172a}.pd-status-sub{font-weight:700;color:#64748b}.pd-status-err{margin-left:6px;font-weight:800;color:#b91c1c;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-modal-overlay{position:fixed;inset:0;z-index:9999;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:18px}.pd-modal{width:min(520px,100%);background:#fff;border:1px solid #d9e0ee;border-radius:16px;box-shadow:0 18px 40px #0f172a2e;overflow:hidden}.pd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7f9ff;border-bottom:1px solid #e6ecfb}.pd-modal-title{font-weight:900;font-size:14px}.pd-modal-x{width:34px;height:34px;border-radius:10px;border:1px solid #d9e0ee;background:#fff;cursor:pointer;font-size:18px;line-height:1}.pd-modal-x:hover{background:#f5f7fb}.pd-modal-body{padding:12px 14px 6px}.pd-modal-text{font-size:13px;color:#0f172a;line-height:1.6;white-space:pre-wrap}.pd-modal-hint{font-size:12px;color:#64748b;line-height:1.6;margin-bottom:10px;border:1px dashed #d9e0ee;background:#fbfcff;padding:8px 10px;border-radius:12px}.pd-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 14px 14px}.pd-form{display:flex;flex-direction:column;gap:10px}.pd-form-row{display:flex;flex-direction:column;gap:6px}.pd-form-label{font-size:12px;font-weight:800;color:#0f172a}.pd-form-required{margin-left:4px;color:#b91c1c;font-weight:900}.pd-input{border:1px solid #d9e0ee;background:#fff;padding:10px;border-radius:12px;font-size:13px;outline:none}.pd-input:focus{border-color:#8cb1ff;box-shadow:0 0 0 3px #8cb1ff40}@media(max-width:520px){.pd-page{padding:64px 12px 16px}.pd-topbar{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px}.pd-topbar-title{font-size:16px}.pd-tabs{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.pd-tab{width:100%;text-align:center;padding:10px 8px;border-radius:12px}.pd-panel{min-height:auto}.pd-panel-body{height:auto;max-height:calc(100vh - 220px);padding:10px 10px 12px}.pd-panel-header{flex-direction:column;align-items:stretch;gap:10px}.pd-panel-header-right{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-content:stretch}.pd-status-chip{grid-column:1 / -1;max-width:100%;justify-content:flex-start}.pd-status-err{max-width:160px}.pd-secondary-btn,.pd-primary-btn{width:100%;justify-content:center;padding:10px;border-radius:12px}.pd-tree-row-inner{flex-wrap:wrap;gap:8px;padding:10px}.pd-tree-label{flex:1 1 calc(100% - 30px);min-width:0;font-size:14px}.pd-tree-actions{width:100%;justify-content:flex-end;gap:8px}.pd-mini-btn{padding:8px 10px;border-radius:12px;font-size:12px}.pd-proc-row{padding:10px;border-radius:14px}.pd-modal-overlay{padding:12px;align-items:flex-end}.pd-modal{border-radius:18px 18px 0 0;width:100%}}:root{--dd-bg: #ffffff;--dd-page: #f3f5f7;--dd-surface: #ffffff;--dd-text: #0b1220;--dd-muted: #334155;--dd-primary: #1d4ed8;--dd-primary-soft: #dbeafe;--dd-success: #15803d;--dd-success-soft: #dcfce7;--dd-danger: #b91c1c;--dd-danger-soft: #fee2e2;--dd-border: #cbd5e1;--dd-border-strong: #1d4ed8;--dd-soft-line: rgba(15, 23, 42, .1);--dd-soft-line-2: rgba(15, 23, 42, .14);--dd-shadow: 0 10px 22px rgba(2, 6, 23, .1);--dd-shadow-strong: 0 14px 28px rgba(29, 78, 216, .16);--dd-radius: 14px;--dd-ring: 0 0 0 4px rgba(29, 78, 216, .28);--dd-font-base: 16px;--dd-font-sm: 14px;--dd-font-xs: 13px;--dd-line: 1.45;--dd-btn-h: 44px;--dd-thumb-bg: #f1f5f9;--dd-card: rgba(255, 255, 255, .72);--dd-card-2: rgba(255, 255, 255, .85);--panel2: #ffffff;--txt: var(--dd-text);--sub: #475569;--line: #cbd5e1;--pri2: var(--dd-primary);--ring: var(--dd-ring);--h-xs: var(--dd-btn-h);--pad-xs-v: 10px;--pad-xs-h: 12px}.design-dashboard{padding:16px;min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(37,99,235,.06),transparent 60%),radial-gradient(900px 500px at 100% 10%,rgba(16,185,129,.05),transparent 55%),var(--dd-page);color:var(--dd-text);font-size:var(--dd-font-base);line-height:var(--dd-line)}.dd-container{max-width:1200px;margin:0 auto}.dd-layout{display:flex;flex-direction:column;gap:14px}.dd-panel{background:var(--dd-surface);border:1px solid var(--dd-soft-line);border-radius:var(--dd-radius);box-shadow:var(--dd-shadow)}.dd-panel-full{padding:24px}.dd-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fbfdff,#f8fafc);border-top-left-radius:var(--dd-radius);border-top-right-radius:var(--dd-radius)}.dd-panel-title{margin:0;font-size:18px;color:var(--dd-text);font-weight:900;letter-spacing:.2px}.dd-count-badge{font-size:var(--dd-font-sm);padding:6px 12px;border-radius:999px;background:#e0f2fe;color:#075985;border:1px solid #7dd3fc;font-weight:800}.dd-tag{font-size:var(--dd-font-sm);padding:6px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;font-weight:800}.dd-loading{padding:18px 10px;font-size:16px;color:var(--dd-muted)}.dd-empty{padding:14px;font-size:15px;color:var(--dd-muted)}.dd-orders-top .dd-panel-header{border-bottom:0}.dd-editor{display:flex;flex-direction:column}.dd-panel.dd-editor{overflow:visible}.dd-form{padding:14px;display:flex;flex-direction:column;gap:14px}.dd-field{display:flex;flex-direction:column;gap:8px}.dd-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.dd-label{font-size:15px;font-weight:900;display:inline-flex;align-items:center;gap:8px}.dd-hint{font-size:13px;color:var(--dd-muted)}.dd-input{width:100%;padding:12px;border:2px solid rgba(15,23,42,.16);border-radius:12px;background:#fff;outline:none;font-size:16px;min-height:var(--dd-btn-h);box-shadow:0 1px #02061708;transition:border-color .12s ease,box-shadow .12s ease,transform .08s ease}.dd-input::-moz-placeholder{color:#64748b}.dd-input::placeholder{color:#64748b}.dd-input:hover{border-color:#1d4ed847}.dd-input:focus{border-color:var(--dd-border-strong);box-shadow:var(--dd-ring);transform:translateY(-1px)}.dd-input:disabled,.dd-input[readonly]{background:#f8fafc;color:#0b1220;opacity:.85;border-color:#0f172a1f}.dd-input[readonly]{background:#f1f5f9d9;font-weight:900}.dd-textarea{resize:vertical;min-height:110px}.dd-actions{display:flex;justify-content:flex-end;gap:10px}.dd-btn{border:2px solid transparent;border-radius:12px;padding:10px 14px;font-size:16px;cursor:pointer;min-height:var(--dd-btn-h);font-weight:900;box-shadow:0 1px #0206170f;transition:transform .08s ease,filter .12s ease,background-color .12s ease,border-color .12s ease}.dd-btn:focus-visible{outline:none;box-shadow:var(--dd-ring)}.dd-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.dd-btn:active{transform:translateY(0) scale(.99)}.dd-btn-primary{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 18px #1d4ed838}.dd-btn-primary:hover{filter:brightness(1.02);transform:translateY(-1px)}.dd-btn-secondary{background:#eff6ff;color:#1d4ed8;border:2px solid #93c5fd}.dd-btn-secondary:hover{background:#dbeafe;transform:translateY(-1px)}.dd-btn-danger{margin-left:5px;border-color:#dc354573;color:#b02a37}.dd-btn-danger:hover{background:#dc354514;transform:translateY(-1px)}.dd-btn-danger:disabled{opacity:.5;cursor:not-allowed}.dd-linkbtn{background:#eff6ffeb;border:1px solid rgba(29,78,216,.35);padding:6px 10px;border-radius:999px;color:#1677ff;cursor:pointer;font-size:13px;font-weight:900;line-height:1;transition:background-color .12s ease,border-color .12s ease,transform .08s ease}.dd-linkbtn:hover{background:#dbeafe;transform:translateY(-1px)}.dd-linkbtn:disabled{color:#00000059;cursor:not-allowed;border-color:#0000001f;background:#00000008;transform:none}.dd-message-wrap{display:flex;flex-direction:column;gap:8px}.dd-message{padding:12px;border-radius:12px;font-size:15px;border:2px solid transparent;font-weight:900}.dd-message-error{background:var(--dd-danger-soft);border-color:#fecaca;color:#7f1d1d}.dd-message-success{background:var(--dd-success-soft);border-color:#86efac;color:#14532d}.dd-orders-scroll-wrap{padding:10px 12px 12px;border-top:1px solid #e2e8f0}.dd-orders-toolbar{display:flex;gap:10px;align-items:center}.dd-orders-search{flex:1;min-width:0;min-height:40px;padding:10px 12px}.dd-orders-clear{min-height:40px;height:40px;padding:0 12px;white-space:nowrap}.dd-orders-meta{margin-top:8px;font-size:13px;color:var(--dd-muted);font-weight:800}.dd-orders-list{margin-top:10px;display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.dd-order-item{width:100%;text-align:left;cursor:pointer;border:2px solid #cbd5e1;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 6px 14px #0206170f;transition:border-color .12s ease,box-shadow .12s ease,transform .08s ease}.dd-order-item:hover{border-color:#60a5fa;box-shadow:0 12px 20px #1d4ed81f;transform:translateY(-1px)}.dd-order-item.is-active{border-color:var(--dd-border-strong);box-shadow:var(--dd-shadow-strong)}.dd-order-item:focus-visible{outline:none;box-shadow:var(--dd-ring);border-color:var(--dd-border-strong)}.dd-order-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.dd-order-no{font-weight:900;font-size:16px}.dd-order-date{font-size:14px;color:#7c2d12;font-weight:800}.dd-order-item-title{font-weight:900;font-size:15px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.dd-order-item-sub{margin-top:4px;font-size:13px;color:var(--dd-muted);line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.dd-orders-empty{padding:10px 4px 0;font-size:13px;color:var(--dd-muted);font-weight:800}.dd-preview-wrap{margin-top:10px}.dd-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;align-items:stretch}.dd-preview-item{border:2px solid #cbd5e1;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.dd-preview-item:focus-within{box-shadow:var(--dd-ring);border-color:var(--dd-border-strong)}.dd-preview-thumbbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--dd-thumb-bg);padding:0;cursor:pointer;width:100%;height:120px;display:block}.dd-preview-thumbbtn:focus-visible{outline:none;box-shadow:var(--dd-ring)}.dd-preview-thumbbtn>*{width:100%!important;height:100%!important}.dd-preview-thumb,.dd-preview-thumb img,.dd-preview-thumbbtn img{width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center!important;object-position:center!important;display:block;background:var(--dd-thumb-bg)}.dd-preview-fileicon{padding:8px;display:grid;grid-template-columns:1fr;gap:6px;border-top:1px solid #e2e8f0;background:linear-gradient(180deg,#fbfdff,#f8fafc)}.dd-preview-filename{font-size:13px;color:var(--dd-muted);font-weight:900;word-break:break-word;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dd-preview-fileicon .dd-btn{min-height:36px;height:36px;padding:0 10px;font-size:14px;border-radius:10px;justify-self:start}.dd-preview-item--add{border:2px dashed #93c5fd;background:linear-gradient(180deg,#f8fbff,#eef4ff);display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.dd-preview-item--add:hover{border-color:#2563eb;background:linear-gradient(180deg,#eef4ff,#e0ecff);transform:translateY(-2px);box-shadow:0 10px 20px #2563eb1f}.dd-preview-addbtn{width:100%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:0;background:transparent;cursor:pointer;color:#1d4ed8;font-weight:900}.dd-preview-addbtn span:first-child{font-size:42px;line-height:1;font-weight:900;color:#2563eb;display:flex;align-items:center;justify-content:center}.dd-preview-addbtn span:last-child{font-size:14px;font-weight:900;color:#1d4ed8;letter-spacing:.3px}.dd-preview-addbtn.is-empty{height:140px}.dd-process-add{display:flex;gap:10px;align-items:center;margin-top:4px}.dd-process-add-input{flex:1}.dd-process-list{display:flex;flex-direction:column;gap:10px}.dd-process-card{border:2px solid #cbd5e1;border-radius:16px;background:#fff;box-shadow:0 10px 20px #02061714;overflow:visible}.dd-process-card.is-dragover{outline:3px dashed #1d4ed8;outline-offset:3px}.dd-process-card.is-dragging{opacity:.7}.dd-process-card-header{position:relative;display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.dd-process-drag-handle{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#e0f2fe;color:#075985;border:2px solid #7dd3fc;font-size:18px}.dd-process-card:active .dd-process-drag-handle{cursor:grabbing}.dd-process-card-titlebtn{border:0;background:transparent;cursor:pointer;padding:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.dd-process-card-titlebtn:focus-visible{outline:none;box-shadow:var(--dd-ring);border-radius:10px}.dd-process-title{font-weight:900;font-size:16px}.dd-process-chevron{font-size:16px;color:#334155}.dd-process-card-body{padding:12px}.dd-process-label{font-size:15px;color:var(--dd-text);margin-bottom:6px;font-weight:900}.dd-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:980px){.dd-process-grid{grid-template-columns:1fr}}.dd-process-item-full{grid-column:1 / -1}.dd-process-delx{margin-left:auto;border:none;background:transparent;cursor:pointer;font-size:20px;line-height:1;padding:6px 10px;border-radius:10px;opacity:.8;transition:background-color .12s ease,opacity .12s ease}.dd-process-delx:hover{opacity:1;background:#0000000f}.oc-formItem--span2{grid-column:1 / -1}.dd-design-3col{margin-top:8px}@media(max-width:768px){.dd-design-3col{grid-template-columns:1fr!important}}.dd-process-sizes{margin-top:10px;display:flex;flex-direction:column;gap:10px}.dd-process-size-row{display:grid;grid-template-columns:1.1fr 1.2fr .8fr auto;gap:10px;align-items:center}.dd-process-size-input,.dd-process-qty-input,.dd-process-color-input{min-width:0}.dd-process-row-btn{white-space:nowrap;min-width:72px}@media(max-width:560px){.dd-process-size-row{grid-template-columns:1fr}.dd-process-row-btn{width:100%}}.dd-process-items-list{display:flex;flex-direction:column;gap:10px}.dd-vendor-group{border:2px solid var(--dd-soft-line-2);border-radius:16px;padding:8px;margin-bottom:10px;box-shadow:0 8px 16px #0206170f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dd-vendor-group--collapsible>summary{list-style:none;-webkit-tap-highlight-color:transparent}.dd-vendor-group--collapsible>summary::-webkit-details-marker{display:none}.dd-vendor-group--collapsible[open]{border-color:#1d4ed838;box-shadow:0 12px 26px #1d4ed81a}.dd-vendor-summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:12px;border-radius:14px;background:var(--dd-card);border:1px solid rgba(15,23,42,.1);box-shadow:0 8px 18px #0206170f;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(0,2fr) minmax(160px,.8fr);gap:12px;align-items:center;transition:transform .08s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.dd-vendor-summary:hover{background:var(--dd-card-2);border-color:#1d4ed838;box-shadow:0 12px 22px #1d4ed81f;transform:translateY(-1px)}.dd-vendor-group--collapsible[open] .dd-vendor-summary{background:var(--dd-card-2);border-color:#1d4ed847;box-shadow:0 12px 24px #0206171a}.dd-vendor-summary-main{display:flex;flex-direction:column;gap:6px;min-width:0}.dd-vendor-summary-vendor{font-weight:900;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-vendor-summary-sub{font-size:12px;color:var(--dd-muted);font-weight:800}.dd-vendor-summary-procs{font-size:13px;color:#0f172a;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px;border-radius:12px;background:#ffffff8c;border:1px solid rgba(15,23,42,.08)}.dd-vendor-summary-price{text-align:right;font-weight:900;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:10px;border-radius:12px;background:#dbeafe8c;border:1px solid rgba(29,78,216,.18)}.dd-vendor-summary-price div:first-child{font-size:15px;color:#0b1220;letter-spacing:.2px}.dd-vendor-summary-price div:first-child:before{content:"💰 "}.dd-vendor-summary-price div:last-child{font-size:12px;color:var(--dd-muted);font-weight:800}.dd-vendor-titlewrap{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%}.dd-vendor-title{font-weight:900;font-size:15px}.dd-vendor-links{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.dd-vendor-link{background:#fff;border:1px solid rgba(29,78,216,.28);padding:7px 12px;border-radius:999px;color:#1d4ed8;font-size:13px;font-weight:900;cursor:pointer;line-height:1;box-shadow:0 6px 14px #0206170f;transition:transform .08s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.dd-vendor-link:hover{background:#eff6ff;border-color:#1d4ed86b;transform:translateY(-1px);box-shadow:0 10px 18px #1d4ed824}.dd-vendor-link:focus-visible{outline:none;box-shadow:var(--dd-ring)}.dd-vendor-link-danger{border-color:#b91c1c47;color:#b91c1c;box-shadow:0 6px 14px #b91c1c14}.dd-vendor-link-danger:hover{background:#b91c1c14;border-color:#b91c1c73;box-shadow:0 10px 18px #b91c1c1f}.dd-vendor-body{padding:12px 8px 8px}.dd-vendor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.dd-vendor-head-left{flex:1;min-width:min(360px,100%)}.dd-vendor-items{margin-top:10px;display:flex;flex-direction:column;gap:10px}.dd-vendor-itemrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(15,23,42,.08);box-shadow:0 6px 14px #0206170d}.dd-vendor-itemrow:hover{border-color:#1d4ed82e}.dd-vendor-delbtn{white-space:nowrap;min-width:72px}.dd-proc-collapse{border-radius:16px;border:1px solid rgba(15,23,42,.12);background:#ffffff94;overflow:hidden;box-shadow:0 8px 16px #0206170d}.dd-proc-collapse>summary{list-style:none;-webkit-tap-highlight-color:transparent}.dd-proc-collapse>summary::-webkit-details-marker{display:none}.dd-proc-summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;display:grid;grid-template-columns:1.4fr repeat(4,minmax(90px,auto));gap:10px;align-items:center;padding:12px;background:linear-gradient(180deg,#ffffffbf,#f8fafcd9);border-bottom:1px solid rgba(15,23,42,.08)}.dd-proc-summary:after{content:"";position:absolute;right:12px;top:50%;width:10px;height:10px;border-right:2px solid rgba(15,23,42,.45);border-bottom:2px solid rgba(15,23,42,.45);transform:translateY(-60%) rotate(45deg);opacity:.75}.dd-proc-collapse[open] .dd-proc-summary:after{transform:translateY(-40%) rotate(225deg)}.dd-proc-summary-proc{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-proc-summary-size,.dd-proc-summary-color,.dd-proc-summary-qty,.dd-proc-summary-unit{font-size:13px;color:var(--dd-muted);font-weight:900;text-align:right;white-space:nowrap}.dd-proc-body{padding:10px 10px 12px}.dd-proc-body.is-disabled{opacity:.65;pointer-events:none}.dd-vgRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.dd-vgRow--money{padding:12px;border-radius:16px;background:#ffffff94;border:1px solid rgba(15,23,42,.1);align-items:flex-end}.dd-vgField{display:flex;flex-direction:column;gap:4px;min-width:0}.dd-vgLabel{font-size:12px;color:#334155;font-weight:900;letter-spacing:.2px;margin-bottom:4px}.dd-vgRow--money .dd-vgField{flex:1 1 160px;max-width:220px}.dd-vgRow.is-disabled{opacity:.6;pointer-events:none}.dd-vendor-actions{display:flex;gap:10px;align-items:stretch;margin-top:10px}.dd-vendor-action-btn{height:var(--dd-btn-h);min-height:var(--dd-btn-h);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.dd-fabric-multi{display:flex;flex-direction:column;gap:8px}.dd-fabric-chips{display:flex;flex-wrap:wrap;gap:8px}.dd-fabric-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:6px 10px;background:#fff;font-size:13px;font-weight:800}.dd-fabric-chip-x{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.dd-fabric-input{width:100%}.oc-field{position:relative}.oc-fieldBtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:var(--dd-btn-h);padding:10px 12px;background:var(--panel2);color:var(--txt);border:2px solid var(--line);border-radius:12px;text-align:left;font-size:16px;font-weight:900;transition:box-shadow .12s,border-color .12s,background-color .12s}.oc-fieldBtn--compact{min-height:var(--h-xs);padding:var(--pad-xs-v) var(--pad-xs-h);font-size:16px;line-height:1.3}.oc-fieldBtn:hover{border-color:var(--pri2);background:#eff6ff}.oc-fieldBtn:focus-visible{outline:none;border-color:var(--pri2);box-shadow:var(--ring)}.oc-fieldBtnCaret{opacity:.85;color:#334155}.oc-placeholder{color:var(--sub);font-weight:800}.dd-vendor-itemgrid{display:grid;gap:10px}.dd-vendor-itemgrid-row{display:grid;gap:10px;align-items:center}.dd-vendor-itemgrid-row1{grid-template-columns:minmax(220px,1.4fr) minmax(120px,.8fr) minmax(120px,.8fr)}.dd-vendor-itemgrid-row2{grid-template-columns:1fr auto}@media(max-width:768px){.dd-vendor-itemgrid-row1{grid-template-columns:1fr 1fr}.dd-vendor-itemgrid-row1>:first-child{grid-column:1 / -1}.dd-vendor-itemgrid-row2{grid-template-columns:1fr}.dd-vendor-itemgrid-row2 .dd-vendor-delbtn{justify-self:end}}@media(max-width:768px){.dd-vendor-summary{grid-template-columns:1fr;gap:10px}.dd-vendor-summary-price{align-items:flex-start;text-align:left}.dd-proc-summary{grid-template-columns:1fr 1fr;gap:8px;padding-right:34px}.dd-proc-summary-proc{grid-column:1 / -1}.dd-proc-summary-size,.dd-proc-summary-color,.dd-proc-summary-qty,.dd-proc-summary-unit{text-align:left}}@media(max-width:560px){.dd-vendor-head-left{min-width:0;flex:1 1 100%}.dd-vendor-itemrow{grid-template-columns:1fr}.dd-vendor-delbtn{width:100%}.dd-vendor-actions{flex-direction:column;gap:8px}.dd-vendor-action-btn{width:100%}.dd-vgRow--money .dd-vgField{max-width:none;flex:1 1 100%}}@media(max-width:520px){.dd-orders-list{max-height:340px;gap:6px}.dd-order-item{padding:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:2000}.modal{width:min(520px,100%);background:#fff;border-radius:18px;padding:16px;box-shadow:0 18px 40px #00000047;border:2px solid #e2e8f0}.modal h3{margin:0 0 8px;font-size:18px;font-weight:900}.modal p{margin:0 0 14px;font-size:16px;color:var(--dd-text);font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.btn-cancel{border:2px solid #cbd5e1;background:#f1f5f9;color:var(--dd-text);border-radius:12px;padding:10px 14px;cursor:pointer;min-height:var(--dd-btn-h);font-size:16px;font-weight:900}.btn-confirm{border:2px solid transparent;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 12px 20px #1d4ed838;min-height:var(--dd-btn-h);font-size:16px;font-weight:900}.modal-actions .btn-secondary{padding:10px 14px;border-radius:12px;border:2px solid rgba(0,0,0,.12);background:#fff;color:#111;font-weight:900;cursor:pointer}.modal-actions .btn-secondary:hover,.btn-cancel:hover{background:#f8fafc}.workflow-modal-backdrop{position:fixed;inset:0;z-index:2500;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.workflow-modal{width:min(900px,100%);background:#fff;border-radius:18px;border:2px solid #e2e8f0;box-shadow:0 18px 40px #00000047;overflow:hidden}.workflow-modal-image{width:min(980px,100%)}.workflow-modal-title{margin:0;padding:14px 16px;font-size:18px;font-weight:900;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fbfdff,#f8fafc);color:var(--dd-text)}.workflow-modal-image-body{padding:12px;background:#0b1220;display:flex;align-items:flex-start;justify-content:flex-start;max-height:72vh;overflow:auto}.workflow-modal-image-body img{max-width:100%;height:auto;display:block;border-radius:12px;background:#0b1220}.workflow-modal-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fff;flex-wrap:wrap}.wf-button{border:2px solid transparent;border-radius:12px;padding:10px 14px;font-size:16px;cursor:pointer;min-height:var(--dd-btn-h);font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,transform .08s ease}.wf-button:focus-visible{outline:none;box-shadow:var(--dd-ring)}.wf-button:disabled{opacity:.65;cursor:not-allowed}.wf-button-outline{background:#fff;color:var(--dd-text);border-color:#cbd5e1}.wf-button-outline:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.dd-imgSpinner{position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,.15);border-top-color:#0009;animation:ddspin .8s linear infinite;pointer-events:none}@keyframes ddspin{to{transform:rotate(360deg)}}.cb{position:relative;width:100%}.cb-input{width:100%;box-sizing:border-box;padding:12px;min-height:var(--dd-btn-h);font-size:16px;line-height:22px;border:2px solid #cbd5e1;border-radius:12px;background:#fff;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.cb-input::-moz-placeholder{color:#64748b}.cb-input::placeholder{color:#64748b}.cb-input:focus{border-color:var(--dd-border-strong);box-shadow:var(--dd-ring)}.cb-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9999;background:#fff;border:2px solid #93c5fd;border-radius:12px;box-shadow:0 18px 34px #0206172e;padding:8px;max-height:260px;overflow:auto}.cb-item{width:100%;text-align:left;border:0;background:transparent;padding:10px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:800}.cb-item:hover,.cb-item.is-active{background:#eff6ff}:root{--bg: #ffffff;--panel: #ffffff;--line: #e5e7eb;--txt: #0f172a;--sub: #475569;--pri: #2563eb;--pri-soft: #eff6ff;--chip: #f1f5f9;--chipOn: #e0ecff;--muted: #94a3b8;--shadow-sm: 0 4px 10px rgba(15, 23, 42, .04);--shadow-md: 0 6px 16px rgba(15, 23, 42, .06);--ring: 0 0 0 2px rgba(37, 99, 235, .35)}.order-overview{max-width:1200px;margin:0 auto;padding:10px 5px}.order-overview>h2{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--txt)}.order-detail{max-width:1100px;margin:0 auto;padding:24px 16px 32px}.link-btn.back{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;font-size:13px;color:var(--pri);background:none;border:none;cursor:pointer}.link-btn.back:hover{text-decoration:underline}.filter-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;align-items:flex-start;width:100%}.filter-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}.filter-field{display:flex;flex-direction:column;gap:2px;min-width:130px;flex:0 0 auto}.filter-field--grow{flex:0 0 260px;min-width:220px}.filter-label,.filter-label2{font-size:12px;color:#64748b}.filter-label{display:none}.search-input,.filter-input{min-width:0;padding:4px 6px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:var(--txt);background:#fff;text-align:left}.search-input::-moz-placeholder{color:var(--muted)}.search-input::placeholder{color:var(--muted)}.search-input:focus,.filter-input:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 1px #2563eb33}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;line-height:1.4;border:1px solid transparent;white-space:nowrap}.badge-status{font-weight:600}.badge-status-draft{background-color:#fee2e2;color:#b91c1c}.badge-status-first-order{background-color:#e0f2fe;color:#0369a1}.badge-status-first-ok{background-color:#dcfce7;color:#166534}.badge-status-design-ok{background-color:#fef9c3;color:#854d0e}.badge-status-outsourcing{background-color:#f3e8ff;color:#6b21a8}.badge-status-second-ok{background-color:#cffafe;color:#155e75}.badge-status-finish{background-color:#e5e7eb;color:#374151}.badge-category{background-color:var(--chip);color:var(--sub);border-color:#cbd5e1}.badge-design{background-color:var(--chipOn);color:#1d4ed8;border-color:#bfdbfe}.order-card-list{display:flex;flex-direction:column;gap:6px}.order-row-card{display:flex;flex-direction:column;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.order-row-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:#94a3b8b3}.order-row-main{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.order-row-main-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.order-row-primary{display:flex;align-items:center;gap:6px;min-width:0}.order-row-orderNo{font-size:12px;font-weight:600;color:var(--txt);padding:1px 6px;border-radius:999px;background:var(--pri-soft)}.order-row-name{font-size:13px;color:var(--txt);font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order-row-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--sub)}.order-row-meta-item{white-space:nowrap}.order-row-main-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--sub)}.order-row-main-right-line{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.order-row-tags{display:flex;flex-wrap:wrap;gap:4px}.order-row-steps-row{margin-top:4px;display:flex;align-items:center}.order-row-steps{flex:1;display:flex;flex-wrap:wrap;gap:4px}.step-pill{border-radius:999px;border:1px solid var(--line);padding:4px 10px;font-size:12px;background:#fff;color:var(--sub);cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}.step-pill:hover{transform:translateY(-.5px);border-color:var(--pri)}.step-pill--todo:hover{background-color:#f9fafb}.step-pill--done{background-color:#e0f2fe;border-color:#0ea5e9;color:#0369a1}.step-pill--done:hover{background-color:#bae6fd}.step-pill--locked{background-color:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.step-pill--locked:hover{background-color:#e5e7eb;border-color:#e5e7eb;color:#9ca3af}.order-detail-header-card{border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,#f9fbff,#fff);padding:12px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.odh-main{min-width:0}.odh-order-no{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--txt);word-break:break-all}.odh-title{font-size:13px;color:var(--sub);word-break:break-all}.odh-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.odh-status-badge{margin-left:4px;font-size:15px}.odh-chip{padding:2px 8px;border-radius:999px;background-color:var(--chip);border:1px solid #cbd5e1;font-size:11px;color:var(--sub)}.odh-chip-danger{background-color:#fee2e2;border-color:#fecaca;color:#b91c1c}.order-detail-grid{margin-top:4px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr);align-items:flex-start;gap:12px}.od-card{background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.od-card-title{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--txt)}.od-card-span-2{grid-column:1 / -1}.od-info-grid{display:flex;flex-direction:column;gap:4px;font-size:13px}.od-info-grid-inline{flex-direction:row;flex-wrap:wrap;-moz-column-gap:12px;column-gap:12px}.od-info-grid-inline .od-info-row{flex:1 1 220px}.od-info-row{display:flex;gap:4px;font-size:13px;color:var(--txt)}.od-info-row-full{flex-direction:column}.od-info-label{min-width:70px;flex-shrink:0;font-size:12px;color:var(--muted)}.od-info-value{flex:1 1 auto;word-break:break-all}.od-subblock{margin-top:8px}.od-subblock-title{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--sub)}.detail-note{font-size:13px;color:var(--sub);line-height:1.5;padding:6px 8px;border-radius:8px;background-color:#f9fafb;border:1px dashed var(--line);white-space:pre-wrap}.od-table-wrapper{margin-top:6px;overflow-x:auto}.detail-step-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px}.detail-step-table th,.detail-step-table td{border:1px solid var(--line);padding:6px 8px;text-align:left}.detail-step-table thead{background-color:#f9fafb}.detail-step-table th{font-weight:600;color:var(--sub)}.row-complete{background-color:#ecfdf5}.detail-history-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.detail-history-item{padding:6px 8px;border-radius:8px;border:1px solid var(--line);background-color:#f9fafb}.detail-history-main{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.detail-history-stage{font-size:12px;font-weight:600;color:var(--txt)}.detail-history-decision{font-size:11px;padding:1px 8px;border-radius:999px;border:1px solid transparent}.decision-approve{background-color:#dcfce7;color:#166534;border-color:#86efac}.decision-outsource{background-color:#f3e8ff;color:#6b21a8;border-color:#e9d5ff}.decision-reject{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}.detail-history-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);margin-bottom:2px}.detail-history-note{font-size:12px;color:var(--sub);white-space:pre-wrap}.design-image-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.design-image{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--line);cursor:pointer;transition:transform .1s,box-shadow .15s}.design-image:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.image-preview-modal{position:relative;max-width:80vw;max-height:80vh;background:#000;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.image-preview-modal img{max-width:100%;max-height:70vh;border-radius:8px}.close-btn{position:absolute;top:8px;right:8px;border:none;background-color:#0f172ab3;color:#fff;border-radius:999px;width:24px;height:24px;font-size:14px;cursor:pointer}.empty-note{font-size:13px;color:var(--muted);margin:8px 0}.modal-overlay{position:fixed;inset:0;background-color:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:#fff;border-radius:16px;padding:16px 18px 14px;width:min(420px,90vw);box-shadow:var(--shadow-md)}.modal h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--txt)}.modal p{margin:0 0 8px;font-size:13px;color:var(--sub)}.modal label{display:block;margin-bottom:4px;font-size:13px;color:var(--sub)}.modal textarea{width:100%;min-height:70px;font-size:13px;border-radius:8px;border:1px solid var(--line);padding:6px 8px;resize:vertical}.modal textarea:focus{outline:none;border-color:var(--pri);box-shadow:var(--ring)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.btn-cancel,.btn-confirm{min-width:80px;height:32px;padding:0 12px;border-radius:999px;border:1px solid transparent;font-size:13px;cursor:pointer}.btn-cancel{background:#fff;color:var(--sub);border-color:var(--line)}.btn-cancel:hover{background-color:#f9fafb}.btn-confirm{background:var(--pri);color:#fff;border-color:var(--pri)}.btn-confirm:hover{background-color:#1d4ed8}.highlight{color:var(--pri);font-weight:600}.modal-error{max-width:420px}.modal-error h3{margin-bottom:.5rem}.modal-error p{margin-bottom:1rem;white-space:pre-wrap}.orderview-page{display:flex;flex-direction:column;gap:20px}.orderview-header,.orderview-content{background:#fff;padding:16px;border-radius:8px;border:1px solid var(--line)}.ov-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:10px;padding:16px}.ov-card-title{font-size:16px;font-weight:600;margin-bottom:12px}.ov-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ov-info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9}.ov-info-row-full{flex-direction:column}.ov-info-label{color:#64748b}.ov-info-value{font-weight:500}.ov-table{width:100%;border-collapse:collapse}.ov-table th,.ov-table td{padding:8px;border-bottom:1px solid #e2e8f0}.ov-table th{background:#f8fafc;font-weight:600}.ov-table tr:hover{background:#f1f5f9}.ov-fabric-row{align-items:flex-start}.ov-select-multi{width:100%;min-height:40px;padding:6px 8px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;font-size:14px}.ov-select-multi:disabled{background:#f8fafc;color:var(--muted);cursor:default}.ov-design-card{background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.ov-design-card-title{font-size:13px;font-weight:600;color:var(--txt);margin-bottom:4px}.ov-design-grid{display:flex;flex-direction:column;gap:6px}.ov-design-card .ov-info-row{padding:4px 0;border-bottom:1px solid #f1f5f9}.ov-design-card .ov-info-label{font-size:12px;color:#64748b;margin-bottom:2px}.ov-design-card .ov-info-value{font-size:13px;color:var(--txt);font-weight:400}.ov-link{font-size:13px;color:var(--pri);text-decoration:underline;cursor:pointer}.ov-link:hover{color:#1d4ed8}.pay-block{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.08)}.pay-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,28vw,320px);gap:14px;padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:0 1px #0f172a08;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.pay-row:hover{transform:translateY(-1px);border-color:#0f172a29;box-shadow:0 8px 18px #0f172a14}.pay-row.is-paid{border-color:#15803d33}.pay-row:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:999px}.pay-row.is-paid:before{background:#15803d8c}.pay-row:not(.is-paid):before{background:#1d4ed873}.pay-left{min-width:0;word-break:keep-all;overflow-wrap:anywhere}.pay-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.pay-who{font-weight:700;font-size:14px;color:var(--txt);word-break:keep-all;overflow-wrap:anywhere}.pay-badge{font-size:12px;padding:3px 10px;border-radius:999px;font-weight:700;border:1px solid transparent;letter-spacing:.2px}.pay-badge-due{color:#1d4ed8;background:#1d4ed81a;border-color:#1d4ed82e}.pay-badge-paid{color:#15803d;background:#15803d1a;border-color:#15803d2e}.pay-meta{margin-top:2px;font-size:12px;color:#0f172aa6;word-break:keep-all;overflow-wrap:anywhere}.pay-method{margin-top:10px;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#0f172ab3;padding:6px 10px;border-radius:999px;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);word-break:keep-all;overflow-wrap:anywhere}.pay-method-text{font-weight:700;color:#0f172ad9}.pay-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.pay-amount{font-weight:800;font-size:15px;color:var(--txt);letter-spacing:.2px}.pay-paid{width:100%;text-align:right;font-size:12px;color:#0f172ab8;line-height:1.7;padding:10px;border-radius:12px;background:#0f172a08;border:1px solid rgba(15,23,42,.06)}.pay-readonly-hint{font-size:12px;color:#0f172aa6;background:#fff;border:1px dashed rgba(15,23,42,.18);padding:10px 12px;border-radius:12px}.workflow-detail-grid .pay-block{grid-column:1 / -1}.factory-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.factory-card{border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:14px;padding:12px;box-shadow:0 1px #0f172a08;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.factory-card:hover{transform:translateY(-1px);border-color:#0f172a29;box-shadow:0 10px 20px #0f172a14}.factory-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(15,23,42,.06);margin-bottom:10px}.factory-name{font-size:14px;font-weight:800;color:var(--txt);min-width:0}.factory-delivery{font-size:12px;color:#0f172aa6;white-space:nowrap}.factory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.factory-field{min-width:0}.factory-field-span-2{grid-column:1 / -1}.factory-label{font-size:12px;color:#0f172a99;margin-bottom:4px}.factory-value{font-size:13px;color:#0f172ae0;font-weight:600;word-break:keep-all;overflow-wrap:anywhere}@media(max-width:900px){.order-detail-grid{grid-template-columns:1fr}.order-row-main{flex-direction:column;align-items:flex-start;gap:4px}.order-row-main-right{align-items:flex-start}.order-row-main-right-line{justify-content:flex-start}.pay-row{grid-template-columns:1fr}.pay-right{align-items:flex-start}.pay-paid{text-align:left}.factory-cards{grid-template-columns:1fr}}@media(max-width:768px){.order-overview,.order-detail{padding-inline:12px}.filter-row{gap:8px}.filter-field{min-width:calc(50% - 8px)}.filter-field--grow{min-width:100%;flex:1 1 100%}}@media(max-width:600px){.ov-grid-2{grid-template-columns:1fr}}.ov-thumbLoading,.ov-previewLoading{width:100%;height:100%;display:grid;place-items:center}.ov-spinner{width:22px;height:22px;border:3px solid rgba(0,0,0,.15);border-top-color:#0000008c;border-radius:999px;animation:ovspin .9s linear infinite}@keyframes ovspin{to{transform:rotate(360deg)}}:root{--bg: #ffffff;--text: #0f172a;--muted: #475569;--muted2: #64748b;--border: #e5e7eb;--border-strong: #cbd5e1;--focus: rgba(59,130,246,.22);--shadow: 0 1px 0 rgba(15,23,42,.05);--due-green: #16a34a;--due-orange: #d97706;--due-red: #dc2626;--due-blue: #2563eb;--due-gray: #6b7280;--tint-green: rgba(22,163,74,.1);--tint-orange: rgba(217,119,6,.12);--tint-red: rgba(220,38,38,.1);--tint-blue: rgba(37,99,235,.1);--tint-gray: rgba(107,114,128,.12);--tint-customer: rgba(37,99,235,.06);--tint-factory: rgba(217,119,6,.08)}.order-cal{padding:16px;background:var(--bg);color:var(--text)}.order-cal-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px}.order-cal-h2{margin:0;font-size:20px;color:var(--text)}.order-cal-sub{margin-top:4px;font-size:12px;color:var(--muted)}.order-cal-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cal-btn,.cal-month,.cal-filter-input{border:1px solid var(--border-strong);background:#fff;color:var(--text);padding:8px 10px;border-radius:10px;outline:none}.cal-btn{cursor:pointer}.cal-btn:hover{background:#f8fafc}.cal-btn:active{background:#f1f5f9}.cal-btn:focus-visible,.cal-month:focus-visible,.cal-filter-input:focus-visible{border-color:#3b82f6;box-shadow:0 0 0 3px var(--focus)}.order-cal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px}.cal-filter-input{min-width:220px}.order-cal-loading{padding:10px 0;color:var(--muted)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-bottom:none;border-radius:14px 14px 0 0;overflow:hidden;background:#fff}.cal-weekday{padding:10px 12px;font-size:12px;color:#334155;background:#f8fafc;border-right:1px solid var(--border);font-weight:700;letter-spacing:.2px}.cal-weekday:last-child{border-right:none}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:0 0 14px 14px;overflow:hidden;background:#fff}.cal-cell{min-height:140px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px;background:#fff}.cal-cell:nth-child(7n){border-right:none}.cal-cell--dim{background:#fafafa;color:#94a3b8}.cal-cell--today{outline:2px solid rgba(59,130,246,.55);outline-offset:-2px;background:#f7fbff}.cal-cell-date{display:flex;justify-content:flex-end;font-size:12px;color:#334155;margin-bottom:6px;font-weight:700}.cal-cell-events{display:flex;flex-direction:column;gap:6px;align-items:stretch}.cal-cell-events--scroll{max-height:none;overflow:visible;padding-right:0}.cal-event,.day-event{width:100%;min-width:0;border:1px solid var(--border-strong);background:#fff;color:var(--text);border-radius:12px;box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-left:7px solid #94a3b8;padding:9px 10px}.cal-event{display:flex;align-items:flex-start;gap:0;padding-left:10px}.cal-event:hover,.day-event:hover{background:#f8fafc;border-color:var(--border-strong);box-shadow:0 1px #0f172a0f,0 0 0 3px #0f172a05}.cal-event:focus,.day-event:focus{outline:none}.cal-event:focus-visible,.day-event:focus-visible{border-color:#3b82f6;box-shadow:0 0 0 3px var(--focus)}.cal-event--customer,.day-event--customer{background:var(--tint-customer)}.cal-event--factory,.day-event--factory{background:var(--tint-factory)}.cal-event-text{flex:1 1 auto;min-width:0;width:100%}.cal-event-main,.day-title{font-size:13px;font-weight:800;color:var(--text);line-height:1.25;white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word;overflow-wrap:anywhere}.cal-list-view{display:none;margin-top:10px}.day-row{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:10px 8px;border-bottom:1px solid var(--border)}.day-left{display:flex;flex-direction:column;align-items:center;gap:2px;color:#334155}.day-date{font-size:18px;font-weight:900;color:var(--text)}.day-week{font-size:12px;color:var(--muted2)}.day-empty{color:#94a3b8;padding:8px 0}.day-right{display:flex;flex-direction:column;gap:8px;align-items:stretch}.day-right--scroll{max-height:none;overflow:visible;padding-right:0}@media(max-width:900px){.cal-month-view{display:none}.cal-list-view{display:block}}.cal-error{margin-top:12px;padding:10px 12px;border:1px solid rgba(220,38,38,.35);background:#dc262614;border-radius:12px;color:#991b1b}.due-green{border-left-color:var(--due-green)}.due-orange{border-left-color:var(--due-orange)}.due-red{border-left-color:var(--due-red)}.due-blue{border-left-color:var(--due-blue)}.due-gray{border-left-color:var(--due-gray)}.cal-event.due-green,.day-event.due-green{background:var(--tint-green)}.cal-event.due-orange,.day-event.due-orange{background:var(--tint-orange)}.cal-event.due-red,.day-event.due-red{background:var(--tint-red)}.cal-event.due-blue,.day-event.due-blue{background:var(--tint-blue)}.cal-event.due-gray,.day-event.due-gray{background:var(--tint-gray)}.cal-event.due-gray .cal-event-main,.day-event.due-gray .day-title{color:#111827}.cal-event.due-gray,.day-event.due-gray{opacity:.92}:root{--bg: #f6f8fc;--card: #ffffff;--text: #0f172a;--muted: #667085;--muted2: #98a2b3;--line: #e6eaf2;--line2: #eef2f7;--shadow2: 0 2px 12px rgba(16, 24, 40, .06);--primary: #2563eb;--primary2: #1d4ed8;--primary-bg: rgba(37, 99, 235, .1);--primary-line: rgba(37, 99, 235, .25);--green: #16a34a;--green-bg: rgba(22, 163, 74, .1);--green-line: rgba(22, 163, 74, .35);--amber: #d97706;--amber-bg: rgba(217, 119, 6, .12);--amber-line: rgba(217, 119, 6, .35);--red: #dc2626;--red-bg: rgba(220, 38, 38, .1);--red-line: rgba(220, 38, 38, .32);--radius: 12px;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}.dl-page{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);padding:18px 12px 30px}.dl-shell{width:min(1100px,100%);margin:0 auto}.dl-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow2);margin-bottom:12px}.dl-titleblock{display:grid;gap:6px}.dl-title{font-size:18px;font-weight:900;letter-spacing:.2px}.dl-subtitle{font-size:13px;color:var(--muted)}.dl-search{display:flex;gap:10px;align-items:center;min-width:360px}.dl-input{flex:1;min-width:180px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);outline:none;font-size:14px;background:#fff}.dl-input::-moz-placeholder{color:var(--muted2)}.dl-input::placeholder{color:var(--muted2)}.dl-input:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb1f}.dl-btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:900;font-size:14px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dl-btn:active{transform:translateY(1px)}.dl-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dl-btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 18px #2563eb2e}.dl-btn-primary:hover{box-shadow:0 12px 22px #2563eb38}.dl-btn-ghost{background:#fff;border-color:var(--line);color:var(--text)}.dl-btn-ghost:hover{border-color:#2563eb4d;box-shadow:0 6px 16px #10182814}.dl-list{display:grid;gap:10px}.dl-listEmpty{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;box-shadow:var(--shadow2)}.dl-row{display:flex;justify-content:space-between;gap:14px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow2)}.dl-rowLeft{flex:1;min-width:0;display:grid;gap:10px}.dl-rowTop{display:flex;align-items:baseline;gap:8px;min-width:0}.dl-orderNo{font-weight:900;letter-spacing:.3px;white-space:nowrap}.dl-dot{color:var(--muted2);font-weight:900}.dl-titleText{font-weight:900;color:#111827;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-rowBottom{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.dl-meta{display:flex;gap:6px;align-items:baseline;font-size:13px;color:var(--muted)}.dl-metaKey{font-weight:900;color:#475467}.dl-metaVal{color:var(--text);font-weight:800}.dl-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dl-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--primary-line);background:var(--primary-bg);color:var(--primary2);font-size:12px;font-weight:900}.dl-badgeMuted{border-color:var(--line);background:#f8fafc;color:#344054}.dl-rowRight{display:flex;align-items:flex-start}.dl-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding:6px 2px}.dl-footnote{font-size:12px;color:var(--muted)}.dl-pager{display:flex;gap:10px}.dd-topbar{display:flex;gap:12px;align-items:center;margin-bottom:12px}.dd-topTitle{min-width:0}.dd-h1{font-size:18px;font-weight:900;letter-spacing:.2px}.dd-sub{font-size:13px;color:var(--muted);margin-top:4px}.dd-strong{font-weight:900;color:var(--text)}.dd-muted{color:var(--muted);font-size:12px}.dd-col{display:grid;gap:12px}.dd-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow2);padding:14px}.dd-cardTitle{font-weight:900;margin-bottom:10px}.dd-empty{text-align:center;color:var(--muted)}.dd-kv{display:grid;gap:8px}.dd-kvRow{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:baseline}.dd-k{font-size:12px;color:#475467;font-weight:900}.dd-v{font-size:14px;font-weight:800;color:var(--text);min-width:0;word-break:break-word}.dd-chipBar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dd-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;font-weight:900;font-size:13px;border:1px solid var(--line);background:#f8fafc;color:#334155}.dd-chip--done{background:var(--green-bg);border-color:var(--green-line);color:#166534}.dd-chip--todo{background:#f8fafc;border-color:var(--line);color:#334155}.dd-flowStack{display:grid;gap:10px}.dd-flowCard{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcff}.dd-flowHead{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-bottom:10px;border-bottom:1px dashed var(--line);margin-bottom:10px}.dd-vendorBox{background:#fff;border:1px solid var(--line2);border-radius:10px;padding:10px;margin-top:10px}.dd-vendorTop{display:grid;gap:6px}.dd-vendorName{display:flex;gap:6px;align-items:baseline;font-size:14px}.dd-vendorMeta{color:var(--muted);font-size:12px}.dd-ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px}.dd-li{margin:0;padding:0;line-height:1.5}.dd-imgGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dd-imgTile{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow2);text-decoration:none;color:inherit}.dd-imgTile:hover{border-color:#2563eb40;box-shadow:0 10px 18px #10182814}.dd-img{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;display:block;background:#f2f4f7}.dd-imgCap{padding:10px;font-size:12px;color:#334155;font-weight:800;border-top:1px solid var(--line2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-tip{margin-top:10px;font-size:12px;color:var(--muted)}.st-list{display:grid;gap:10px}.st-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.st-item:hover{border-color:#2563eb38;box-shadow:0 8px 16px #1018280f}.st-item--done{background:var(--green-bg);border-color:var(--green-line)}.st-left{display:flex;gap:10px;align-items:flex-start}.st-check{width:18px;height:18px;margin-top:2px;accent-color:var(--green)}.st-main{min-width:0}.st-title{font-weight:900;font-size:14px;color:var(--text)}.st-sub{margin-top:4px;font-size:12px;color:var(--muted)}.st-busy{font-size:12px;color:var(--muted);white-space:nowrap;padding-top:2px}.pay-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#f8fafc;font-size:12px;font-weight:900;color:#334155}.pay-tag--ok{background:var(--green-bg);border-color:var(--green-line);color:#166534}.pay-tag--warn{background:var(--amber-bg);border-color:var(--amber-line);color:var(--amber)}.pay-tag--danger{background:var(--red-bg);border-color:var(--red-line);color:var(--red)}.workflow-history{list-style:none;margin:0;padding:0;display:grid;gap:10px}.workflow-history-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.workflow-history-main{display:flex;justify-content:space-between;gap:10px;align-items:center}.workflow-history-stage{font-weight:900}.workflow-history-decision{font-size:12px;font-weight:900;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#f8fafc}.decision-approve{background:var(--green-bg);border-color:var(--green-line);color:#166534}.decision-reject{background:var(--red-bg);border-color:var(--red-line);color:var(--red)}.workflow-history-meta{margin-top:6px;display:flex;gap:12px;font-size:12px;color:var(--muted)}.workflow-history-note{margin:8px 0 0;font-size:13px;color:var(--text)}@media(max-width:820px){.dl-header{flex-direction:column;align-items:stretch}.dl-search{min-width:0;width:100%}.dl-row{flex-direction:column;align-items:stretch}.dl-rowRight{justify-content:flex-end}.dd-imgGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.dd-kvRow{grid-template-columns:64px 1fr}.dd-imgGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-img{height:140px}}@media(max-width:380px){.dl-title,.dd-h1{font-size:17px}.dl-btn{padding:10px 12px}}.dd-thumbLoading{width:100%;height:100%;display:grid;place-items:center}.dd-thumbLoading--modal{min-height:60vh}*{box-sizing:border-box}:root{--bg: #ffffff;--text: #0f172a;--muted: #475569;--muted2: #64748b;--border: #e5e7eb;--border-strong: #cbd5e1;--focus: rgba(59,130,246,.22);--shadow: 0 1px 0 rgba(15,23,42,.05);--due-green: #16a34a;--due-orange: #d97706;--due-red: #dc2626;--due-blue: #2563eb;--due-gray: #6b7280;--tint-green: rgba(22,163,74,.1);--tint-orange: rgba(217,119,6,.12);--tint-red: rgba(220,38,38,.1);--tint-blue: rgba(37,99,235,.1);--tint-gray: rgba(107,114,128,.12);--kind-customer: rgba(37,99,235,.06);--kind-vendor: rgba(217,119,6,.08);--kind-step: rgba(16,185,129,.06);--kind-other: rgba(100,116,139,.06)}.dcal{padding:16px;background:var(--bg);color:var(--text)}.dcal-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px}.dcal-h2{margin:0;font-size:20px;color:var(--text)}.dcal-sub{margin-top:4px;font-size:12px;color:var(--muted)}.dcal-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dcal-btn,.dcal-month,.dcal-input{border:1px solid var(--border-strong);background:#fff;color:var(--text);padding:8px 10px;border-radius:10px;outline:none}.dcal-btn{cursor:pointer}.dcal-btn:hover{background:#f8fafc}.dcal-btn:active{background:#f1f5f9}.dcal-btn:focus-visible,.dcal-month:focus-visible,.dcal-input:focus-visible{border-color:#3b82f6;box-shadow:0 0 0 3px var(--focus)}.dcal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px}.dcal-input{min-width:220px}.dcal-loading{padding:10px 0;color:var(--muted)}.dcal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-bottom:none;border-radius:14px 14px 0 0;overflow:hidden;background:#fff}.dcal-weekday{padding:10px 12px;font-size:12px;color:#334155;background:#f8fafc;border-right:1px solid var(--border);font-weight:800;letter-spacing:.2px}.dcal-weekday:last-child{border-right:none}.dcal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:0 0 14px 14px;overflow:hidden;background:#fff}.dcal-cell{min-height:140px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px;background:#fff}.dcal-cell:nth-child(7n){border-right:none}.dcal-cell--dim{background:#fafafa;color:#94a3b8}.dcal-cell--today{outline:2px solid rgba(59,130,246,.55);outline-offset:-2px;background:#f7fbff}.dcal-cell-date{display:flex;justify-content:flex-end;font-size:12px;color:#334155;margin-bottom:6px;font-weight:900}.dcal-cell-events{display:flex;flex-direction:column;gap:6px;align-items:stretch}.dcal-cell-events--scroll{max-height:none;overflow:visible;padding-right:0}.dcal-event,.dcal-day-event{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-left:7px solid #94a3b8;padding:9px 10px}.dcal-event:hover,.dcal-day-event:hover{background:#f8fafc;border-color:var(--border-strong);box-shadow:0 1px #0f172a0f,0 0 0 3px #0f172a05}.dcal-event:focus-visible,.dcal-day-event:focus-visible{border-color:#3b82f6;box-shadow:0 0 0 3px var(--focus)}.dcal-event-text{min-width:0;width:100%}.dcal-event-main{font-size:13px;font-weight:900;line-height:1.25;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.dcal-event-sub{margin-top:2px;font-size:11px;color:var(--muted2);font-weight:700}.dcal-list-view{display:none;margin-top:10px}.dcal-day-row{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:10px 8px;border-bottom:1px solid var(--border)}.dcal-day-left{display:flex;flex-direction:column;align-items:center;gap:2px;color:#334155}.dcal-day-date{font-size:18px;font-weight:1000;color:var(--text)}.dcal-day-week{font-size:12px;color:var(--muted2)}.dcal-day-empty{color:#94a3b8;padding:8px 0}.dcal-day-right{display:flex;flex-direction:column;gap:8px;align-items:stretch}.dcal-day-title{font-size:13px;font-weight:900;line-height:1.25;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.dcal-day-sub{margin-top:2px;font-size:11px;color:var(--muted2);font-weight:700}@media(max-width:900px){.dcal-month-view{display:none}.dcal-list-view{display:block}}.dcal-error{margin-top:12px;padding:10px 12px;border:1px solid rgba(220,38,38,.35);background:#dc262614;border-radius:12px;color:#991b1b}.due-green{border-left-color:var(--due-green);background:var(--tint-green)}.due-orange{border-left-color:var(--due-orange);background:var(--tint-orange)}.due-red{border-left-color:var(--due-red);background:var(--tint-red)}.due-blue{border-left-color:var(--due-blue);background:var(--tint-blue)}.due-gray{border-left-color:var(--due-gray);background:var(--tint-gray)}.kind-customer{background-image:linear-gradient(0deg,var(--kind-customer),var(--kind-customer))}.kind-vendor{background-image:linear-gradient(0deg,var(--kind-vendor),var(--kind-vendor))}.kind-step{background-image:linear-gradient(0deg,var(--kind-step),var(--kind-step))}.kind-other{background-image:linear-gradient(0deg,var(--kind-other),var(--kind-other))}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}:root{--container-max: 50vw;--container-pad: clamp(12px, 2vw, 24px);--space-1: 6px;--space-2: 10px;--space-3: 16px;--space-4: 24px;--radius-2: 12px;--fz-12: clamp(11px, 1.8vw, 12px);--fz-14: clamp(12px, 2vw, 14px);--fz-16: clamp(14px, 2.2vw, 16px);--fz-18: clamp(16px, 2.4vw, 18px);--fz-20: clamp(18px, 2.6vw, 20px)}body{font-family:Noto Sans TC,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#1f2d3d;background:#f6f8fb;overflow-y:scroll}.app-container{width:min(100% - (var(--container-pad) * 2),var(--container-max));margin-inline:auto}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-body{flex:1;padding-top:0;padding-bottom:var(--space-4)}.app-body-inner{display:flex;align-items:stretch}.app-main{flex:1;min-width:0;max-width:100%;background:#fff;overflow:hidden}.app-backdrop{position:fixed;inset:70px 0 0;background:#0f172a73;z-index:900}.footer{width:100%;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:center}.footer-inner{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);padding-block:10px;text-align:center;font-size:var(--fz-14);color:#64748b}.grid-autofit{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-2);padding:var(--space-4);box-shadow:0 6px 20px #0f172a0f;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1a}.app-main *,.app-container *{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}@media(max-width:1024px){:root{--container-max: 100vw;--container-pad: 12px}.app-container{width:100%;margin-inline:0}.footer-inner{max-width:100%}}@media(max-width:600px){:root{--container-pad: 10px}.app-body-inner{gap:8px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.w-full{width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-20{padding-top:5rem}.text-\[16px\]{font-size:16px}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media(min-width:640px){.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}}