@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  --bg:#07080b;
  --bg-2:#0b0d12;
  --panel:#10131a;
  --panel-2:#151924;
  --panel-3:#1b2030;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f7f8fb;
  --muted:#a7afc0;
  --subtle:#6f788b;
  --brand:#7c5cff;
  --brand-2:#2f7cf6;
  --pink:#ff4fd8;
  --cyan:#40d5ff;
  --green:#35d08b;
  --amber:#f6b84b;
  --red:#ff6b6b;
  --radius:18px;
  --shadow:0 24px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-feature-settings:'cv01','ss03';}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.mono,code{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace}

.nav{position:sticky;top:0;z-index:40;background:rgba(7,8,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:flex-start;gap:20px}
.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:650;letter-spacing:-.03em;margin-right:auto}.logo{width:32px;height:32px;border-radius:10px;background:url('/icon-192.png') center/cover no-repeat;box-shadow:0 0 32px rgba(124,92,255,.28),inset 0 0 0 1px rgba(255,255,255,.18)}
.links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px;font-weight:520}.links a:hover{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:10px}.hide-mobile{display:flex}
.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(255,255,255,.04);color:var(--text);padding:10px 14px;font-size:13px;font-weight:620;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.18s ease;white-space:nowrap}.button:hover,.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07)}.button.primary,.btn.primary{border-color:rgba(124,92,255,.68);background:linear-gradient(135deg,var(--brand),var(--brand-2));color:white;box-shadow:0 14px 36px rgba(92,106,255,.26),inset 0 1px 0 rgba(255,255,255,.22)}.btn.ghost{background:transparent}.btn.danger{border-color:rgba(255,107,107,.35);color:#ffb3b3}.btn.small{padding:8px 10px;border-radius:10px;font-size:12px}.btn.full{width:100%}

/* Landing */
.landing-body{background:radial-gradient(circle at 20% -10%,rgba(124,92,255,.34),transparent 32%),radial-gradient(circle at 84% 8%,rgba(64,213,255,.16),transparent 30%),#07080b}.hero{position:relative;overflow:hidden;padding:38px 0 56px}.hero-grid{display:grid;grid-template-columns:1fr 520px;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(124,92,255,.22);background:rgba(124,92,255,.10);color:#c9c2ff;padding:7px 11px;font-size:12px;font-weight:650}.hero h1{font-size:clamp(46px,6vw,76px);line-height:.94;letter-spacing:-.07em;margin:24px 0 22px;max-width:780px}.lead{color:#c5ccda;font-size:18px;line-height:1.7;margin:0;max-width:720px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trust{margin-top:18px;color:var(--subtle);font-size:13px}.hero-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:28px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:before{content:'';position:absolute;inset:-80px -80px auto auto;width:240px;height:240px;background:radial-gradient(circle,rgba(124,92,255,.35),transparent 62%);filter:blur(4px)}.browser-bar{height:38px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.25);display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--subtle);font-size:12px}.browser-dot{width:10px;height:10px;border-radius:50%;background:#ff6b6b}.browser-dot:nth-child(2){background:#f6b84b}.browser-dot:nth-child(3){background:#35d08b}.mock-dashboard{margin-top:16px;display:grid;gap:14px}.mock-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mock-panel{border:1px solid var(--line);background:rgba(12,15,22,.82);border-radius:18px;padding:16px}.mock-panel h3{margin:0 0 12px;font-size:14px}.metric-big{font-size:34px;letter-spacing:-.05em;font-weight:720}.muted{color:var(--muted)}.tiny{font-size:12px;color:var(--subtle)}.progress{height:8px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin-top:14px}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--cyan))}.section{padding:78px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section h2{font-size:38px;line-height:1;letter-spacing:-.05em;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.card h3{margin:0 0 10px;font-size:18px}.card p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--subtle);font-size:13px}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* Legal */
.legal{padding:60px 0 90px;max-width:860px}.legal h1{font-size:44px;letter-spacing:-.05em}.legal h2{margin-top:34px}.legal p,.legal li{color:#c3cad8;line-height:1.75}.legal a{color:#bdb6ff}

/* App */
.app-body{background:radial-gradient(circle at 24% -20%,rgba(124,92,255,.24),transparent 32%),#08090d}.app-layout{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid var(--line);background:rgba(10,12,18,.78);backdrop-filter:blur(18px);padding:20px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.workspace-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#20263a,#7c5cff);display:grid;place-items:center;font-weight:750}.workspace-title strong{display:block;font-size:14px}.workspace-title span{display:block;color:var(--subtle);font-size:12px;margin-top:2px}.side-nav{display:grid;gap:6px;margin:18px 0}.side-btn{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:12px;background:transparent;color:var(--muted);padding:11px 12px;text-align:left;font-weight:610;font-size:13px}.side-btn:hover,.side-btn.active{background:rgba(255,255,255,.06);color:var(--text)}.side-btn .ico{width:20px;text-align:center}.connection-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:14px;margin-top:22px}.status-line{display:flex;align-items:center;gap:8px;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(246,184,75,.12)}.dot.ok{background:var(--green);box-shadow:0 0 0 5px rgba(53,208,139,.12)}.main-app{min-width:0;padding:24px 28px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);padding:11px 13px;color:var(--subtle);min-width:320px}.search input{background:transparent;border:0;outline:0;color:var(--text);width:100%}.user-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.035);font-size:13px}.page{display:none}.page.active{display:block}.page-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:4px 0 22px}.page-title h1{font-size:34px;letter-spacing:-.055em;margin:0}.page-title p{margin:8px 0 0;color:var(--muted)}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));box-shadow:var(--shadow);padding:18px}.panel.flat{box-shadow:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2,.panel h2{margin:0;font-size:17px;letter-spacing:-.02em}.kpi{padding:18px}.kpi .label{color:var(--subtle);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.kpi .value{font-size:32px;font-weight:760;letter-spacing:-.06em;margin-top:10px}.delta{color:var(--green);font-size:12px;margin-top:4px}.delta.warn{color:var(--amber)}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);padding:6px 9px;color:#dce2ef;font-size:12px;font-weight:650}.badge.green{border-color:rgba(53,208,139,.25);background:rgba(53,208,139,.10);color:#aef4d2}.badge.blue{border-color:rgba(64,213,255,.25);background:rgba(64,213,255,.10);color:#b6efff}.badge.amber{border-color:rgba(246,184,75,.26);background:rgba(246,184,75,.10);color:#ffe0a2}.asset-list{display:grid;gap:10px}.asset{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:10px;background:rgba(255,255,255,.025)}.thumb{width:56px;height:78px;border-radius:13px;background:linear-gradient(150deg,#111827,#2637a5 52%,#ff4fd8);position:relative;overflow:hidden}.thumb:after{content:'';position:absolute;inset:10px;border:1px solid rgba(255,255,255,.18);border-radius:9px}.asset strong{font-size:13px}.asset span{display:block;color:var(--subtle);font-size:12px;margin-top:3px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--subtle);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;border-bottom:1px solid var(--line);padding:10px}.table td{border-bottom:1px solid rgba(255,255,255,.05);padding:12px 10px;color:#d9deea}.table tr:last-child td{border-bottom:0}.upload-zone{display:block;border:1px dashed rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.025);padding:34px 28px;text-align:center;transition:.18s;overflow:hidden}.upload-zone:hover,.upload-zone.drag{border-color:rgba(124,92,255,.72);background:rgba(124,92,255,.08)}.upload-zone input{display:none}.upload-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(135deg,rgba(124,92,255,.35),rgba(47,124,246,.18));display:grid;place-items:center;font-size:24px}.upload-zone strong{display:block}.upload-zone p{max-width:420px;margin:14px auto 0}.field{display:grid;gap:8px;margin-top:14px}.field label{font-size:12px;color:var(--muted);font-weight:650}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.22);color:var(--text);padding:12px 13px;outline:0}.field textarea{min-height:110px;resize:vertical;line-height:1.55}.checklist{display:grid;gap:9px;margin-top:12px}.check{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d7ddec;font-size:13px;border:1px solid rgba(255,255,255,.06);border-radius:13px;padding:10px;background:rgba(255,255,255,.025)}.check .ok{color:var(--green)}.check .bad{color:var(--amber)}.queue{display:grid;gap:12px}.queue-item{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.03)}.queue-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.steps{display:grid;gap:8px;margin-top:12px}.step-line{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;color:var(--muted);font-size:13px}.step-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:11px}.step-line.done .step-dot{background:rgba(53,208,139,.12);border-color:rgba(53,208,139,.35);color:#aef4d2}.chart{height:190px;display:flex;align-items:end;gap:9px;border-bottom:1px solid var(--line);padding:20px 8px 0}.bar{flex:1;min-width:16px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--brand),rgba(124,92,255,.18));position:relative}.bar span{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:10px;color:var(--subtle)}.settings-list{display:grid;gap:12px}.setting{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.025)}.setting strong{font-size:14px}.setting p{margin:4px 0 0;color:var(--muted);font-size:13px}.toast{position:fixed;right:24px;bottom:24px;z-index:60;border:1px solid var(--line);background:#121722;color:var(--text);border-radius:16px;padding:13px 15px;box-shadow:0 20px 60px rgba(0,0,0,.4);opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}

.signin-shell{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:40px}.signin-card{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));box-shadow:var(--shadow);overflow:hidden}.signin-copy{padding:42px;background:radial-gradient(circle at 20% 0,rgba(124,92,255,.22),transparent 45%)}.signin-copy h1{font-size:42px;letter-spacing:-.06em;line-height:.98;margin:14px 0}.signin-copy p{color:var(--muted);line-height:1.7}.signin-form{padding:42px;display:grid;align-content:center}.signin-form h2{margin:0 0 8px}.login-note{font-size:12px;color:var(--subtle);line-height:1.6;margin-top:12px}.hidden{display:none!important}

@media (max-width:1000px){.hero-grid,.signin-card,.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.app-layout{grid-template-columns:1fr}.sidebar{position:relative;top:auto;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side-nav{grid-template-columns:repeat(3,1fr)}.main-app{padding:20px}.hero-card{order:-1}.hide-mobile{display:none}.search{min-width:0;flex:1}.asset{grid-template-columns:48px 1fr}.asset .btn{grid-column:1/-1}.cards{grid-template-columns:1fr}}
@media (max-width:640px){.container{width:min(100% - 28px,1180px)}.nav-inner{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 0}.links{font-size:12px;gap:10px}.hero{padding:38px 0 48px}.hero h1{font-size:44px}.page-title,.topbar,.section-head{align-items:flex-start;flex-direction:column}.side-nav{grid-template-columns:1fr 1fr}.grid.cols-4{grid-template-columns:1fr}.signin-shell{padding:18px}.signin-copy,.signin-form{padding:26px}.footer .container{flex-direction:column}.table{font-size:12px}}

/* Polish pass: section title spacing + authentication clarity */
.section-head{align-items:flex-start;margin-bottom:38px}
.section-head .eyebrow{display:inline-flex;margin-bottom:16px}
.section-head h2{margin-top:0;max-width:720px}
.section-head .button{margin-top:38px}
.auth-flow{display:grid;gap:10px;margin:18px 0 18px}
.flow-step{display:grid;grid-template-columns:30px 1fr;column-gap:12px;row-gap:2px;align-items:start;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035);padding:12px 13px}
.flow-step span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(124,92,255,.16);border:1px solid rgba(124,92,255,.28);color:#d8d2ff;font-weight:760;font-size:12px;grid-row:1/3}
.flow-step strong{font-size:13px;line-height:1.15}
.flow-step small{color:var(--subtle);font-size:12px;line-height:1.45}
.auth-actions{display:grid;gap:12px;margin:18px 0 0}
.auth-actions .btn{min-height:42px}
.nav-actions .hidden{display:none!important}
@media (max-width:640px){.section-head .button{margin-top:4px}.section-head .eyebrow{margin-bottom:12px}.auth-flow{margin-top:16px}}

/* Sign-in polish: password + TikTok login modes */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 4px;padding:5px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}
.auth-tab{border:0;border-radius:12px;background:transparent;color:var(--muted);padding:10px 12px;font-size:13px;font-weight:650;transition:.18s ease}
.auth-tab:hover{color:var(--text);background:rgba(255,255,255,.045)}
.auth-tab.active{color:white;background:linear-gradient(135deg,rgba(124,92,255,.95),rgba(47,124,246,.9));box-shadow:0 10px 28px rgba(92,106,255,.18)}
.password-login{display:grid;gap:12px;margin-top:14px}
.password-login .btn{margin-top:2px;min-height:44px}
.tiktok-login{margin-top:14px}
.oauth-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:18px;display:grid;gap:12px}
.oauth-card p{margin:0;line-height:1.6}

/* Homepage polish: fewer CTAs, animated dashboard preview, performance chart */
.hero .eyebrow,.hero h1,.hero .lead,.hero .cta-row,.hero .trust{animation:heroFadeUp .72s ease both}
.hero h1{animation-delay:.06s}.hero .lead{animation-delay:.12s}.hero .cta-row{animation-delay:.18s}.hero .trust{animation-delay:.24s}
.hero-card{animation:cardFloatIn .82s cubic-bezier(.2,.8,.2,1) both, softFloat 7s ease-in-out 1.2s infinite;will-change:transform}
.mock-panel{transition:transform .22s ease,border-color .22s ease,background .22s ease}
.mock-panel:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.32);background:rgba(18,22,34,.92)}
.hero-card .progress span{position:relative;overflow:hidden;animation:progressGrow 1.1s ease both}
.hero-card .progress span:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-110%);animation:progressShine 2.8s ease-in-out infinite}
.panel-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.panel-line h3{margin:0}.performance-panel{min-height:172px}.mini-chart{height:96px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:9px;padding:10px 2px 2px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.mini-chart:before{content:'';position:absolute;left:0;right:0;top:34%;height:1px;background:rgba(255,255,255,.055);box-shadow:0 30px 0 rgba(255,255,255,.045)}.mini-chart span{position:relative;display:block;height:var(--h);min-height:18px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#40d5ff,#7c5cff 62%,#2f7cf6);box-shadow:0 10px 24px rgba(64,213,255,.16);transform-origin:bottom;animation:barRise .82s cubic-bezier(.2,.8,.2,1) both}.mini-chart span:nth-child(2){animation-delay:.08s}.mini-chart span:nth-child(3){animation-delay:.16s}.mini-chart span:nth-child(4){animation-delay:.24s}.mini-chart span:nth-child(5){animation-delay:.32s}.mini-chart span:nth-child(6){animation-delay:.40s}.mini-chart span:nth-child(7){animation-delay:.48s}.mini-chart span i{position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--subtle);opacity:.92}.chart-legend{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:8px;color:var(--subtle);font-size:10px;text-align:center}
@keyframes heroFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes cardFloatIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes progressGrow{from{width:0}to{width:92%}}
@keyframes progressShine{0%,38%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
@keyframes barRise{from{transform:scaleY(.15);opacity:.45}to{transform:scaleY(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero .lead,.hero .cta-row,.hero .trust,.hero-card,.hero-card .progress span,.hero-card .progress span:after,.mini-chart span{animation:none!important}}

/* Workspace intelligence section */
.intelligence{background:radial-gradient(circle at 18% 10%,rgba(47,124,246,.14),transparent 34%),radial-gradient(circle at 86% 20%,rgba(124,92,255,.13),transparent 30%)}
.intelligence-grid{display:grid;grid-template-columns:1.35fr .9fr 1fr;gap:16px;align-items:stretch}
.signal-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);min-height:210px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.signal-card:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.34);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))}
.signal-card h3{margin:0 0 14px;font-size:18px;letter-spacing:-.03em}.signal-card p{margin:0;color:var(--muted);line-height:1.68;font-size:14px}.primary-signal{position:relative;overflow:hidden}.primary-signal:after{content:'';position:absolute;right:-70px;bottom:-80px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(64,213,255,.18),transparent 64%)}
.signal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;position:relative;z-index:1}.signal-metrics div{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.18);padding:14px}.signal-metrics strong{display:block;font-size:28px;letter-spacing:-.05em}.signal-metrics span{display:block;margin-top:4px;color:var(--subtle);font-size:12px}.check-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:13px}.check-row:last-child{border-bottom:0}.check-row b{color:var(--green);font-size:12px}.muted-check b{color:var(--amber)}.compact-table{font-size:12px}.compact-table td,.compact-table th{padding:11px 8px}.timeline-card{margin-top:16px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035);padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline-step{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;position:relative}.timeline-step span{width:12px;height:12px;margin-top:4px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:0 0 0 6px rgba(255,255,255,.035)}.timeline-step.done span{background:var(--green);box-shadow:0 0 0 6px rgba(53,208,139,.12)}.timeline-step.active span{background:var(--cyan);box-shadow:0 0 0 6px rgba(64,213,255,.14)}.timeline-step strong{display:block;font-size:13px}.timeline-step small{display:block;margin-top:5px;color:var(--subtle);font-size:12px;line-height:1.5}
@media (max-width:1000px){.intelligence-grid,.timeline-card{grid-template-columns:1fr}.signal-metrics{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.signal-metrics{grid-template-columns:1fr}.signal-card{min-height:auto}.timeline-card{padding:16px}}

/* TikTok upload actions */
.action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:720px){.action-row{justify-content:flex-start;width:100%}.action-row .btn{flex:1}}

/* TikTok inbox handoff status */
.handoff-panel{margin-bottom:16px}.handoff-grid{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:16px;align-items:start}.handoff-grid strong{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#f7f7fb;word-break:break-all}.handoff-grid p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}@media (max-width:720px){.handoff-grid{grid-template-columns:1fr}}