:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#e7ecf7;background:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b1020;--surface: #11182b;--surface-raised: #151f35;--surface-soft: #18243c;--border: #263450;--border-soft: rgba(147, 165, 204, .13);--text: #e7ecf7;--muted: #8f9bb5;--subtle: #65718a;--primary: #7694ff;--primary-strong: #5d7ef4;--positive: #44d39b;--warning: #f2b45f;--danger: #f26c82;--shadow: 0 24px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 72% -10%,rgba(83,112,235,.18),transparent 34rem),var(--bg)}button,input,select{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(118,148,255,.46);outline-offset:2px}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:236px;height:100vh;padding:28px 16px 20px;border-right:1px solid var(--border-soft);background:#0b1020d6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-lockup{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{color:#f6f8ff;font-size:15px;letter-spacing:.02em}.brand-lockup span{margin-top:4px;color:var(--muted);font-size:11px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:#fff;box-shadow:0 12px 30px #0003}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer;text-align:left;transition:.16s ease}.nav-item:hover{color:var(--text);background:#7694ff14}.nav-item.active{border-color:#7694ff38;color:#f1f4ff;background:linear-gradient(90deg,#7694ff30,#7694ff12);box-shadow:inset 3px 0 0 var(--primary)}.app-icon{flex:0 0 auto;width:18px;height:18px}.sidebar-footer{display:grid;gap:8px;margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--border-soft)}.platform-label,.sidebar-footer small{color:var(--muted);font-size:11px}.platform-label{display:flex;align-items:center;gap:8px}.sidebar-footer small{color:var(--subtle)}.workspace{min-width:0;max-height:100vh;overflow-y:auto;padding:28px clamp(22px,3.2vw,56px) 48px}.topbar,.section-heading,.product-heading,.topbar-actions,.card-actions,.toolbar,.toolbar-actions,.product-title-row,.product-data,.notification-fields,.task-fields,.notice-status{display:flex;align-items:center}.topbar,.section-heading,.product-heading,.toolbar{justify-content:space-between}.topbar{min-height:68px;margin-bottom:24px}.eyebrow{color:var(--subtle);font-size:10px;font-weight:700;letter-spacing:.16em}h1,h2,p{margin:0}h1{margin-top:5px;color:#f8faff;font-size:clamp(25px,3vw,34px);letter-spacing:-.04em}h2{margin-top:5px;color:#f0f3fc;font-size:17px;letter-spacing:-.02em}.topbar-actions{gap:12px}.connection-badge,.task-state{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:#11182bb8;font-size:11px;font-weight:600}.connection-badge.ok,.task-state.active{border-color:#44d39b4d;color:#88e6bf;background:#44d39b1a}.connection-badge{min-height:30px;padding:0 10px}.connection-badge.loading{color:#b6c7ff}.connection-badge.error{border-color:#f26c8252;color:#ff9cac;background:#f26c8217}.task-state{padding:6px 9px;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--subtle);box-shadow:0 0 0 3px #8f9bb51a}.status-dot.success{background:var(--positive);box-shadow:0 0 0 3px #44d39b1f}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:var(--surface);cursor:pointer;transition:.16s ease}.icon-button:hover{border-color:#7694ff75;color:var(--text);background:var(--surface-raised)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:start;gap:18px}.content-column,.right-column{display:grid;gap:18px;min-width:0}.card{min-width:0;padding:22px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(145deg,#151f35f0,#0f172af0);box-shadow:var(--shadow)}.section-heading{gap:18px;margin-bottom:20px}.account-profile{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border-soft)}.avatar-large{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border:1px solid rgba(157,179,255,.4);border-radius:18px;color:#f4f6ff;background:radial-gradient(circle at 30% 22%,#d3dcff,transparent 18%),linear-gradient(145deg,#758fff,#3d4d96 65%,#202c58);box-shadow:0 12px 28px #293a8752;font-size:22px;font-weight:800}.avatar-large img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.hero-profile{width:100%;margin:0;padding:0;border:0}.hero-avatar{width:76px;height:76px;border-radius:22px}.account-profile strong,.account-profile span{display:block}.account-profile strong{color:var(--text);font-size:14px}.account-profile span{margin-top:5px;color:var(--muted);font-size:11px}.field-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.7fr);gap:13px}.field-wide{grid-column:1 / -1}.field{display:grid;gap:8px;min-width:0;color:var(--muted);font-size:11px;font-weight:600}.field small{color:var(--subtle);font-weight:400}.field input,.field select,.search-field input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:9px;color:var(--text);outline:none;background:#0d1527;transition:.16s ease}.field input:focus,.field select:focus,.search-field input:focus{border-color:#7694ffbf;box-shadow:0 0 0 3px #7694ff21}.field input::placeholder,.search-field input::placeholder{color:#5f6d86}.card-actions{justify-content:flex-end;gap:10px;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:9px;color:#f6f8ff;background:var(--primary-strong);cursor:pointer;font-size:12px;font-weight:700;transition:.16s ease}.button:hover:not(:disabled){transform:translateY(-1px);background:#6f8fff;box-shadow:0 8px 20px #4d69d638}.button:disabled{cursor:wait;opacity:.55}.button.secondary,.button.compact{border-color:var(--border);color:#c4cde1;background:#151f35cc}.button.compact{min-height:38px;padding:0 12px;font-size:11px}.button.task-button{width:100%;min-height:48px;margin-top:18px;font-size:13px}.button.task-button.danger{border-color:#f26c8252;color:#ffdfe5;background:#b03954c2}.text-button{padding:6px 0;color:var(--primary);background:transparent;cursor:pointer;font-size:11px;font-weight:700}.text-button:hover{color:#a9bbff}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px}.category-tabs{display:flex;flex-wrap:wrap;gap:4px}.category-tab{min-height:34px;padding:0 10px;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;transition:.16s ease}.category-tab small{margin-left:4px;color:var(--subtle)}.category-tab:hover,.category-tab.active{color:#eef2ff;background:#7694ff2b}.category-tab.active small{color:#aebdff}.toolbar-actions{gap:8px}.search-field{width:180px}.search-field input{min-height:38px;font-size:11px}.metric-inline{display:flex;align-items:baseline;gap:6px;color:var(--muted);font-size:11px}.metric-inline strong{color:#e9eeff;font-size:20px}.product-list{display:grid;gap:8px}.product-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto 18px;align-items:center;gap:13px;width:100%;min-height:78px;padding:10px 12px;border:1px solid transparent;border-radius:12px;color:var(--text);background:#0c14249e;cursor:pointer;text-align:left;transition:.16s ease}.product-row:hover{border-color:#7694ff47;background:#7694ff14}.product-row.selected{border-color:#7694ff99;background:linear-gradient(90deg,#7694ff24,#7694ff0d);box-shadow:inset 3px 0 0 var(--primary)}.product-thumb,.mini-thumb{display:grid;place-items:center;overflow:hidden;color:#ffffffdb;font-weight:800}.product-thumb{width:48px;height:48px;border-radius:12px;font-size:18px}.tone-0{background:linear-gradient(145deg,#8a6bff,#353267)}.tone-1{background:linear-gradient(145deg,#438fe8,#25445f)}.tone-2{background:linear-gradient(145deg,#d48f56,#663e3e)}.tone-3{background:linear-gradient(145deg,#4bb799,#1d4b58)}.product-main,.product-title-row,.product-data{min-width:0}.product-main{display:grid;gap:8px}.product-title-row{justify-content:space-between;gap:12px}.product-title-row strong{overflow:hidden;color:#e9eefb;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.product-title-row em{flex:0 0 auto;color:#a9baff;font-size:12px;font-style:normal;font-weight:700}.product-data{flex-wrap:wrap;gap:11px;color:var(--subtle);font-size:10px}.product-data b{margin-left:3px;color:#aab5cc;font-weight:600}.product-select{width:15px;height:15px;border:1px solid #52617e;border-radius:50%}.product-select.checked{border:4px solid var(--primary);box-shadow:0 0 0 3px #7694ff26}.blacklist-action{min-width:72px;min-height:36px;padding:0 9px;border:1px solid rgba(242,180,95,.24);border-radius:8px;color:#f3c987;background:#f2b45f14;cursor:pointer;font-size:10px;font-weight:700;transition:.16s ease}.blacklist-action:hover{border-color:#f2b45f85;background:#f2b45f29}.blacklist-action.added{border-color:#44d39b3d;color:#8de0be;background:#44d39b14}.empty-state{display:grid;min-height:120px;place-items:center;border:1px dashed var(--border);border-radius:11px;color:var(--subtle);font-size:12px}.compact-empty{min-height:90px}.selected-product{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(118,148,255,.27);border-radius:12px;background:#7694ff14}.selected-product.empty{border-color:var(--border-soft);background:#0c142480}.mini-thumb{width:38px;height:38px;flex:0 0 auto;border-radius:10px;color:#e9edff;background:linear-gradient(145deg,#7a8cff,#3d477f)}.mini-thumb img{display:block;width:100%;height:100%;object-fit:cover}.selected-product small,.selected-product strong{display:block}.selected-product small{color:var(--subtle);font-size:10px}.selected-product strong{margin-top:4px;color:#e4eaff;font-size:12px}.task-fields{gap:10px;margin-top:17px}.task-fields .field{flex:1}.input-with-prefix{position:relative}.input-with-prefix b{position:absolute;top:12px;left:12px;color:var(--subtle);font-size:12px}.input-with-prefix input{padding-left:25px}.helper-text{margin-top:11px;color:var(--subtle);font-size:10px;line-height:1.55}.log-card{min-height:340px}.log-list{display:grid;align-content:start;gap:10px;max-height:250px;overflow-y:auto;padding-right:4px}.full-log{max-height:420px}.log-line{display:grid;grid-template-columns:62px minmax(0,1fr);gap:9px;color:#aeb8cc;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:10px;line-height:1.5}.log-time{color:var(--subtle)}.log-line.success .log-message{color:#8de0be}.log-line.warning .log-message{color:#e9c079}.log-line.error .log-message{color:#ff9eae}.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toggle-card{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:11px;cursor:pointer;transition:.16s ease}.toggle-card:hover,.toggle-card.enabled{border-color:#7694ff5c;background:#7694ff12}.toggle-card input,.switch-label input{position:absolute;width:1px;height:1px;opacity:0}.toggle-card strong,.toggle-card small{display:block}.toggle-card strong{color:#dfe6f7;font-size:11px}.toggle-card small{margin-top:3px;color:var(--subtle);font-size:10px}.toggle-indicator{width:17px;height:17px;flex:0 0 auto;border:1px solid #52617e;border-radius:5px}.toggle-card.enabled .toggle-indicator{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 4px #18223b}.notification-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:15px}.notification-fields .field{flex:1 1 180px}.test-button{flex:0 0 auto}.switch-label{display:block;cursor:pointer}.switch{display:block;position:relative;width:38px;height:22px;border-radius:999px;background:#293752;transition:.16s ease}.switch:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#8996af;content:"";transition:.16s ease}.switch-label input:checked+.switch{background:#44d39bb8}.switch-label input:checked+.switch:after{left:19px;background:#effff8}.notice-card .field{margin-bottom:2px}.notice-status{gap:9px;margin-top:18px;padding-top:13px;border-top:1px solid var(--border-soft);color:var(--muted);font-size:10px}.toast-message{position:fixed;right:28px;bottom:28px;z-index:10;max-width:min(360px,calc(100vw - 40px));padding:12px 15px;border:1px solid rgba(118,148,255,.35);border-radius:10px;color:#eaf0ff;background:#1b2948;box-shadow:0 18px 40px #00000057;font-size:12px}.toast-enter-active,.toast-leave-active{transition:.18s ease}.toast-enter-from,.toast-leave-to{transform:translateY(8px);opacity:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.server-mode-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:15px 16px;border:1px solid var(--border-soft);border-radius:12px;background:#2335577a}.server-mode-copy{flex:1;min-width:0}.server-mode-panel strong{display:block;color:var(--text-strong);font-size:13px}.server-mode-panel p{max-width:620px;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.server-authorization-field{margin-top:14px}.server-mode-actions{display:flex;flex:0 0 auto;flex-direction:column;gap:8px}@media(max-width:1180px){.app-shell{grid-template-columns:214px minmax(0,1fr)}.sidebar{width:214px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.right-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.log-card{grid-column:1 / -1}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:16px 16px 12px;border-right:0;border-bottom:1px solid var(--border-soft)}.brand-lockup{padding:0 4px 15px}.nav-list{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.nav-item{flex:0 0 auto;padding:0 11px}.sidebar-footer{display:none}.workspace{max-height:none;padding:22px 16px 34px;overflow:visible}.topbar{min-height:58px}.right-column{grid-template-columns:1fr}.log-card{grid-column:auto}}@media(max-width:560px){.topbar,.section-heading,.toolbar{align-items:flex-start}.topbar-actions{gap:7px}.icon-button{width:34px;height:34px}.card{padding:17px;border-radius:13px}.field-grid,.notification-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.card-actions{flex-direction:column-reverse;align-items:stretch}.card-actions .button,.toolbar-actions{width:100%}.search-field{flex:1;width:auto}.product-data{gap:6px 10px}.product-row{grid-template-columns:40px minmax(0,1fr) auto 15px;gap:8px;padding:9px 8px}.product-thumb{width:40px;height:40px}.blacklist-action{min-width:58px;padding:0 6px;font-size:9px}.blacklist-meta{align-items:flex-start;flex-direction:column;gap:4px}.server-mode-panel{align-items:stretch;flex-direction:column}.server-mode-panel .button,.server-mode-actions{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-description{margin-top:7px;color:var(--muted);font-size:12px}.page-view{min-width:0}.page-enter-active,.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from{transform:translateY(5px);opacity:0}.page-leave-to{transform:translateY(-5px);opacity:0}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);align-items:center;gap:24px;min-height:210px;margin-bottom:18px;background:radial-gradient(circle at 84% 18%,rgba(118,148,255,.2),transparent 16rem),linear-gradient(145deg,#1b2a4cfa,#0f172af5)}.hero-copy{max-width:680px}.hero-copy h2{max-width:620px;margin-top:10px;color:#f7f9ff;font-size:clamp(22px,3vw,31px);line-height:1.18}.hero-copy p{max-width:620px;margin-top:12px;color:#aebbd4;font-size:13px;line-height:1.7}.button-row{display:flex;flex-wrap:wrap;gap:10px}.hero-status{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:144px;padding:18px;border:1px solid rgba(157,179,255,.18);border-radius:14px;color:var(--muted);background:#070d1b57;text-align:left}.hero-profile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.hero-profile-content{display:grid;gap:10px;min-width:0}.hero-quick-actions{display:grid;gap:8px;min-width:0}.quick-action-row{display:flex;flex-wrap:wrap;gap:7px}.hero-status strong{color:#eef2ff;font-size:13px}.hero-status span:last-child{overflow:hidden;max-width:100%;color:var(--subtle);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{display:grid;gap:7px;min-height:116px;padding:17px}.metric-card span,.metric-card small{color:var(--muted);font-size:11px}.metric-card strong{color:#f1f4ff;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:23px;letter-spacing:-.04em}.metric-card small{overflow:hidden;color:var(--subtle);text-overflow:ellipsis;white-space:nowrap}.large-helper{color:var(--subtle);font-size:11px;line-height:1.6}.full-button{width:100%;margin-top:17px}.home-notice{margin-top:5px;padding-top:0;border-top:0}.page-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:start;gap:18px}.settings-page{max-width:980px}.settings-save-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.state-list span{display:grid;gap:6px;min-width:0;padding:11px 12px;border:1px solid var(--border-soft);border-radius:10px;background:#0a122261}.state-list small{color:var(--subtle);font-size:10px}.state-list b{overflow:hidden;color:#e9eeff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.product-thumb img{display:block;width:100%;height:100%;object-fit:cover}.task-fields-large{gap:12px}.task-fields-large .field{min-width:0}.task-panel{scroll-margin-top:24px}.blacklist-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--subtle);font-size:10px}.inline-action{margin-left:auto;white-space:nowrap}.flow-list{display:grid;gap:9px}.flow-step{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:10px;min-height:56px;padding:9px 11px;border:1px solid var(--border-soft);border-radius:11px;background:#0a12225c}.flow-step>span{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);background:#8f9bb514;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:11px}.flow-step strong,.flow-step small{grid-column:2;display:block}.flow-step strong{color:#e5ebfb;font-size:11px}.flow-step small{margin-top:3px;overflow:hidden;color:var(--subtle);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.flow-step.done{border-color:#44d39b38;background:#44d39b0d}.flow-step.done>span{border-color:#44d39b73;color:#90e7c2;background:#44d39b21}.compact-flow .flow-step{min-height:67px}.state-list{display:grid;gap:9px}.notification-fields-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.notification-fields-stack .field:first-child{grid-column:1 / -1}.notification-fields-stack .button-row{grid-column:1 / -1;justify-content:flex-end}.notice-actions{justify-content:flex-end;margin-top:18px}.notice-empty{min-height:150px}.dashboard-log{max-height:220px}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-template-columns:minmax(0,1fr) minmax(180px,.42fr)}}@media(max-width:820px){.page-grid,.hero-card{grid-template-columns:1fr}.hero-status{flex-direction:column;align-items:stretch;text-align:left}}@media(max-width:560px){.metric-grid,.notification-fields-stack{grid-template-columns:1fr}.notification-fields-stack .field:first-child,.notification-fields-stack .button-row{grid-column:auto}.hero-copy h2{font-size:23px}.settings-save-card{align-items:stretch;flex-direction:column}.notice-actions,.notice-actions .button{width:100%}.quick-action-row .button{flex:1}}