@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #ffffff;--bg-accent: #f9fafb;--bg-elevated: #ffffff;--bg-hover: #f3f4f6;--bg-muted: #f9fafb;--card: #ffffff;--card-foreground: #111827;--card-highlight: transparent;--popover: #ffffff;--popover-foreground: #111827;--panel: #f9fafb;--panel-strong: #f3f4f6;--panel-hover: #e5e7eb;--chrome: rgba(255, 255, 255, .92);--text: #374151;--text-strong: #111827;--muted: #9ca3af;--muted-strong: #6b7280;--border: #f3f4f6;--border-strong: #e5e7eb;--border-hover: #d1d5db;--input: #f3f4f6;--ring: #111827;--accent: #111827;--accent-hover: #1f2937;--accent-muted: #374151;--accent-subtle: rgba(17, 24, 39, .05);--accent-foreground: #ffffff;--accent-glow: rgba(17, 24, 39, .08);--primary: #111827;--primary-foreground: #ffffff;--secondary: #f9fafb;--secondary-foreground: #374151;--accent-2: #0ea5e9;--accent-2-subtle: rgba(14, 165, 233, .08);--ok: #10b981;--ok-muted: rgba(16, 185, 129, .75);--ok-subtle: rgba(16, 185, 129, .08);--destructive: #ef4444;--warn: #f59e0b;--warn-subtle: rgba(245, 158, 11, .08);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .08);--info: #3b82f6;--focus-ring: 0 0 0 2px #fff, 0 0 0 4px var(--ring);--focus-glow: 0 0 0 2px #fff, 0 0 0 4px var(--ring);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-xs: none;--shadow-sm: 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 2px 8px rgba(0,0,0,.04);--shadow-lg: 0 4px 16px rgba(0,0,0,.06);--shadow-xl: 0 8px 32px rgba(0,0,0,.08);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-normal: .2s;--shell-nav-width: 240px;--shell-topbar-height: 56px}[data-theme=dark]{--bg: #0a0a0a;--bg-accent: #111111;--bg-elevated: #141414;--bg-hover: #1a1a1a;--bg-muted: #111111;--card: #141414;--card-foreground: #fafafa;--card-highlight: rgba(255,255,255,.03);--popover: #141414;--popover-foreground: #fafafa;--panel: #111111;--panel-strong: #1a1a1a;--panel-hover: #222222;--chrome: rgba(10, 10, 10, .92);--text: #d4d4d8;--text-strong: #fafafa;--muted: #71717a;--muted-strong: #a1a1aa;--border: #1e1e1e;--border-strong: #2a2a2a;--border-hover: #3a3a3a;--input: #1e1e1e;--ring: #fafafa;--accent: #fafafa;--accent-hover: #e5e5e5;--accent-muted: #d4d4d8;--accent-subtle: rgba(250,250,250,.06);--accent-foreground: #0a0a0a;--accent-glow: rgba(250,250,250,.08);--primary: #fafafa;--primary-foreground: #0a0a0a;--secondary: #1a1a1a;--secondary-foreground: #d4d4d8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow:auto}::selection{background:#1118271a;color:var(--text-strong)}[data-theme=dark] ::selection{background:#fafafa26}input,textarea,select,button{font-family:inherit;font-size:inherit}a{color:var(--text-strong);text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dashboard-enter{0%{opacity:0}to{opacity:1}}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:40ms}.stagger-3{animation-delay:80ms}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.16s}.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;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 24px;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{display:flex;align-items:center;gap:8px}.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,.brand-logo img{width:100%;height:100%}.brand-title{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--text-strong)}.brand-sub{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.04em;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}.content{grid-area:content;overflow-y:auto;padding:24px 28px 40px;display:flex;flex-direction:column;gap:20px;background:var(--bg)}.content-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.content-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-strong)}.nav-overlay{display:none;position:fixed;inset:0;z-index:29;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s ease}.hamburger{display:none;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;align-items:center;justify-content:center;color:var(--text)}.theme-toggle{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all var(--duration-fast) ease}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-strong);border-color:var(--border-strong)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--panel);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--muted-strong);cursor:pointer;transition:border-color var(--duration-fast) ease}.user-avatar:hover{border-color:var(--border-hover)}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.nav{position:fixed;top:var(--shell-topbar-height);left:0;bottom:0;width:280px;z-index:30;transform:translate(-100%);transition:transform .25s var(--ease-out);box-shadow:none}.nav--open{transform:translate(0);box-shadow:var(--shadow-xl)}.nav-overlay{display:block}.hamburger{display:flex}.content{padding:16px 16px 32px}}@media(max-width:640px){.content{padding:12px 12px 24px;gap:16px}.topbar{padding:0 12px}.theme-toggle{display:none}}@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 .3s var(--ease-out) backwards;transition:border-color var(--duration-normal) ease}.card:hover{border-color:var(--border-strong)}.card-title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.card-sub{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.5}.stat{background:var(--card);border-radius:var(--radius-md);padding:16px 18px;border:1px solid var(--border);transition:border-color var(--duration-normal) ease}.stat:hover{border-color:var(--border-strong)}.stat-label{color:var(--muted);font-size:12px;font-weight:500}.stat-value{font-size:26px;font-weight:700;margin-top:6px;letter-spacing:-.03em;line-height:1.1;color:var(--text-strong)}.stat-value.ok{color:var(--ok)}.stat-value.warn{color:var(--warn)}.stat-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);padding:5px 10px;border-radius:var(--radius-full);background:var(--secondary);font-size:12px;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)}.pill.warn{border-color:var(--warn-subtle);background:var(--warn-subtle);color:var(--warn)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text-strong);transition:all var(--duration-fast) ease}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{color:var(--danger);border-color:var(--danger-subtle);background:var(--danger-subtle)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.input{width:100%;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text-strong);font-size:13px;outline:none;transition:border-color var(--duration-fast) ease}.input:focus{border-color:var(--ring)}.input::placeholder{color:var(--muted)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--card)}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--panel)}th{padding:10px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--muted);border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all var(--duration-fast) ease}.tab:hover{color:var(--text-strong)}.tab.active{color:var(--text-strong);border-bottom-color:var(--text-strong);font-weight:600}.modal-overlay{position:fixed;inset:0;z-index:100;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .15s ease}.modal-card{background:var(--card);border-radius:var(--radius-xl);border:1px solid var(--border);padding:28px;width:100%;max-width:480px;animation:pop .2s var(--ease-out)}.modal-title{font-size:18px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em}.modal-close{width:32px;height:32px;border:none;border-radius:var(--radius-full);background:var(--panel);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease}.modal-close:hover{background:var(--panel-strong);color:var(--text-strong)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--muted)}.empty-state svg{margin-bottom:16px;opacity:.3}.toggle{width:44px;height:24px;border-radius:var(--radius-full);background:var(--border-strong);border:none;cursor:pointer;position:relative;transition:background var(--duration-fast) ease}.toggle.on{background:var(--ok)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--radius-full);background:#fff;transition:transform var(--duration-fast) ease}.toggle.on:after{transform:translate(20px)}.dropdown{position:absolute;z-index:50;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;min-width:180px;animation:pop .15s var(--ease-out)}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);font-size:13px;color:var(--text);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background var(--duration-fast) ease}.dropdown-item:hover{background:var(--bg-hover)}.platform-filter{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:999;background:var(--panel);color:var(--muted-strong);font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all var(--duration-fast) ease}.chip:hover{background:var(--panel-strong)}.chip.active{background:var(--primary);color:var(--primary-foreground)}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-strong);margin:0}.page-sub{font-size:13px;color:var(--muted);margin:4px 0 0}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:500;color:var(--muted-strong)}.row{display:flex;align-items:center;gap:8px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.divider{height:1px;background:var(--border);margin:16px 0}.section-title{font-size:15px;font-weight:600;color:var(--text-strong);margin:0 0 12px}.publish-card-body{display:flex;gap:14px;padding:14px}.publish-card-thumb{width:160px;height:100px;min-width:160px;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;background:var(--panel)}@media(max-width:768px){.stat-grid{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:12px;align-items:flex-end}.modal-card{border-radius:16px 16px 8px 8px;max-height:90vh;overflow-y:auto}.empty-state{padding:32px 16px}.pill{padding:4px 8px;font-size:11px}.platform-filter{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.platform-filter::-webkit-scrollbar{display:none}}