
:root{--bg:#07080b;--p:#101218;--line:#252a36;--txt:#f7f7f8;--muted:#9ca3af;--a:#f59e0b;--g:#22c55e;--b:#3b82f6}
#overpower-app,.op-auth{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--txt)}
#overpower-app{max-width:1400px;margin:0 auto;background:var(--bg);min-height:100vh;padding:12px 12px 90px}
.op-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:20;background:rgba(7,8,11,.96);backdrop-filter:blur(12px);padding:10px 0}.op-top h1{margin:0;font-size:22px}.op-top p,.op-note{color:var(--muted);font-size:12px}.op-user{font-size:11px;border:1px solid var(--line);padding:7px 9px;border-radius:999px}
.op-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0}.op-stats>div,.op-card{background:linear-gradient(180deg,var(--p),#0d0f14);border:1px solid var(--line);border-radius:15px;padding:13px}.op-stats b{font-size:22px}.op-stats span{display:block;color:var(--muted);font-size:10px}
.op-nav{display:flex;gap:6px;overflow:auto;margin:10px 0}.op-nav button{white-space:nowrap}.op-nav button.active{background:#251c0b;color:#fbbf24;border-color:#5b430f}
#overpower-app button{border:1px solid #5b430f;background:var(--a);color:#171108;border-radius:10px;padding:10px 12px;font-weight:750;cursor:pointer;min-height:42px}#overpower-app button.secondary{background:#1b1f29;color:white;border-color:var(--line)}
.op-tab{display:none}.op-tab.active{display:block}.op-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.op-wide{grid-column:1/-1}.op-card h2{margin:0 0 10px;font-size:14px}
#overpower-app input,#overpower-app select,#overpower-app textarea{width:100%;background:#090b10;color:white;border:1px solid var(--line);border-radius:11px;padding:10px;font:inherit;min-height:44px;margin-bottom:8px;box-sizing:border-box}#overpower-app textarea{min-height:95px}
.op-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.op-kpis>div{background:#090b10;border:1px solid var(--line);padding:10px;border-radius:11px}.op-kpis b{font-size:18px}.op-kpis span{display:block;color:var(--muted);font-size:10px}
.op-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.op-campaign{background:#090b10;border:1px solid var(--line);padding:10px;border-radius:11px}.op-campaign b{display:block}.op-campaign small{color:var(--muted)}
.op-pipeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;overflow:auto}.op-col{min-width:180px;background:#090b10;border:1px solid var(--line);border-radius:11px;padding:8px}.op-col h3{font-size:11px}.op-lead{background:#141720;border:1px solid #272c38;border-radius:9px;padding:8px;margin-bottom:6px;font-size:11px}
.op-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{font-size:11px;padding:9px;border-bottom:1px solid var(--line);text-align:left}.op-ai-answer{white-space:pre-wrap;background:#090b10;border:1px solid var(--line);border-radius:11px;padding:12px;margin-top:10px;line-height:1.5}.op-ai-answer:empty{display:none}#imageOutput img{width:100%;border-radius:12px;margin-top:10px}
.op-auth{min-height:70vh;display:grid;place-items:center;background:#07080b;padding:20px}.op-login-card{width:min(420px,100%);background:#101218;border:1px solid #252a36;border-radius:18px;padding:20px}.op-login-card label{color:white}.op-login-card input{width:100%;padding:10px;margin:5px 0 10px}
@media(max-width:900px){.op-stats{grid-template-columns:repeat(3,1fr)}.op-grid{grid-template-columns:1fr}.op-wide{grid-column:auto}.op-cards{grid-template-columns:1fr 1fr}.op-pipeline{grid-template-columns:repeat(6,180px)}}
@media(max-width:600px){#overpower-app{padding:8px 8px 100px}.op-stats{grid-template-columns:1fr 1fr}.op-row{grid-template-columns:1fr}.op-kpis{grid-template-columns:1fr 1fr}.op-cards{grid-template-columns:1fr}.op-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#0b0d12;padding:7px 6px calc(7px + env(safe-area-inset-bottom));margin:0;border-top:1px solid var(--line)}.op-nav button{font-size:10px;padding:8px!important;min-width:82px}#overpower-app input,#overpower-app select,#overpower-app textarea{font-size:16px}}
