:root{--bg:#f4f6f4;--surface:#fff;--surface-soft:#f8faf8;--surface-tint:#eef4f0;--ink:#141916;--soft-ink:#27302a;--muted:#68736c;--faint:#8c958e;--line:#dce3de;--line-strong:#c4cec7;--sidebar:#111812;--sidebar-soft:#1a241d;--green:#2d6a4f;--green-soft:#2d6a4f1f;--blue:#355c7d;--amber:#a46f2d;--gold:#b78a43;--rose:#9f4f5c;--danger:#a33d35;--ok:#2f7048;--radius:8px;--sidebar-width:264px;--topbar-height:72px;--shadow:0 18px 48px #11181214;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--ink);background:linear-gradient(180deg, #eef4f0b8, #f4f6f400 320px), var(--bg);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}input,select{min-height:38px;padding:0 11px}textarea{resize:vertical;min-height:88px;padding:10px 11px;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:#2d6a4f94;box-shadow:0 0 0 3px #2d6a4f1a}input::placeholder,textarea::placeholder{color:#a0aaa3}h1,h2,h3,p{margin-top:0}small,.muted{color:var(--muted)}.login-shell{background:radial-gradient(circle at 18% 20%,#b78a432e,#0000 28%),linear-gradient(135deg,#101711 0%,#26372d 48%,#f4f6f4 48.2% 100%);place-items:center;min-height:100vh;padding:36px;display:grid}.login-panel{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff47;grid-template-columns:1.08fr .92fr;width:min(1040px,100%);min-height:600px;display:grid;overflow:hidden;box-shadow:0 28px 80px #11181238}.login-visual{color:#f6fbf7;background:linear-gradient(145deg,#111812f5,#1f3127eb),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='.10' stroke-width='1' d='M20 100c48-72 132-72 180 0M20 126c48-72 132-72 180 0M20 152c48-72 132-72 180 0'/%3E%3C/svg%3E");flex-direction:column;justify-content:space-between;padding:54px;display:flex;position:relative}.login-copy{max-width:520px}.login-copy h1{letter-spacing:0;margin-bottom:18px;font-size:42px;line-height:1.12}.login-copy p,.sub{color:var(--muted);line-height:1.75}.login-visual .login-copy p,.login-visual .brand-mark span{color:#f6fbf7bd}.login-form{flex-direction:column;justify-content:center;padding:54px;display:flex}.login-form h2{margin-bottom:8px;font-size:26px}.form-grid{gap:16px;margin-top:24px;display:grid}.brand-mark{align-items:center;gap:12px;display:flex}.brand-symbol{background:linear-gradient(135deg, var(--gold), #e3c178);border-radius:50%;flex:none;width:36px;height:36px;position:relative;box-shadow:inset 0 0 0 1px #ffffff3d}.brand-symbol:after{content:"";border:2px solid #1118128c;border-radius:50%;position:absolute;inset:10px}.brand-mark strong,.brand-mark span span{display:block}.brand-mark span span,.brand-mark div span{letter-spacing:0;color:var(--muted);margin-top:3px;font-size:11px}.primary-btn,.secondary-btn,.danger-btn,.text-btn{border-radius:var(--radius);border:1px solid var(--line);white-space:nowrap;min-height:38px;padding:0 14px;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}.primary-btn{color:#fff;background:linear-gradient(#2d7a59,#245c44);border-color:#1f5f45;box-shadow:0 10px 24px #2d6a4f33}.secondary-btn{color:var(--soft-ink);background:var(--surface)}.danger-btn{color:var(--danger);background:#fff}.text-btn{min-height:30px;color:var(--blue);background:0 0;border-color:#0000;padding:0 8px}.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover,.quick-card:hover,.todo-row:hover{transform:translateY(-1px)}.secondary-btn:hover,.danger-btn:hover{border-color:var(--line-strong);box-shadow:0 8px 22px #11181214}.text-btn:hover{background:#355c7d14}.text-btn.active{color:var(--green);background:var(--green-soft);border-radius:999px}.danger-text{color:var(--danger)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{z-index:9;color:#ffffffe6;background:linear-gradient(180deg, #ffffff0a, #fff0 180px), var(--sidebar);border-right:1px solid #ffffff14;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand-mark{padding:4px 8px 18px}.sidebar .brand-mark div span{color:#ffffff85}.nav-list{flex-direction:column;gap:7px;margin-top:6px;display:flex}.nav-item{color:#ffffff9e;text-align:left;border-radius:var(--radius);background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;min-height:62px;padding:11px 12px;display:flex}.nav-item:hover{color:#ffffffe6;background:#ffffff0f}.nav-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(#b78a4333,#ffffff12);border-color:#b78a4361}.nav-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.nav-item strong,.nav-item small{display:block}.nav-item strong{font-size:14px}.nav-item small{color:#ffffff75;margin-top:4px;font-size:11px;line-height:1.35}.side-rules{color:#ffffff9e;border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff1a;margin-top:auto;padding:14px;font-size:12px;line-height:1.7}.main{min-width:0}.topbar{z-index:7;height:var(--topbar-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f6f4eb;justify-content:space-between;align-items:center;gap:18px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title strong,.topbar-title span{display:block}.topbar-title strong{font-size:19px}.topbar-title span{max-width:620px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.topbar-actions,.toolbar-actions,.action-group,.status-actions{align-items:center;gap:8px;display:flex}.topbar-actions{flex:none}.admin-badge{min-height:36px;color:var(--soft-ink);border:1px solid var(--line);background:#ffffffbd;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.admin-avatar{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:inline-grid}.workspace{min-width:0;padding:24px 28px 42px}.workspace.loading{opacity:.7;pointer-events:none}.toolbar,.catalog-sync-strip,.workspace-action-strip{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg, #2d6a4f1a, #b78a430f), var(--surface);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px;display:flex}.toolbar h2{margin-bottom:5px;font-size:24px}.toolbar p,.catalog-sync-copy span,.workspace-action-copy span{color:var(--muted);margin:0;line-height:1.6}.catalog-sync-copy strong,.workspace-action-copy strong{margin-bottom:4px;display:block}.compact-input{width:min(360px,100%)}.filter-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(240px,1.3fr) repeat(4,minmax(130px,.7fr));gap:10px;margin-bottom:18px;padding:14px;display:grid}.grid{gap:16px;margin-bottom:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four,.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-grid{gap:16px;margin-bottom:18px;display:grid}.catalog-grid{align-items:start}.order-workbench{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start}.metric,.panel,.quick-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 36px #1118120e}.metric{flex-direction:column;justify-content:center;min-height:118px;padding:18px;display:flex;overflow:hidden}.metric span,.metric small,.metric em{color:var(--muted);font-size:12px;font-style:normal}.metric strong{letter-spacing:0;margin:10px 0 6px;font-size:clamp(24px,2.4vw,32px);line-height:1}.quick-card{min-height:112px;color:var(--ink);text-align:left;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;display:flex}.quick-card strong,.quick-card small{display:block}.quick-card small{color:var(--muted);margin-top:7px;line-height:1.5}.quick-card b{color:var(--green);font-size:30px;line-height:1}.panel{min-width:0;margin-bottom:18px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);background:linear-gradient(180deg, #fff, var(--surface-soft));justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:14px 16px;display:flex}.panel-head h3{margin:0;font-size:16px}.panel-head span{color:var(--muted);font-size:12px}.lq-rule-panel{margin-top:22px}.lq-rule-definition,.lq-rule-formula{color:var(--ink,#24211d);margin:0 0 8px;line-height:1.6}.lq-rule-formula{color:var(--muted,#746f67)}.lq-rule-grid{margin-top:18px}.lq-rule-grid article{background:#ffffff75;border:1px solid #2722191f;gap:9px;min-width:0;padding:16px;display:grid}.lq-rule-grid strong{color:#24211d}.lq-rule-grid span{color:#625b51;font-size:13px;line-height:1.55}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;word-break:break-word;padding:12px 14px;font-size:13px;line-height:1.55}th{z-index:1;color:#53605a;background:#f1f5f2;font-weight:600;position:sticky;top:0}tbody tr{transition:background .16s,box-shadow .16s}tbody tr:hover{background:#fbfcfb}tbody tr.selected{box-shadow:inset 3px 0 0 var(--green);background:#2d6a4f14}td input,td textarea,td select{background:#fff}.product-table th:first-child,.product-table td:first-child{width:28%}.order-table th:first-child,.order-table td:first-child{width:19%}.finance-review-table th:last-child,.finance-review-table td:last-child{width:22%}.link-reset{color:inherit;text-align:left;background:0 0;border:0;padding:0}.product-name{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.product-name img,.thumb{object-fit:cover;background:var(--surface-tint);border:1px solid var(--line);border-radius:6px;flex:none;width:46px;height:46px}.product-name strong,.product-name small{display:block}.product-name small{color:var(--muted);margin-top:3px}.pill{min-height:24px;color:var(--soft-ink);white-space:nowrap;background:#636e6814;border:1px solid #636e6838;border-radius:999px;align-items:center;margin:0 4px 4px 0;padding:0 9px;font-size:12px;display:inline-flex}.pill.ok{color:var(--ok);background:#2f70481a;border-color:#2f704842}.pill.warn{color:var(--amber);background:#a46f2d1c;border-color:#a46f2d47}.pill.danger{color:var(--danger);background:#a33d351a;border-color:#a33d3540}.pill.info{color:var(--blue);background:#355c7d1a;border-color:#355c7d3d}.todo-list,.log-list,.editable-list,.detail-builder,.detail-list{flex-direction:column;gap:10px;padding:14px;display:flex}.todo-row,.log-item,.editable-row,.config-row,.module-row,.detail-product-preview,.detail-list p{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.todo-row{width:100%;min-height:72px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.todo-row strong,.todo-row small,.log-item strong,.log-item span,.log-item small{display:block}.todo-row small,.log-item small,.log-item span{color:var(--muted);margin-top:5px}.todo-row b{color:var(--green);font-size:24px}.log-item{padding:12px}.editable-row{grid-template-columns:1fr 1.5fr 110px 122px;align-items:center;gap:10px;padding:12px;display:grid}.editable-row.banner-row{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 82px 116px minmax(116px,.8fr) auto auto}.config-row{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:12px;display:grid}.config-row .wide{grid-column:span 2}.split-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;padding:16px;display:grid}.split-form.compact{grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding-top:6px}.split-form .wide{grid-column:1/-1}.field{min-width:0;color:var(--muted);flex-direction:column;gap:7px;font-size:13px;display:flex}.field label{color:#4f5a54;font-weight:600}.field.wide{grid-column:1/-1}.file-upload{min-height:42px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;padding:8px 11px;display:flex;position:relative;overflow:hidden}.file-upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.file-upload span:before{content:"+";color:var(--green);margin-right:8px;font-weight:700}.product-image-list{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:10px;display:grid}.product-image-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.product-image-item img{aspect-ratio:1/.78;object-fit:cover;background:var(--surface-tint);width:100%;display:block}.product-image-item .text-btn{justify-content:center;width:100%}.product-image-preview{aspect-ratio:1/.72;width:150px;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);place-items:center;margin-top:10px;display:grid;overflow:hidden}.product-image-preview img{object-fit:cover;width:100%;height:100%}.detail-product-preview{background:linear-gradient(90deg,#2d6a4f17,#b78a430f);align-items:center;gap:12px;padding:12px;display:flex}.detail-product-preview img{border-radius:var(--radius);object-fit:cover;border:1px solid #ffffffb8;flex:none;width:76px;height:76px}.detail-product-preview strong,.detail-product-preview span{display:block}.detail-product-preview span{color:var(--muted);margin-top:6px;line-height:1.55}.module-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.module-row h4{margin:0 0 5px;font-size:14px}.module-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.action-group{flex-wrap:wrap;justify-content:flex-start}.action-group.wrap,.status-actions{flex-wrap:wrap;padding:0 16px 16px}.check-field{min-height:42px;color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.check-field input{width:16px;height:16px}.ticket-image-list{gap:6px;display:grid}.empty-cell{color:var(--muted);text-align:center;padding:28px}.order-detail-panel{top:calc(var(--topbar-height) + 18px);position:sticky}.detail-list{padding-bottom:8px}.detail-list p{grid-template-columns:96px minmax(0,1fr);gap:12px;margin:0;padding:11px 12px;line-height:1.55;display:grid}.detail-list b{color:#51605a}.detail-list span{color:var(--soft-ink)}.ship-form{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(110px,.8fr) auto;gap:8px;margin-bottom:8px;display:grid}.modal-mask{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090e0a8f;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff3d;width:min(960px,100%);max-height:calc(100vh - 56px);overflow:auto;box-shadow:0 28px 80px #11181247}.modal.product-dialog{width:min(1040px,100%)}.modal-head{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:16px 18px;display:flex;position:sticky;top:0}.modal-head h3{margin:0;font-size:18px}.modal-actions{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex;position:sticky;bottom:0}.toast{z-index:50;color:#fff;border-radius:var(--radius);background:#101711;justify-content:center;align-items:center;min-width:190px;min-height:42px;padding:0 16px;display:none;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 48px #11181238}.toast.show{display:flex}@media (width<=1180px){.grid.four,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-workbench,.catalog-grid{grid-template-columns:1fr}.order-detail-panel{position:static}.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.login-panel,.app-shell{grid-template-columns:1fr}.login-panel{min-height:auto}.login-visual,.login-form{padding:34px}.login-copy h1{font-size:32px}.sidebar{height:auto;max-height:none;position:relative}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.side-rules{margin-top:16px}.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:16px 18px;position:relative}.topbar-title span{white-space:normal}.workspace{padding:18px}.toolbar,.catalog-sync-strip,.workspace-action-strip,.topbar-actions,.toolbar-actions{flex-direction:column;align-items:stretch}.compact-input{width:100%}.grid.two,.grid.three,.grid.four,.quick-grid,.filter-row,.split-form,.split-form.compact,.editable-row,.editable-row.banner-row,.config-row,.ship-form{grid-template-columns:1fr}.config-row .wide,.field.wide{grid-column:auto}.modal-mask{padding:12px}}@media (width<=560px){.login-shell{padding:16px}.login-visual,.login-form{padding:24px}.nav-list{grid-template-columns:1fr}.workspace{padding:14px}th,td{padding:10px}.detail-list p,.module-row{grid-template-columns:1fr}}