:root{--color-accent:#2563eb;--color-mid:#3b82f6;--color-light:#60a5fa;--color-pale:#93c5fd;--color-link:#2563eb;--color-bg:#fff;--color-surface:#fff;--color-sidebar:#2563eb;--color-text-primary:#1a2740;--color-text-muted:#4d6a8f;--color-border:#2563eb;--border:1px solid var(--color-border);--color-danger:#dc2626;--color-success:#16a34a;--color-hover:#2563eb0f;--color-active:#2563eb1a;--color-active-strong:#2563eb24;--color-on-accent:#fff;--color-on-accent-muted:#ffffffb8;--color-on-accent-hover:#ffffff1a;--color-on-accent-active:#ffffff2e;--color-on-accent-border:#ffffff38;--color-border-neutral:#eaecef;--color-fill-neutral:#f2f3f5;--color-fill-neutral-hover:#e7e9ec;--color-overlay:#0f172a40;--shadow-sm:0 1px 2px #1f23290a;--shadow-drawer:0 8px 32px #1f23291a;--color-danger-bg:#dc26260f;--color-danger-bg-strong:#dc262614;--color-success-border-subtle:#2eb88640;--color-success-bg:#2eb8861f;--color-warn:#b76e10;--color-warn-bg:#ff88001f;--color-media-bg:#000;--color-scrim-weak:#00000040;--color-scrim-soft:#0006;--color-scrim:#0000008c;--color-scrim-strong:#000000b3;--color-scrim-light-soft:#ffffff4d;--color-scrim-light-mid:#fff9;--color-scrim-light:#ffffffd9;--shadow-bar:0 -4px 16px #0000000a;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:50%;--sidebar-width:215px;--sidebar-collapsed-width:40px;--header-height:48px;--toolbar-vertical-width:56px;--sidebar-indent-unit:16px;--sidebar-base-indent:14px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:1024px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--color-pale);border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}.glass-border{position:relative}.glass-border:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;-webkit-mask-composite:source-in;position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #fff9;-webkit-mask-image:radial-gradient(40% 150% at 0 100%,#0000 0%,#000 50%),radial-gradient(40% 150% at 100% 0,#0000 0%,#000 50%);mask-image:radial-gradient(40% 150% at 0 100%,#0000 0%,#000 50%),radial-gradient(40% 150% at 100% 0,#0000 0%,#000 50%);-webkit-mask-composite:source-in;mask-composite:intersect}.row-interactive{cursor:pointer;transition:background .12s,color .12s}.row-interactive:hover{background:var(--color-hover)}.row-interactive[data-active=true]{background:var(--color-active);color:var(--color-accent)}.row-interactive[data-active=true]:hover{background:var(--color-active-strong)}.sidebar-step[data-active=true]{background:var(--color-fill-neutral);color:var(--color-text-primary)}.sidebar-step[data-active=true]:hover{background:var(--color-fill-neutral)}.sidebar-scope .row-interactive:hover{background:var(--color-on-accent-hover)}.sidebar-scope .row-interactive[data-active=true]{background:var(--color-on-accent-active);color:var(--color-on-accent)}.sidebar-scope .row-interactive[data-active=true]:hover{background:var(--color-on-accent-active)}.hp-root{max-width:1200px;min-height:calc(100vh - var(--header-height) - 40px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.hp-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:60px 24px;display:flex}.hp-welcome-title{color:var(--color-text-primary);font-size:28px;font-weight:700}.hp-welcome-sub{color:var(--color-text-muted);margin-bottom:12px;font-size:14px}.hp-welcome-cta{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 36px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s}.hp-welcome-cta:hover{opacity:.9}.hp-welcome-hint{color:var(--color-text-muted);font-size:12px}.hp-hero{justify-content:space-between;align-items:flex-start;gap:16px;padding:6px 4px 0;display:flex}.hp-greet{flex-direction:column;gap:4px;min-width:0;display:flex}.hp-greet-title{color:var(--color-text-primary);font-size:22px;font-weight:700}.hp-greet-sub{color:var(--color-text-muted);font-size:12px}.hp-cta{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.hp-cta:hover{opacity:.9}.hp-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.hp-stat{background:var(--color-surface);border:1px solid var(--color-border-neutral);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;min-height:110px;padding:16px 18px;display:flex}.hp-stat-label{color:var(--color-text-muted);letter-spacing:.02em;font-size:11px;font-weight:500}.hp-stat-value{color:var(--color-text-primary);font-feature-settings:"tnum";align-items:baseline;gap:4px;font-size:30px;font-weight:700;line-height:1.1;display:flex}.hp-stat-suffix{color:var(--color-text-muted);font-size:14px;font-weight:500}.hp-stat-foot{color:var(--color-text-muted);font-feature-settings:"tnum";align-items:center;gap:4px;font-size:11px;display:inline-flex}.hp-stat-foot[data-tone=success]{color:var(--color-success)}.hp-stat-foot[data-tone=danger]{color:var(--color-danger)}.hp-stat-foot[data-tone=success]:before{content:"↗ "}.hp-stat-foot[data-tone=danger]:before{content:"↘ "}.hp-quota-bar{background:var(--color-fill-neutral);border-radius:var(--radius-sm);height:4px;margin-top:2px;overflow:hidden}.hp-quota-fill{background:var(--color-accent);border-radius:var(--radius-sm);height:100%;transition:width .3s}.hp-stat-link{background:var(--color-surface);border:1px solid var(--color-border-neutral);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;align-self:flex-start;align-items:center;gap:4px;margin-top:auto;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:background .15s;display:inline-flex}.hp-stat-link:hover{background:var(--color-fill-neutral)}.hp-bottom{flex:1;grid-template-columns:1.6fr 1fr;gap:14px;min-height:0;display:grid}.hp-panel{background:var(--color-surface);border:1px solid var(--color-border-neutral);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;min-height:0;padding:18px 20px;display:flex}.hp-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hp-panel-title{color:var(--color-text-primary);font-size:14px;font-weight:600}.hp-link-btn{background:var(--color-surface);border:1px solid var(--color-border-neutral);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:background .15s;display:inline-flex}.hp-link-btn:hover{background:var(--color-fill-neutral)}.hp-recent-list{flex-direction:column;gap:8px;display:flex}.hp-recent-row{background:var(--color-fill-neutral);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.hp-recent-row:hover{background:var(--color-fill-neutral-hover)}.hp-recent-cover{border-radius:var(--radius-sm);background:var(--color-surface);flex-shrink:0;width:44px;height:44px;overflow:hidden}.hp-recent-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hp-recent-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:420px;font-size:13px;font-weight:600;overflow:hidden}.hp-recent-meta{color:var(--color-text-muted);font-feature-settings:"tnum";font-size:11px}.hp-recent-btn{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;padding:6px 16px;font-family:inherit;font-size:11.5px;font-weight:600;transition:opacity .15s}.hp-recent-btn:hover{opacity:.88}.hp-empty{text-align:center;color:var(--color-text-muted);background:var(--color-fill-neutral);border-radius:var(--radius-sm);padding:28px;font-size:12px}.hp-profile-head{align-items:center;gap:10px;display:flex}.hp-profile-avatar{border-radius:var(--radius-full);background:var(--color-accent);width:36px;height:36px;color:var(--color-on-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.hp-profile-name{color:var(--color-text-primary);font-size:13px;font-weight:600;line-height:1.3}.hp-profile-tags{color:var(--color-text-muted);margin-top:2px;font-size:11px}.hp-profile-grid{grid-template-columns:60px 1fr;gap:8px 14px;font-size:12px;display:grid}.hp-profile-key{color:var(--color-accent);font-weight:600}.hp-profile-val{color:var(--color-text-primary);word-break:break-word;line-height:1.5}.hp-profile-val[data-empty=true]{color:var(--color-text-muted);font-style:italic}.hp-audience-note{color:var(--color-text-primary);background:var(--color-active);border-radius:var(--radius-sm);padding:10px 12px;font-size:11.5px;line-height:1.6}.hp-audience-note strong{color:var(--color-accent);font-weight:700}