@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #f5f5f7;--bg-accent: #f0f0f2;--bg-elevated: #ffffff;--bg-hover: #ebebed;--bg-muted: #ebebed;--card: #ffffff;--card-foreground: #18181b;--card-highlight: rgba(0, 0, 0, .03);--popover: #ffffff;--popover-foreground: #18181b;--panel: #f5f5f7;--panel-strong: #f0f0f2;--panel-hover: #ebebed;--chrome: rgba(245, 245, 247, .95);--text: #3f3f46;--text-strong: #18181b;--muted: #71717a;--muted-strong: #a1a1aa;--border: #e4e4e7;--border-strong: #d4d4d8;--border-hover: #a1a1aa;--input: #e4e4e7;--ring: #3b82f6;--accent: #2563eb;--accent-hover: #3b82f6;--accent-muted: #2563eb;--accent-subtle: rgba(37, 99, 235, .1);--accent-foreground: #ffffff;--accent-glow: rgba(37, 99, 235, .15);--primary: #2563eb;--primary-foreground: #ffffff;--secondary: #f4f4f5;--secondary-foreground: #3f3f46;--accent-2: #14b8a6;--accent-2-subtle: rgba(20, 184, 166, .1);--ok: #22c55e;--ok-muted: rgba(34, 197, 94, .75);--ok-subtle: rgba(34, 197, 94, .1);--destructive: #ef4444;--warn: #f59e0b;--warn-subtle: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .1);--info: #3b82f6;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--ring);--focus-glow: 0 0 0 2px var(--bg), 0 0 0 4px var(--ring), 0 0 20px var(--accent-glow);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--shell-nav-width: 220px;--shell-topbar-height: 56px;color-scheme:light}:root[data-theme=dark]{--bg: #000000;--bg-accent: #000000;--bg-elevated: #0a0a0a;--bg-hover: #1a1a1a;--bg-muted: #1a1a1a;--card: #0a0a0a;--card-foreground: #f4f4f5;--card-highlight: rgba(255, 255, 255, .04);--popover: #0a0a0a;--popover-foreground: #f4f4f5;--panel: #000000;--panel-strong: #0a0a0a;--panel-hover: #1a1a1a;--chrome: rgba(0, 0, 0, .95);--text: #e4e4e7;--text-strong: #ffffff;--muted: #737373;--muted-strong: #525252;--border: #1f1f1f;--border-strong: #2e2e2e;--border-hover: #404040;--input: #1f1f1f;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-muted: #3b82f6;--accent-subtle: rgba(59, 130, 246, .15);--accent-foreground: #ffffff;--accent-glow: rgba(59, 130, 246, .3);--primary: #3b82f6;--secondary: #111111;--secondary-foreground: #f4f4f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .04);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:400 14px/1.55 var(--font-body);letter-spacing:-.02em;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent-subtle);color:var(--text-strong)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dashboard-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:50ms}.stagger-3{animation-delay:.1s}.stagger-4{animation-delay:.15s}.stagger-5{animation-delay:.2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.shell{height:100vh;display:grid;grid-template-columns:var(--shell-nav-width) minmax(0,1fr);grid-template-rows:var(--shell-topbar-height) 1fr;grid-template-areas:"topbar topbar" "nav content";gap:0;animation:dashboard-enter .4s var(--ease-out);overflow:hidden}.topbar{grid-area:topbar;position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;height:var(--shell-topbar-height);border-bottom:1px solid var(--border);background:var(--bg)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right,.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.brand-logo svg{width:100%;height:100%}.brand-title{font-size:16px;font-weight:700;letter-spacing:-.03em;color:var(--text-strong)}.brand-sub{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.nav{grid-area:nav;overflow-y:auto;overflow-x:hidden;padding:12px 10px;background:var(--bg);border-right:1px solid var(--border);scrollbar-width:none;display:flex;flex-direction:column}.nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:16px}.nav-group:last-child{margin-bottom:0}.nav-label{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:4px;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) ease}.nav-label:hover{color:var(--text);background:var(--bg-hover)}.nav-label__chevron{font-size:10px;opacity:.5;transition:transform var(--duration-fast) ease}.nav-group--collapsed .nav-label__chevron{transform:rotate(-90deg)}.nav-group--collapsed .nav-group__items{display:none}.nav-group__items{display:grid;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease,color var(--duration-fast) ease}.nav-item__icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.nav-item__icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.nav-item:hover{color:var(--text);background:var(--bg-hover);text-decoration:none}.nav-item:hover .nav-item__icon{opacity:1}.nav-item.active{color:var(--text-strong);background:var(--accent-subtle)}.nav-item.active .nav-item__icon{opacity:1;color:var(--accent)}.content{grid-area:content;padding:16px 24px 32px;display:flex;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;overflow-x:hidden}:root[data-theme=light] .content{background:var(--bg-accent)}.content-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:4px 0}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow var(--duration-fast) ease}.user-avatar:hover{box-shadow:0 0 0 2px var(--accent-glow)}.user-avatar svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.5px}.theme-toggle{display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--secondary)}.theme-btn{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--muted);cursor:pointer;transition:color var(--duration-fast) ease}.theme-btn:hover{color:var(--text)}.theme-btn.active{background:var(--accent);color:var(--accent-foreground)}.theme-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5px}.hamburger-btn{width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-strong);cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .12s ease;flex-shrink:0}.hamburger-btn:hover{background:var(--bg-hover)}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar" "content"}.nav{position:fixed;top:var(--shell-topbar-height);left:0;bottom:0;width:260px;z-index:50;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.nav.nav--open{transform:translate(0);box-shadow:4px 0 24px #00000026}.nav-overlay{display:block;position:fixed;inset:0;top:var(--shell-topbar-height);z-index:49;background:#0006;animation:fade-in .2s ease}.hamburger-btn{display:flex}.content{padding:12px 16px 24px}.topbar{padding:0 12px;gap:8px}.topbar-right{gap:6px}.brand-title{font-size:14px}.brand>span:nth-child(3){display:none}.brand>span:nth-child(4){display:none}}@media(max-width:640px){.content{padding:10px 12px 20px;gap:14px}.topbar{padding:0 10px}.topbar-left{gap:6px}.theme-toggle{display:none}.content-header{gap:10px}}@media(min-width:901px){.nav-overlay{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius-lg);padding:20px;animation:rise .35s var(--ease-out) backwards;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--card-highlight)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md),inset 0 1px 0 var(--card-highlight)}.card-title{font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.card-sub{color:var(--muted);font-size:13px;margin-top:6px;line-height:1.5}.stat{background:var(--card);border-radius:var(--radius-md);padding:14px 16px;border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--card-highlight);transition:border-color var(--duration-normal) var(--ease-out)}.stat:hover{border-color:var(--border-strong)}.stat-label{color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:24px;font-weight:700;margin-top:6px;letter-spacing:-.03em;line-height:1.1}.stat-value.ok{color:var(--ok)}.stat-value.warn{color:var(--warn)}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-full);background:var(--secondary);font-size:13px;font-weight:500;transition:border-color var(--duration-fast) ease}.pill:hover{border-color:var(--border-strong)}.pill.danger{border-color:var(--danger-subtle);background:var(--danger-subtle);color:var(--danger)}.pill.ok{border-color:var(--ok-subtle);background:var(--ok-subtle);color:var(--ok)}.pill.accent{border-color:var(--accent-subtle);background:var(--accent-subtle);color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--bg-elevated);padding:9px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0);box-shadow:none}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--primary-foreground)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.btn.danger{border-color:transparent;background:var(--danger-subtle);color:var(--danger)}.btn--sm{padding:6px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5px;flex-shrink:0}.field{display:grid;gap:6px}.field label,.field>span{color:var(--muted);font-size:13px;font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--input);background:var(--card);border-radius:var(--radius-md);padding:8px 12px;outline:none;box-shadow:inset 0 1px 0 var(--card-highlight);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ring);box-shadow:var(--focus-ring)}.field select{appearance:none;padding-right:36px;cursor:pointer}.chip{font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-full);padding:5px 12px;color:var(--muted);background:var(--secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.chip:hover{border-color:var(--border-strong)}.chip.active{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.statusDot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--danger)}.statusDot.ok{background:var(--ok);box-shadow:0 0 8px #22c55e80}.callout{padding:14px 16px;border-radius:var(--radius-md);background:var(--secondary);border:1px solid var(--border);font-size:13px;line-height:1.5}.callout.info{border-color:#3b82f640;background:linear-gradient(135deg,#3b82f614,#3b82f60a);color:var(--info)}.grid{display:grid;gap:20px}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.row{display:flex;gap:12px;align-items:center}.stack{display:grid;gap:12px}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.modal-card{width:min(540px,100%);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;animation:scale-in .2s var(--ease-out)}.modal-title{font-size:18px;font-weight:700;color:var(--text-strong)}.modal-actions{margin-top:20px;display:flex;gap:8px;justify-content:flex-end}.data-table{display:grid;gap:4px}.data-table-head{display:grid;gap:12px;align-items:center;font-size:12px;font-weight:500;color:var(--muted);padding:8px 16px;text-transform:uppercase;letter-spacing:.03em}.data-table-row{display:grid;gap:12px;align-items:center;border:1px solid var(--border);padding:12px 16px;border-radius:var(--radius-md);background:var(--card);transition:border-color var(--duration-fast) ease}.data-table-row:hover{border-color:var(--border-strong)}.page-title{font-size:26px;font-weight:700;letter-spacing:-.035em;line-height:1.15;color:var(--text-strong)}.page-sub{color:var(--muted);font-size:14px;font-weight:400;margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--muted);gap:12px}.empty-state svg{width:48px;height:48px;opacity:.3}@media(max-width:1100px){.grid-cols-2,.grid-cols-3,.grid-cols-5{grid-template-columns:1fr}}.leads-mobile{display:none}.leads-desktop{display:grid}.leads-row{padding:12px 16px}.publish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.publish-card-body{display:flex;gap:16px;padding:16px}.publish-card-thumb{width:180px;height:135px;border-radius:8px;overflow:hidden;background:var(--bg-muted);flex-shrink:0;position:relative;cursor:pointer}.msg-layout{display:grid;grid-template-columns:300px 1fr;gap:12px;min-height:520px}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:16px;min-height:500px}.publish-preview-grid{grid-template-columns:200px 1fr}.dash-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.dash-charts-row,.dash-2col{display:grid;gap:12px}@media(max-width:900px){.page-title{font-size:22px!important}.content-header{flex-direction:column;align-items:flex-start!important;gap:12px!important}.content-header>.row{flex-wrap:wrap;width:100%}.stat-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.stat{padding:10px 12px!important}.stat-label{font-size:10px!important}.stat-value{font-size:18px!important}.filters{gap:6px!important}.filters .field{min-width:0!important}.modal-overlay{padding:12px!important}.modal-card{padding:16px!important;max-width:100%!important;width:100%!important}.leads-mobile{display:none}.leads-desktop{display:grid}.leads-table{overflow-x:auto}.leads-row{min-width:0}.publish-grid{grid-template-columns:1fr!important}.publish-card-thumb{width:140px!important;height:105px!important}.msg-layout{grid-template-columns:1fr!important;min-height:auto!important}.msg-conv-list{max-height:280px!important}.msg-chat-panel{min-height:400px!important}.settings-layout{grid-template-columns:1fr!important}.dash-stat-grid{grid-template-columns:repeat(3,1fr)!important}.dash-charts-row{grid-template-columns:1fr 1fr!important}.responsive-4col{grid-template-columns:repeat(2,1fr)!important}.responsive-3col{grid-template-columns:1fr 1fr!important}.responsive-2col{grid-template-columns:1fr!important}}@media(max-width:640px){.page-title{font-size:20px!important}.page-sub{font-size:12px!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.stat{padding:8px 10px!important}.stat-value{font-size:16px!important;margin-top:2px!important}.content-header>.row{gap:6px!important}.content-header .btn{padding:7px 10px!important;font-size:12px!important}.content-header .btn svg{width:14px!important;height:14px!important}.filters{flex-direction:column!important;align-items:stretch!important}.filters .field{max-width:none!important;flex:none!important}.filters .btn{width:100%;justify-content:center}.data-table{gap:6px!important}.data-table-head{display:none!important}.data-table-row{min-width:0!important;padding:12px!important}.leads-desktop{display:none!important}.leads-mobile{display:block!important}.leads-row{padding:12px!important}.publish-grid{grid-template-columns:1fr!important;gap:10px!important}.publish-card-body{flex-direction:column!important;gap:10px!important;padding:12px!important}.publish-card-thumb{width:100%!important;height:160px!important}.publish-preview-grid{grid-template-columns:1fr!important}.msg-layout{grid-template-columns:1fr!important;min-height:auto!important}.msg-conv-list{max-height:240px!important}.msg-chat-panel{min-height:350px!important}.settings-layout{grid-template-columns:1fr!important;min-height:auto!important}.settings-layout>.card:first-child{padding:6px!important}.dash-stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.dash-charts-row,.dash-2col,.responsive-4col,.responsive-3col{grid-template-columns:1fr!important}.card{padding:14px!important;border-radius:10px!important}.modal-overlay{padding:8px!important;align-items:flex-end!important}.modal-card{border-radius:16px 16px 8px 8px!important;max-height:90vh;overflow-y:auto}.modal-title{font-size:16px!important}.empty-state{padding:32px 16px!important}.pill{padding:4px 8px!important;font-size:11px!important}.platform-filter{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.platform-filter::-webkit-scrollbar{display:none}}