:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090c13;--surface-1:#0f1420;--surface-2:#161c2c;--surface-3:#1e263a;--surface-hover:#232c43;--border:#262f45;--border-strong:#384162;--text-primary:#eef1f8;--text-secondary:#a9b2c9;--text-muted:#707a94;--text-on-accent:#04101f;--brand-blue:#2f9bff;--brand-blue-strong:#63b8ff;--brand-blue-bg:#2f9bff24;--brand-blue-border:#2f9bff66;--brand-red:#ff4757;--brand-red-strong:#ff6b77;--brand-red-bg:#ff475724;--brand-red-border:#ff47576b;--accent:var(--brand-blue);--accent-strong:var(--brand-blue-strong);--accent-bg:var(--brand-blue-bg);--accent-border:var(--brand-blue-border);--danger:var(--brand-red);--danger-strong:var(--brand-red-strong);--danger-bg:var(--brand-red-bg);--danger-border:var(--brand-red-border);--success:#2fd48a;--success-bg:#2fd48a24;--success-border:#2fd48a66;--warning:#f5b64d;--warning-bg:#f5b64d24;--warning-border:#f5b64d66;--info:#45c2e0;--info-bg:#45c2e024;--info-border:#45c2e066;--neutral:#8a93ac;--neutral-bg:#8a93ac24;--neutral-border:#8a93ac52;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080;--glow-danger:0 0 0 1px #ff475780, 0 0 18px #ff475747;--glow-accent:0 0 0 1px #2f9bff66, 0 0 16px #2f9bff38;--focus-ring:0 0 0 3px #2f9bff73;--sans:system-ui, "Segoe UI", Roboto, -apple-system, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;font:15px/1.5 var(--sans);color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text-primary)}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}h1{margin:0 0 6px;font-size:26px;line-height:1.25}h2{margin:var(--space-7) 0 var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);font-size:17px;line-height:1.3}h2:first-of-type{margin-top:var(--space-5);border-top:none;padding-top:0}h3{margin:0 0 var(--space-2);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:14px}p{margin:0 0 var(--space-2);color:var(--text-secondary)}a{color:var(--accent-strong)}a:hover{color:var(--brand-blue-strong)}code{font-family:var(--mono);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-primary);padding:2px 6px;font-size:13px}::selection{background:var(--accent-bg);color:var(--text-primary)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.app-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--surface-1);border-bottom:1px solid var(--border);height:60px;box-shadow:var(--shadow-sm);z-index:20;flex:none;display:flex;position:sticky;top:0}.brand-mark{align-items:center;gap:var(--space-3);color:var(--text-primary);min-width:0;text-decoration:none;display:flex}.brand-wordmark{letter-spacing:.01em;white-space:nowrap;font-size:19px;font-weight:800}.brand-wordmark .brand-a{color:var(--brand-blue-strong)}.brand-wordmark .brand-b{color:var(--brand-red-strong)}.brand-subtitle{color:var(--text-muted);white-space:nowrap;border-left:1px solid var(--border-strong);padding-left:var(--space-3);font-size:12px;display:none}@media (width>=820px){.brand-subtitle{display:inline}}.app-title{font-weight:600}.header-right{align-items:center;gap:var(--space-3);display:flex}.user-chip{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.user-chip-name{color:var(--text-primary);font-size:13px;font-weight:600}.user-chip-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.app-body{flex:1;min-height:0;display:flex}.app-nav{width:216px;padding:var(--space-4) var(--space-3);background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:2px;display:flex;overflow-y:auto}.nav-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-3) 4px;font-size:10.5px;font-weight:700}.nav-group-label:first-child{padding-top:var(--space-1)}@media (width<=900px){.nav-group-label{display:none}}.nav-link{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.nav-link svg{opacity:.85;flex:none;width:17px;height:17px}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link-active{background:var(--accent-bg);color:var(--accent-strong);font-weight:600}.nav-link-active svg{opacity:1}.app-content{min-width:0;padding:var(--space-6) var(--space-7);text-align:left;flex:1;overflow-x:hidden}@media (width<=900px){.app-nav{width:64px;padding:var(--space-3) var(--space-2)}.nav-link span.nav-label{display:none}.nav-link{justify-content:center}.app-content{padding:var(--space-4)}}.login-page{background:radial-gradient(60% 50% at 50% 0%, #2f9bff1f, transparent), var(--bg);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-form{gap:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:360px;max-width:100%;padding:var(--space-7) var(--space-6);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.login-form h1{margin-bottom:var(--space-1)}.login-form label{text-align:left;color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.form-error{color:var(--danger-strong);margin:0 0 var(--space-2);font-size:13px}.placeholder-note{color:var(--text-muted);font-size:13px;font-style:normal}.toolbar{gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;display:flex}.toolbar label{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.tiktoker-form{gap:var(--space-3);max-width:460px;margin:var(--space-3) 0;padding:var(--space-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.tiktoker-form h2,.tiktoker-form h3{border-top:none;margin-top:0;padding-top:0}.tiktoker-form label{text-align:left;color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.form-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.admin-caution-panel{border-color:var(--warning-border);background:linear-gradient(180deg, var(--warning-bg), var(--surface-2) 65%)}.admin-caution-panel h2{color:var(--warning)}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.dashboard-cards{gap:var(--space-4);margin:var(--space-4) 0 var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.dashboard-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;display:flex}.dashboard-card h2,.dashboard-card h3{margin:0 0 var(--space-1);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-top:none;padding-top:0;font-size:13px}.dashboard-card p{color:var(--text-secondary);margin:0;font-size:14px}.dashboard-card .kpi-value{color:var(--text-primary);margin:2px 0 4px;font-size:30px;font-weight:700;line-height:1.1}.dashboard-card-accent{border-color:var(--accent-border)}.dashboard-card-danger{border-color:var(--danger-border);box-shadow:var(--glow-danger)}.dashboard-card-warning{border-color:var(--warning-border)}button,.btn{font-family:var(--sans);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2;transition:background-color .12s,border-color .12s,box-shadow .12s,opacity .12s}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#04101f}.btn-primary:hover:not(:disabled){background:var(--brand-blue-strong);border-color:var(--brand-blue-strong)}.btn-secondary{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.btn-danger{border-color:var(--danger-border);color:var(--danger-strong);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:12px}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.5;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.badge-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.badge-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-strong)}.badge-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.badge-accent{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-strong)}.badge-neutral{background:var(--neutral-bg);border-color:var(--neutral-border);color:var(--neutral)}.badge-live{background:var(--danger-bg);border-color:var(--danger);color:var(--danger-strong);box-shadow:var(--glow-danger);animation:2.2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{box-shadow:var(--glow-danger)}50%{box-shadow:0 0 0 1px #ff4757a6,0 0 22px #ff475773}}@media (prefers-reduced-motion:reduce){.badge-live{animation:none}}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}.table-wrap .data-table{min-width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px}.data-table th{background:var(--surface-3);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700;position:sticky;top:0}.data-table tbody tr{background:var(--surface-2);transition:background-color .1s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.data-table td.numeric,.data-table th.numeric{text-align:right;font-variant-numeric:tabular-nums}.row-muted{opacity:.55}.row-muted:hover{opacity:.85}input,select,textarea{font-family:var(--sans);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:7px 10px;font-size:13.5px}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}textarea{resize:vertical;min-height:72px}.live-summary-strip{gap:var(--space-3);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.stat-pill{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);flex:180px;display:flex}.stat-pill-value{font-size:24px;font-weight:700;line-height:1}.stat-pill-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.stat-pill-danger .stat-pill-value{color:var(--danger-strong)}.stat-pill-warning .stat-pill-value{color:var(--warning)}.stat-pill-info .stat-pill-value{color:var(--info)}.stat-pill-neutral .stat-pill-value{color:var(--text-secondary)}.section-block{margin-bottom:var(--space-7)}.section-block-muted{opacity:.75}.empty-state{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;color:var(--text-muted)}.empty-state h2{color:var(--text-secondary);border-top:none;margin-top:0;padding-top:0}.empty-state svg{width:36px;height:36px;color:var(--text-muted);margin-bottom:var(--space-3)}.empty-state p{max-width:520px;margin-inline:auto}@media (width<=640px){.app-header{padding:0 var(--space-3)}.tiktoker-form,.login-form{max-width:100%}}