:root {
    --bg: #050707;
    --panel: #0d1212;
    --panel-2: #121a1a;
    --line: rgba(190, 255, 236, .12);
    --text: #f3fffb;
    --muted: #92a4a0;
    --accent: #44f3a4;
    --accent-2: #18d6d0;
    --warn: #ffd166;
    --danger: #ff5c7a;
    --good: #54f08a;
    --shadow: 0 18px 60px rgba(0, 0, 0, .35);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    background: radial-gradient(circle at 20% 0%, rgba(68, 243, 164, .12), transparent 32%), linear-gradient(135deg, #040606 0%, #091010 55%, #061717 100%);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.app-shell { min-height: 100vh; }
.public-nav, .topbar {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 18px clamp(18px, 4vw, 56px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark {
    display: grid; place-items: center; width: 42px; height: 42px; border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #02110e; font-weight: 900;
    box-shadow: 0 0 30px rgba(68, 243, 164, .25);
}
.brand small { display: block; color: var(--muted); font-size: 12px; margin-top: 2px; }
.btn {
    border: 1px solid var(--line); background: rgba(255,255,255,.04); color: var(--text);
    min-height: 42px; padding: 10px 16px; border-radius: 8px; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: .2s ease;
}
.btn:hover { transform: translateY(-1px); border-color: rgba(68,243,164,.45); }
.btn.primary { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #02110e; border: 0; font-weight: 800; }
.btn.danger { border-color: rgba(255,92,122,.45); color: #ffd9e0; }
.hero {
    min-height: 78vh; display: grid; align-items: center; padding: 34px clamp(18px, 5vw, 76px);
    background: linear-gradient(180deg, transparent, rgba(68,243,164,.05));
}
.hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 34px; align-items: center; }
.hero h1 { font-size: clamp(38px, 6vw, 76px); line-height: .98; margin: 0 0 18px; max-width: 900px; }
.lead { color: #c4d4d1; font-size: clamp(17px, 2vw, 22px); line-height: 1.55; max-width: 720px; }
.hero-panel, .card, .auth-card, .table-wrap {
    background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
    border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow);
}
.hero-panel { padding: 22px; }
.metric-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mini-metric { padding: 16px; background: rgba(0,0,0,.22); border: 1px solid var(--line); border-radius: 8px; }
.mini-metric strong { display: block; font-size: 24px; color: var(--accent); }
.section { padding: 52px clamp(18px, 5vw, 76px); }
.section h2, .page h1 { margin: 0 0 20px; font-size: clamp(28px, 4vw, 44px); }
.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.card { padding: 18px; }
.card h3 { margin: 0 0 8px; }
.card p { color: var(--muted); line-height: 1.55; }
.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 22px; }
.auth-card { width: min(480px, 100%); padding: 28px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.field { display: grid; gap: 7px; margin-bottom: 14px; }
label { color: #d8e5e2; font-size: 14px; }
input, select, textarea {
    width: 100%; border: 1px solid var(--line); background: rgba(0,0,0,.28); color: var(--text);
    border-radius: 8px; padding: 12px 13px; outline: none; min-height: 45px;
}
input:focus, select:focus, textarea:focus { border-color: rgba(68,243,164,.75); box-shadow: 0 0 0 3px rgba(68,243,164,.1); }
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(255, 92, 122, .12);
}
.layout { display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; }
.sidebar {
    position: sticky; top: 0; height: 100vh; padding: 20px; background: rgba(3,8,8,.88);
    border-right: 1px solid var(--line); backdrop-filter: blur(14px);
}
.sidebar nav { display: grid; gap: 6px; margin-top: 26px; }
.sidebar nav a { padding: 12px 13px; border-radius: 8px; color: #c8d7d4; }
.sidebar nav a:hover { background: rgba(68,243,164,.1); color: var(--text); }
.main { min-width: 0; }
.page { padding: 24px clamp(16px, 3vw, 34px) 54px; }
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 20px 0; }
.stat { padding: 16px; border: 1px solid var(--line); background: rgba(255,255,255,.04); border-radius: 8px; }
.stat span { color: var(--muted); font-size: 13px; }
.stat strong { display: block; margin-top: 7px; font-size: 24px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th, td { text-align: left; padding: 13px; border-bottom: 1px solid var(--line); }
th { color: #b8cbc7; font-size: 13px; }
.wizard-steps { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 20px; }
.step-dot { border: 1px solid var(--line); color: var(--muted); border-radius: 999px; padding: 8px 12px; }
.step-dot.active { background: rgba(68,243,164,.14); color: var(--accent); }
.wizard-step { display: none; }
.wizard-step.active { display: block; animation: rise .25s ease; }
.select-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.choice { cursor: pointer; }
.choice input { display: none; }
.choice span { display: block; border: 1px solid var(--line); padding: 14px; border-radius: 8px; background: rgba(0,0,0,.2); }
.choice input:checked + span { border-color: var(--accent); box-shadow: inset 0 0 0 1px rgba(68,243,164,.25); color: var(--accent); }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.results-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.result-card { padding: 15px; border-radius: 8px; border: 1px solid var(--line); background: rgba(255,255,255,.04); }
.result-card small { color: var(--muted); }
.result-card strong { display: block; font-size: 22px; margin-top: 5px; }
.positive { color: var(--good); } .warning { color: var(--warn); } .negative { color: var(--danger); }
.funnel { display: grid; gap: 10px; }
.funnel-row { padding: 13px 16px; border-radius: 8px; background: linear-gradient(90deg, rgba(68,243,164,.14), rgba(24,214,208,.04)); border: 1px solid var(--line); }
.notice { padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; color: #cfe3de; background: rgba(68,243,164,.06); }
.hidden { display: none !important; }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 1024px) {
    .hero-grid, .layout { grid-template-columns: 1fr; }
    .sidebar { position: relative; height: auto; }
    .stats, .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .public-nav, .topbar { align-items: flex-start; flex-direction: column; }
    .grid, .form-grid, .select-grid, .metric-preview, .stats, .results-grid { grid-template-columns: 1fr; }
    .hero { min-height: auto; padding-top: 20px; }
    .auth-card { padding: 20px; }
    .btn { width: 100%; }
}

/* Premium UI refresh */
:root {
    --bg: #060807;
    --panel: #0d1210;
    --panel-2: #121a16;
    --panel-3: #17211c;
    --line: rgba(223, 255, 238, .10);
    --line-strong: rgba(92, 255, 173, .28);
    --text: #f5fff9;
    --muted: #93a69b;
    --accent: #53f59d;
    --accent-2: #1fd1a2;
    --shadow: 0 24px 80px rgba(0,0,0,.42);
    --radius: 18px;
}
body:before {
    content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
    background:
      radial-gradient(circle at 8% 12%, rgba(83,245,157,.13), transparent 28%),
      radial-gradient(circle at 88% 8%, rgba(31,209,162,.10), transparent 26%),
      linear-gradient(180deg,#060807 0%,#090d0b 100%);
}
.sidebar {
    width:auto; padding:24px 18px; background:rgba(7,11,9,.92);
    border-right:1px solid var(--line); box-shadow:18px 0 50px rgba(0,0,0,.18);
}
.brand { padding:6px 8px 22px; }
.brand-mark { width:46px;height:46px;border-radius:14px;box-shadow:0 12px 35px rgba(83,245,157,.24); }
.brand strong { font-size:16px; letter-spacing:.2px; }
.sidebar nav { gap:8px; }
.sidebar nav a {
    position:relative; padding:13px 14px 13px 42px; border:1px solid transparent;
    border-radius:14px; font-weight:650; color:#b8c8be;
}
.sidebar nav a:before { position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.9; }
.sidebar nav a:nth-child(1):before{content:"◫"}.sidebar nav a:nth-child(2):before{content:"＋"}.sidebar nav a:nth-child(3):before{content:"▤"}.sidebar nav a:nth-child(4):before{content:"◉"}.sidebar nav a:nth-child(5):before{content:"⚙"}.sidebar nav a:last-child:before{content:"↗"}
.sidebar nav a:hover { background:linear-gradient(90deg,rgba(83,245,157,.12),rgba(83,245,157,.03));border-color:var(--line-strong);transform:translateX(2px); }
.topbar {
    position:sticky; top:0; z-index:20; padding:20px clamp(18px,3vw,38px);
    background:rgba(6,8,7,.76); border-bottom:1px solid var(--line); backdrop-filter:blur(20px);
}
.topbar h1 { margin:0;font-size:clamp(25px,3vw,36px);letter-spacing:-.8px; }
.topbar span { color:var(--muted);font-size:14px; }
.page { max-width:1540px; margin:0 auto; padding-top:30px; }
.card,.auth-card,.table-wrap,.hero-panel {
    border-radius:var(--radius); border-color:var(--line);
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
    box-shadow:0 14px 50px rgba(0,0,0,.22);
}
.card { padding:22px; }
.card:hover { border-color:rgba(83,245,157,.18); }
.btn { min-height:46px;padding:11px 18px;border-radius:13px;font-weight:750; }
.btn.primary { box-shadow:0 12px 30px rgba(83,245,157,.18); }
.btn.primary:hover { box-shadow:0 16px 38px rgba(83,245,157,.28); }
input,select,textarea { min-height:50px;border-radius:13px;background:#0a0f0c;border-color:rgba(255,255,255,.09); }
textarea { min-height:110px; resize:vertical; }
.field label { font-weight:700;color:#cbd8d0; }
.wizard-steps { justify-content:center;gap:12px;margin:2px 0 30px; }
.step-dot { width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:14px;font-weight:850;background:#0a0f0c; }
.step-dot.active { color:#04120b;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 28px rgba(83,245,157,.24); }
.wizard-step h2 { font-size:28px;margin-top:4px;letter-spacing:-.5px; }
.choice span { min-height:58px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-weight:750;transition:.2s ease;background:#0a0f0c; }
.choice input:checked + span { background:linear-gradient(145deg,rgba(83,245,157,.14),rgba(31,209,162,.06));box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 0 0 1px rgba(83,245,157,.2); }
.results-grid { gap:14px; }
.result-card { position:relative;overflow:hidden;padding:19px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); }
.result-card:after { content:"";position:absolute;right:-28px;bottom:-30px;width:86px;height:86px;border-radius:50%;background:rgba(83,245,157,.06); }
.result-card small { font-weight:750;text-transform:uppercase;letter-spacing:.55px;font-size:11px; }
.result-card strong { font-size:clamp(22px,2.2vw,30px);letter-spacing:-.6px; }
.funnel-row { border-radius:14px;padding:15px 18px; }
.alert { display:flex;flex-direction:column;gap:4px;padding:15px 18px;margin-bottom:18px;border-radius:14px;border:1px solid var(--line); }
.alert-danger { background:rgba(255,92,122,.09);border-color:rgba(255,92,122,.3);color:#ffdce3; }
.table-wrap { border:1px solid var(--line); }
th { text-transform:uppercase;letter-spacing:.55px;font-size:11px; }
tbody tr:hover { background:rgba(83,245,157,.035); }
@media (max-width:1024px){
 .layout{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}
 .sidebar nav{display:flex;overflow-x:auto;padding-bottom:4px}.sidebar nav a{min-width:max-content;padding-left:40px}
 .topbar{position:relative}
}
@media (max-width:680px){
 .page{padding:18px 14px 40px}.card{padding:17px;border-radius:16px}.topbar{padding:16px 14px}
 .topbar .actions{width:100%}.topbar .actions .btn{flex:1}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .result-card{padding:15px}.result-card strong{font-size:20px}.wizard-steps{gap:7px}.step-dot{width:36px;height:36px;border-radius:11px}
 .sidebar{padding:16px 12px}.brand{padding-bottom:12px}.sidebar nav a{padding-top:11px;padding-bottom:11px}
}

/* Dashboard SaaS Premium v2 */
.dashboard-layout{grid-template-columns:278px minmax(0,1fr)}
.dashboard-main{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 280px)}
.dashboard-topbar{min-height:104px;padding:22px clamp(22px,3vw,42px)}
.dashboard-heading .eyebrow,.section-label{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1.7px;margin-bottom:6px}
.dashboard-heading h1{font-size:clamp(26px,3vw,38px);line-height:1.1}.dashboard-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}
.topbar-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);font-size:18px}.dashboard-cta{white-space:nowrap}
.dashboard-page{padding:26px clamp(18px,3vw,40px) 56px}
.welcome-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:30px;padding:34px 38px;margin-bottom:18px;border:1px solid rgba(83,245,157,.17);border-radius:24px;background:radial-gradient(circle at 85% 50%,rgba(31,209,162,.20),transparent 28%),linear-gradient(120deg,rgba(83,245,157,.11),rgba(255,255,255,.025) 55%,rgba(78,183,255,.07));box-shadow:0 24px 70px rgba(0,0,0,.24)}
.welcome-panel:after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-130px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 0 76px rgba(255,255,255,.012)}
.status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(83,245,157,.2);background:rgba(83,245,157,.07);border-radius:999px;color:#caffdf;font-size:11px;font-weight:800}.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.welcome-copy h2{max-width:720px;margin:15px 0 10px;font-size:clamp(27px,3.4vw,46px);line-height:1.05;letter-spacing:-1.6px}.welcome-copy p{max-width:680px;margin:0;color:#aec0b6;line-height:1.6}.welcome-actions{display:flex;gap:10px;margin-top:22px}.btn.ghost{background:rgba(255,255,255,.025)}
.welcome-score{position:relative;z-index:1;display:grid;place-items:center;gap:10px}.welcome-score>small{color:#a7b9af;text-align:center}.score-ring{--score:0;width:176px;height:176px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--score)*1%),rgba(255,255,255,.07) 0);box-shadow:0 0 50px rgba(83,245,157,.12)}.score-ring:before{content:"";position:absolute;width:144px;height:144px;border-radius:50%;background:#0b110e;box-shadow:inset 0 0 35px rgba(255,255,255,.02)}.score-ring div{position:relative;text-align:center}.score-ring strong{display:block;font-size:32px;letter-spacing:-1px}.score-ring span{color:var(--muted);font-size:12px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-metrics{margin-bottom:18px}.metric-card{position:relative;overflow:hidden;min-height:170px;padding:19px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));box-shadow:0 14px 44px rgba(0,0,0,.18);transition:.22s ease}.metric-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.17)}.metric-card:after{content:"";position:absolute;width:110px;height:110px;right:-50px;bottom:-55px;border-radius:50%;background:var(--metric-glow,rgba(83,245,157,.12));filter:blur(4px)}.metric-green{--metric-glow:rgba(83,245,157,.18)}.metric-cyan{--metric-glow:rgba(78,183,255,.18)}.metric-purple{--metric-glow:rgba(175,111,255,.18)}.metric-gold{--metric-glow:rgba(255,196,87,.18)}.metric-red{--metric-glow:rgba(255,92,122,.18)}
.metric-head{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.045);color:var(--accent)}.metric-badge{font-size:10px;font-weight:800;color:#a9bbb1;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.04)}.metric-card p{margin:18px 0 5px;color:#9dafA5;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.55px}.metric-card>strong{display:block;font-size:clamp(22px,2.2vw,31px);letter-spacing:-.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card>small{display:block;margin-top:7px;color:#82958a;font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:14px;margin-bottom:14px}.dashboard-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.046),rgba(255,255,255,.016));box-shadow:0 16px 50px rgba(0,0,0,.19)}.chart-card,.insight-card,.recent-card{padding:22px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-header h2{margin:0;font-size:19px;letter-spacing:-.35px}.period-chip{padding:7px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px}.chart-area{height:315px;margin-top:15px}.chart-area canvas{max-height:315px}.empty-chart,.empty-insight,.empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-chart>span,.empty-insight>span,.empty-state>span{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:rgba(83,245,157,.08);border:1px solid rgba(83,245,157,.15);color:var(--accent);font-size:24px}.empty-chart strong,.empty-insight strong{margin-top:14px}.empty-chart p,.empty-insight p,.empty-state p{color:var(--muted);max-width:360px}
.insight-card{background:radial-gradient(circle at 100% 0,rgba(255,196,87,.10),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.046),rgba(255,255,255,.016))}.insight-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,196,87,.1);color:#ffd071}.best-company{display:flex;align-items:center;gap:12px;margin:23px 0}.company-cell{display:flex;align-items:center;gap:10px}.best-company>span,.company-cell>span{flex:0 0 auto;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(83,245,157,.18),rgba(31,209,162,.08));border:1px solid rgba(83,245,157,.15);color:var(--accent);font-size:11px;font-weight:900}.best-company strong,.company-cell strong{display:block}.best-company small,.company-cell small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.best-roas{padding:18px;border:1px solid rgba(83,245,157,.14);border-radius:17px;background:rgba(83,245,157,.055)}.best-roas span{display:block;color:#9eb1a6;font-size:11px;font-weight:800;letter-spacing:.7px}.best-roas strong{display:block;margin-top:3px;font-size:36px;color:var(--accent)}.insight-list{display:grid;gap:0;margin:15px 0}.insight-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);font-size:12px}.insight-list span{color:var(--muted)}.btn.full{width:100%}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.quick-actions>a{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);transition:.2s ease}.quick-actions>a:hover{transform:translateY(-2px);border-color:rgba(83,245,157,.25);background:rgba(83,245,157,.035)}.quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(83,245,157,.08);color:var(--accent);font-size:19px}.quick-actions div{min-width:0;flex:1}.quick-actions strong,.quick-actions small{display:block}.quick-actions small{color:var(--muted);font-size:11px;margin-top:4px}.quick-actions b{font-size:23px;color:#768a7e}
.recent-card{padding:0;overflow:hidden}.recent-header{padding:22px 22px 17px}.recent-header>a{color:var(--accent);font-size:12px;font-weight:800}.premium-table{min-width:820px}.premium-table th{padding:12px 20px;background:rgba(255,255,255,.018)}.premium-table td{padding:14px 20px}.roas-chip{display:inline-block;padding:6px 9px;border-radius:9px;background:rgba(78,183,255,.08);color:#77caff;font-weight:800;font-size:11px}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.status-tag i{width:6px;height:6px;border-radius:50%}.status-tag.success{color:#8ff6ba;background:rgba(83,245,157,.08)}.status-tag.success i{background:var(--accent)}.status-tag.danger{color:#ff9aad;background:rgba(255,92,122,.08)}.status-tag.danger i{background:var(--danger)}.row-action{color:#cde0d5;font-size:11px;font-weight:700}.row-action:hover{color:var(--accent)}.mobile-simulations{display:none}.simulation-mobile-card{padding:16px;border-top:1px solid var(--line)}.simulation-mobile-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.simulation-mobile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.simulation-mobile-stats>div{padding:10px;border-radius:12px;background:rgba(255,255,255,.025)}.simulation-mobile-stats span,.simulation-mobile-stats strong{display:block}.simulation-mobile-stats span{color:var(--muted);font-size:9px;text-transform:uppercase}.simulation-mobile-stats strong{font-size:12px;margin-top:5px}.simulation-mobile-actions{display:flex;gap:8px}.simulation-mobile-actions a{flex:1;text-align:center;padding:9px;border:1px solid var(--line);border-radius:10px;font-size:11px}.empty-state{min-height:300px}.empty-state h3{margin:15px 0 0}
@media(max-width:1180px){.dashboard-layout{grid-template-columns:240px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-panel{grid-template-columns:1fr 230px}.dashboard-grid{grid-template-columns:1fr}.insight-card{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.insight-card .card-header,.insight-card .btn{grid-column:1/-1}}
@media(max-width:1024px){.dashboard-layout{display:block}.dashboard-topbar{position:relative}.dashboard-page{padding-top:18px}.welcome-panel{grid-template-columns:1fr}.welcome-score{display:none}.sidebar nav{scrollbar-width:none}}
@media(max-width:760px){.dashboard-topbar{align-items:center;flex-direction:row}.dashboard-heading p,.dashboard-heading .eyebrow,.icon-btn{display:none}.dashboard-heading h1{font-size:23px}.dashboard-cta{width:auto!important;min-height:42px;padding:10px 13px}.dashboard-cta span{display:none}.dashboard-page{padding:13px 12px 34px}.welcome-panel{padding:23px 20px;border-radius:20px}.welcome-copy h2{font-size:28px}.welcome-copy p{font-size:13px}.welcome-actions{display:grid;grid-template-columns:1fr 1fr}.welcome-actions .btn{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:145px;padding:14px;border-radius:16px}.metric-icon{width:32px;height:32px}.metric-card p{margin-top:14px;font-size:9px}.metric-card>strong{font-size:18px}.metric-card>small{font-size:9px}.dashboard-grid{gap:10px}.chart-card,.insight-card{padding:17px;border-radius:18px}.chart-area{height:245px}.chart-area canvas{max-height:245px}.insight-card{display:block}.quick-actions{grid-template-columns:1fr;gap:8px}.quick-actions>a{padding:13px}.desktop-simulations{display:none}.mobile-simulations{display:block}.recent-header{padding:18px 16px 14px}.recent-card{border-radius:18px}.card-header h2{font-size:17px}.period-chip{display:none}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:132px}.welcome-actions{grid-template-columns:1fr}.simulation-mobile-stats{grid-template-columns:1fr 1fr}.simulation-mobile-stats>div:last-child{grid-column:1/-1}}

/* Navigation system V3 */
.mobile-app-header,.mobile-bottom-nav,.sidebar-overlay{display:none}
.premium-sidebar{width:278px;padding:20px 16px 16px;background:linear-gradient(180deg,rgba(7,12,10,.98),rgba(5,9,8,.97));border-right:1px solid rgba(255,255,255,.07);box-shadow:18px 0 60px rgba(0,0,0,.20);z-index:60}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:1px 6px 18px}.sidebar-brand{min-width:0}.sidebar-brand .brand-mark{width:44px;height:44px;border-radius:14px;font-size:20px;box-shadow:0 10px 30px rgba(83,245,157,.18)}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:16px;letter-spacing:-.25px}.brand-copy small{font-size:10px;white-space:nowrap}.sidebar-close{display:none;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}
.sidebar-create{display:flex;align-items:center;gap:12px;margin:5px 3px 25px;padding:13px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(83,245,157,.17),rgba(31,209,162,.08));border:1px solid rgba(83,245,157,.2);box-shadow:0 12px 30px rgba(0,0,0,.16);transition:.2s ease}.sidebar-create:hover{transform:translateY(-2px);border-color:rgba(83,245,157,.36)}.sidebar-create-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#02110d;font-size:24px;font-weight:500}.sidebar-create strong,.sidebar-create small{display:block}.sidebar-create strong{font-size:12px}.sidebar-create small{margin-top:3px;color:#8fa398;font-size:10px}
.sidebar-section-label{padding:0 12px 8px;color:#5e7167;font-size:9px;font-weight:900;letter-spacing:1.35px}.sidebar-section-label.admin-label{margin-top:18px}.sidebar-nav{display:grid!important;gap:5px!important;margin:0!important}.sidebar-nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 12px!important;border-radius:13px!important;color:#8fa39a!important;font-size:12px;font-weight:650;transition:.18s ease}.sidebar-nav a:hover{background:rgba(255,255,255,.035)!important;color:#eafff2!important}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(83,245,157,.13),rgba(83,245,157,.035))!important;color:#dffff0!important}.sidebar-nav a.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:10px;background:var(--accent);box-shadow:0 0 14px rgba(83,245,157,.75)}.sidebar-nav a>i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:transparent}.sidebar-nav a.active>i{background:var(--accent);box-shadow:0 0 9px var(--accent)}.nav-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.035)}.nav-icon svg,.mobile-bottom-nav svg{width:17px;height:17px;fill:currentColor}.sidebar-nav a.active .nav-icon{color:var(--accent);background:rgba(83,245,157,.09);border-color:rgba(83,245,157,.13)}.admin-badge{margin-left:auto;padding:4px 6px;border-radius:6px;background:rgba(255,196,87,.1);color:#ffd071;font-size:8px;font-weight:900}
.sidebar-footer{position:absolute;left:16px;right:16px;bottom:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:9px;border-radius:14px;transition:.18s ease}.sidebar-user:hover{background:rgba(255,255,255,.035)}.user-avatar{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#283b31,#17231d);border:1px solid rgba(83,245,157,.13);color:var(--accent);font-size:11px;font-weight:900}.user-copy{min-width:0;flex:1}.user-copy strong,.user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy strong{font-size:11px}.user-copy small{margin-top:3px;color:#70847a;font-size:9px}.user-more{color:#60736a;font-size:11px}.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px;padding:8px;color:#74887e;font-size:10px}.sidebar-logout:hover{color:#ff8fa4}
.layout{grid-template-columns:278px minmax(0,1fr)}.topbar{position:sticky;top:0;z-index:25;min-height:88px;padding:18px clamp(18px,3vw,38px);background:rgba(6,10,8,.76);border-bottom:1px solid rgba(255,255,255,.065);backdrop-filter:blur(20px) saturate(130%)}.topbar>h1{margin:0;font-size:clamp(22px,2.3vw,31px);letter-spacing:-.8px}.topbar .btn{border-radius:13px}.dashboard-topbar{position:sticky!important}
@media(max-width:1024px){
  body.sidebar-open{overflow:hidden}.layout,.dashboard-layout{display:block!important}.main{padding-top:72px;padding-bottom:92px}.premium-sidebar{position:fixed!important;left:0;top:0;bottom:0;height:100dvh!important;width:min(86vw,320px);transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);z-index:100;overflow-y:auto}.premium-sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-overlay{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}body.sidebar-open .sidebar-overlay{display:block}.sidebar-footer{position:static;margin-top:30px}.mobile-app-header{display:flex;position:fixed;top:0;left:0;right:0;height:72px;z-index:70;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(7,11,9,.88);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(20px) saturate(140%)}.mobile-menu-button{width:42px;height:42px;display:grid;place-content:center;gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)}.mobile-menu-button span{display:block;width:17px;height:1.5px;border-radius:2px;background:#dff6e9}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05110d;font-weight:950}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{font-size:12px}.mobile-brand small{margin-top:1px;color:#73877c;font-size:8px;letter-spacing:.6px;text-transform:uppercase}.mobile-header-action{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#02110d;font-size:25px;font-weight:500;box-shadow:0 8px 24px rgba(83,245,157,.18)}.mobile-bottom-nav{display:grid;position:fixed;left:10px;right:10px;bottom:9px;z-index:75;grid-template-columns:repeat(5,1fr);min-height:69px;padding:7px 5px calc(7px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.08);border-radius:21px;background:rgba(9,14,11,.94);box-shadow:0 14px 45px rgba(0,0,0,.48);backdrop-filter:blur(22px) saturate(140%)}.mobile-bottom-nav>a,.mobile-bottom-nav>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#677b71;font-size:8px;font-weight:750}.mobile-bottom-nav>a.active{color:var(--accent)}.mobile-bottom-nav>a.active:after{content:"";position:absolute;bottom:1px;width:16px;height:2px;border-radius:3px;background:var(--accent);box-shadow:0 0 9px var(--accent)}.mobile-bottom-nav svg{width:19px;height:19px}.mobile-bottom-nav .bottom-create{transform:translateY(-18px);gap:2px;color:#c9ddd3}.mobile-bottom-nav .bottom-create>span{width:49px;height:49px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#03120d;font-size:29px;line-height:1;box-shadow:0 10px 25px rgba(83,245,157,.22),0 0 0 6px #09100c}.mobile-bottom-nav .bottom-create>small{font-size:8px}.topbar{position:relative!important;top:auto;min-height:auto;padding:20px 15px 14px;background:transparent;border-bottom:0;backdrop-filter:none}.dashboard-topbar{display:none!important}.page{padding-top:8px;padding-bottom:26px}
}
@media(max-width:480px){.mobile-bottom-nav{left:7px;right:7px;bottom:6px;border-radius:19px}.main{padding-bottom:88px}.topbar>h1{font-size:24px}.topbar .btn{width:auto}.premium-sidebar{width:min(89vw,320px)}}

/* =========================================================
   SHARKCREW UI SYSTEM V6 — PROFESSIONAL RESPONSIVE REDESIGN
   ========================================================= */
:root{
  --sc-bg:#070b0a;--sc-panel:#0d1311;--sc-panel-2:#111916;--sc-panel-3:#15201b;
  --sc-border:rgba(255,255,255,.075);--sc-border-strong:rgba(255,255,255,.12);
  --sc-text:#f4fbf7;--sc-muted:#8da198;--sc-subtle:#60736a;
  --sc-green:#48e89c;--sc-green-2:#22c982;--sc-cyan:#5ac8fa;--sc-purple:#a78bfa;--sc-gold:#f6c85f;--sc-red:#fb7185;
  --sc-shadow:0 18px 60px rgba(0,0,0,.34);--sc-radius:20px;--sc-sidebar:264px;
}
*{box-sizing:border-box}html{background:var(--sc-bg)}body{background:radial-gradient(circle at 72% -10%,rgba(72,232,156,.08),transparent 30%),var(--sc-bg);color:var(--sc-text)}
svg{display:block}.premium-sidebar svg,.mobile-app-header svg,.mobile-bottom-nav svg,.dashboard-page svg,.dashboard-topbar svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.layout{grid-template-columns:var(--sc-sidebar) minmax(0,1fr)!important}.main{min-width:0;background:transparent}

/* Sidebar */
.premium-sidebar{width:var(--sc-sidebar)!important;padding:22px 16px 16px!important;background:linear-gradient(180deg,rgba(10,16,13,.99),rgba(6,10,8,.99))!important;border-right:1px solid var(--sc-border)!important;box-shadow:none!important}
.sidebar-top{padding:0 4px 22px!important}.sidebar-brand{gap:11px!important}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,#58f2ac,#24cc83);color:#04110b;font-size:17px;font-weight:950;box-shadow:0 10px 30px rgba(72,232,156,.18)}
.brand-copy strong{font-size:15px!important;letter-spacing:-.35px}.brand-copy small{margin-top:4px;color:#6f8479!important;font-size:8px!important;letter-spacing:.75px;text-transform:uppercase}
.sidebar-close{width:38px;height:38px;place-items:center;border:1px solid var(--sc-border)!important;border-radius:12px!important}.sidebar-close svg{width:18px;height:18px}
.sidebar-create{min-height:68px;margin:2px 0 28px!important;padding:12px 12px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(72,232,156,.16),rgba(72,232,156,.045))!important;border:1px solid rgba(72,232,156,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
.sidebar-create:hover{transform:translateY(-1px)!important;background:linear-gradient(135deg,rgba(72,232,156,.21),rgba(72,232,156,.07))!important}
.sidebar-create-icon{width:40px!important;height:40px!important;border-radius:13px!important;background:var(--sc-green)!important;color:#06140e!important}.sidebar-create-icon svg{width:20px;height:20px}.sidebar-create strong{font-size:12px!important}.sidebar-create small{font-size:9px!important;color:#88a097!important}.create-arrow{width:17px;height:17px;margin-left:auto;color:#6f887c}
.sidebar-section-label{padding:0 11px 9px!important;color:#52645b!important;font-size:8px!important;letter-spacing:1.6px!important}.sidebar-section-label.admin-label{margin-top:21px!important}
.sidebar-nav{gap:4px!important}.sidebar-nav a{min-height:48px!important;padding:8px 10px!important;border-radius:14px!important;color:#8ea198!important;font-size:11.5px!important;font-weight:680!important;letter-spacing:-.1px}
.sidebar-nav a:hover{background:rgba(255,255,255,.04)!important;color:#effbf4!important}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(72,232,156,.13),rgba(72,232,156,.035))!important;color:#effff6!important;box-shadow:inset 0 0 0 1px rgba(72,232,156,.06)}
.sidebar-nav a.active:before{left:-1px!important;top:11px!important;bottom:11px!important;width:3px!important;background:var(--sc-green)!important}
.nav-icon{width:34px!important;height:34px!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.045)!important}.nav-icon svg{width:18px!important;height:18px!important}
.sidebar-nav a.active .nav-icon{background:rgba(72,232,156,.1)!important;border-color:rgba(72,232,156,.16)!important;color:var(--sc-green)!important}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:transparent}.sidebar-nav a.active .nav-dot{background:var(--sc-green);box-shadow:0 0 11px var(--sc-green)}
.admin-badge{font-size:7px!important;padding:4px 6px!important;border-radius:6px!important}
.sidebar-footer{left:16px!important;right:16px!important;bottom:16px!important;padding-top:13px!important}.sidebar-user{padding:10px!important;border:1px solid transparent;border-radius:15px!important}.sidebar-user:hover{border-color:var(--sc-border)!important;background:rgba(255,255,255,.03)!important}
.user-avatar{width:40px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(145deg,#23372d,#122019)!important;color:var(--sc-green)!important}.user-copy strong{font-size:11.5px!important}.user-copy small{font-size:8.5px!important}.user-chevron{width:16px;height:16px;color:#587067}.sidebar-logout{justify-content:flex-start!important;margin:5px 7px 0!important;padding:8px!important}.sidebar-logout svg{width:15px;height:15px}

/* Desktop topbar */
.topbar{min-height:82px!important;padding:17px clamp(22px,3vw,40px)!important;background:rgba(7,11,9,.74)!important;border-bottom:1px solid var(--sc-border)!important;backdrop-filter:blur(18px) saturate(135%)!important}.dashboard-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.dashboard-heading .eyebrow{color:var(--sc-green)!important;font-size:8px!important;letter-spacing:1.75px!important}.dashboard-heading h1{margin:5px 0 3px!important;font-size:clamp(22px,2vw,30px)!important;letter-spacing:-.8px!important}.dashboard-heading p{font-size:11px!important;color:var(--sc-muted)!important}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border:1px solid var(--sc-border)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;color:#acc0b7!important}.icon-btn svg{width:19px;height:19px}.dashboard-cta{min-height:44px!important;padding:0 16px!important;border-radius:14px!important;gap:8px!important}.dashboard-cta svg{width:17px;height:17px}

/* Page and hero */
.dashboard-page{max-width:1500px;margin:0 auto;padding:26px clamp(20px,3vw,40px) 42px!important}.welcome-panel{position:relative;overflow:hidden;min-height:238px;padding:34px 38px!important;border:1px solid rgba(72,232,156,.14)!important;border-radius:26px!important;background:radial-gradient(circle at 78% 20%,rgba(72,232,156,.16),transparent 28%),linear-gradient(135deg,#121d18,#0c1310 62%,#0a100e)!important;box-shadow:var(--sc-shadow)!important}
.welcome-panel:after{content:"";position:absolute;right:-120px;bottom:-180px;width:410px;height:410px;border:1px solid rgba(72,232,156,.08);border-radius:50%;box-shadow:0 0 0 44px rgba(72,232,156,.025),0 0 0 88px rgba(72,232,156,.018)}
.welcome-copy{position:relative;z-index:2;max-width:720px}.status-pill{font-size:9px!important;padding:7px 10px!important;background:rgba(72,232,156,.08)!important;border:1px solid rgba(72,232,156,.12)!important}.welcome-copy h2{max-width:700px;margin:18px 0 12px!important;font-size:clamp(30px,3.6vw,50px)!important;line-height:1.02!important;letter-spacing:-1.8px!important}.welcome-copy p{max-width:630px;font-size:13px!important;line-height:1.65!important;color:#9eb0a7!important}.welcome-actions{margin-top:23px!important}.welcome-actions .btn{min-height:44px!important;border-radius:14px!important}.welcome-score{position:relative;z-index:2}.score-ring{width:154px!important;height:154px!important}.score-ring strong{font-size:28px!important}.score-ring span{font-size:9px!important}

/* Metrics */
.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:18px 0!important}.metric-card{position:relative;overflow:hidden;min-height:174px!important;padding:19px!important;border:1px solid var(--sc-border)!important;border-radius:20px!important;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important}.metric-card:after{content:"";position:absolute;right:-32px;top:-34px;width:110px;height:110px;border-radius:50%;background:currentColor;opacity:.035;filter:blur(2px)}
.metric-green{color:var(--sc-green)}.metric-cyan{color:var(--sc-cyan)}.metric-purple{color:var(--sc-purple)}.metric-gold{color:var(--sc-gold)}.metric-red{color:var(--sc-red)}
.metric-head{position:relative;z-index:1}.metric-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:color-mix(in srgb,currentColor 11%,transparent)!important;border:1px solid color-mix(in srgb,currentColor 16%,transparent)!important;color:currentColor!important}.metric-icon svg{width:20px;height:20px}.metric-badge{padding:5px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:#83988e!important;font-size:7px!important;letter-spacing:.8px!important;text-transform:uppercase}.metric-card p{margin:18px 0 7px!important;color:#84978e!important;font-size:9px!important;letter-spacing:.8px!important;text-transform:uppercase}.metric-card>strong{display:block;color:var(--sc-text)!important;font-size:clamp(21px,2vw,30px)!important;line-height:1.08!important;letter-spacing:-1px!important;overflow-wrap:anywhere}.metric-card>small{display:block;margin-top:9px;color:#6d8177!important;font-size:9px!important}

/* Main dashboard cards */
.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr)!important;gap:16px!important}.dashboard-card{border:1px solid var(--sc-border)!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(255,255,255,.027),rgba(255,255,255,.012))!important;box-shadow:0 15px 45px rgba(0,0,0,.2)!important}.chart-card,.insight-card{padding:22px!important}.card-header h2{margin-top:5px!important;font-size:18px!important;letter-spacing:-.5px!important}.section-label{font-size:7px!important;letter-spacing:1.65px!important;color:#60746a!important}.period-chip{font-size:8px!important;padding:7px 10px!important;border-radius:999px!important}.chart-area{height:315px!important}.insight-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(246,200,95,.09)!important;color:var(--sc-gold)!important}.insight-icon svg{width:18px;height:18px}.best-company{margin-top:24px!important}.best-company>span,.company-cell>span{background:linear-gradient(145deg,rgba(72,232,156,.18),rgba(72,232,156,.06))!important;border:1px solid rgba(72,232,156,.14)!important;color:var(--sc-green)!important}.best-roas{margin:20px 0!important;padding:18px!important;border-radius:17px!important;background:linear-gradient(135deg,rgba(72,232,156,.09),rgba(72,232,156,.02))!important}.best-roas strong{font-size:32px!important}.insight-list>div{padding:11px 0!important}.btn.full{min-height:43px!important;border-radius:13px!important}

.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:16px 0!important}.quick-actions>a{min-height:92px;padding:16px!important;border:1px solid var(--sc-border)!important;border-radius:18px!important;background:rgba(255,255,255,.018)!important}.quick-actions>a:hover{transform:translateY(-2px)!important;border-color:rgba(72,232,156,.16)!important;background:rgba(72,232,156,.035)!important}.quick-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(72,232,156,.08)!important;color:var(--sc-green)!important;border:1px solid rgba(72,232,156,.11)!important}.quick-icon svg{width:20px;height:20px}.quick-actions strong{font-size:11px!important}.quick-actions small{font-size:9px!important}.quick-actions b{font-size:22px!important;color:#64786e!important}

.recent-card{overflow:hidden}.recent-header{padding:21px 22px 16px!important}.premium-table th{font-size:7px!important;letter-spacing:1.2px!important}.premium-table td{padding:14px 18px!important;font-size:10px!important}.row-action{padding:8px 11px!important;border-radius:10px!important}.status-tag{font-size:8px!important}.roas-chip{font-size:9px!important}.empty-icon{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;margin:0 auto 14px!important;border-radius:16px!important;background:rgba(72,232,156,.07)!important;color:var(--sc-green)!important;border:1px solid rgba(72,232,156,.11)!important}.empty-icon svg{width:24px;height:24px}

/* Generic pages */
.page:not(.dashboard-page){max-width:1440px;margin:0 auto;padding:28px clamp(18px,3vw,38px) 42px!important}.card,.panel,.form-card,.result-card{border-color:var(--sc-border)!important;border-radius:18px!important;background:linear-gradient(155deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important}.btn{font-weight:750!important}.btn.primary{background:linear-gradient(135deg,var(--sc-green),var(--sc-green-2))!important;color:#03110a!important;box-shadow:0 10px 28px rgba(72,232,156,.16)!important}.btn.ghost{border-color:var(--sc-border-strong)!important;background:rgba(255,255,255,.025)!important}input,select,textarea{border-color:var(--sc-border)!important;background:#0c1310!important;border-radius:13px!important}

/* Tablet */
@media(max-width:1180px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid{grid-template-columns:1fr!important}.insight-card{display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px}.insight-card .card-header,.insight-card .btn{grid-column:1/-1}}

/* Mobile */
.mobile-app-header,.mobile-bottom-nav,.sidebar-overlay{display:none}
@media(max-width:1024px){
 body.sidebar-open{overflow:hidden}.layout,.dashboard-layout{display:block!important}.main{padding-top:70px!important;padding-bottom:94px!important}.premium-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(88vw,318px)!important;height:100dvh!important;transform:translateX(-104%);transition:transform .28s cubic-bezier(.2,.8,.2,1);z-index:110!important;overflow-y:auto}.premium-sidebar.open{transform:translateX(0)}.sidebar-footer{position:static!important;margin-top:34px}.sidebar-close{display:grid!important}.sidebar-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.68);backdrop-filter:blur(7px)}body.sidebar-open .sidebar-overlay{display:block}
 .mobile-app-header{display:flex;position:fixed;top:0;left:0;right:0;height:70px;z-index:90;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(7,11,9,.9);border-bottom:1px solid var(--sc-border);backdrop-filter:blur(20px) saturate(140%)}.mobile-menu-button,.mobile-header-action{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--sc-border);border-radius:13px;background:rgba(255,255,255,.028);color:#d8ebe1}.mobile-menu-button svg,.mobile-header-action svg{width:20px;height:20px}.mobile-header-action{background:linear-gradient(135deg,var(--sc-green),var(--sc-green-2));color:#04110b;border:0}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand .brand-symbol{width:36px;height:36px;border-radius:11px;font-size:14px}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{font-size:12px}.mobile-brand small{margin-top:2px;color:#6e8278;font-size:7px;letter-spacing:.8px;text-transform:uppercase}
 .mobile-bottom-nav{display:grid;position:fixed;left:10px;right:10px;bottom:8px;z-index:95;grid-template-columns:repeat(5,1fr);height:70px;padding:7px 4px calc(7px + env(safe-area-inset-bottom));border:1px solid var(--sc-border-strong);border-radius:22px;background:rgba(11,17,14,.96);box-shadow:0 18px 45px rgba(0,0,0,.5);backdrop-filter:blur(22px)}.mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:#687c72;font-size:7.5px;font-weight:750}.mobile-bottom-nav svg{width:19px;height:19px}.mobile-bottom-nav .active{color:var(--sc-green)}.mobile-bottom-nav .bottom-create{transform:translateY(-17px);color:#d6e8df}.mobile-bottom-nav .bottom-create>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--sc-green),var(--sc-green-2));color:#04110b;box-shadow:0 0 0 6px #09100d,0 10px 25px rgba(72,232,156,.2)}.mobile-bottom-nav .bottom-create svg{width:22px;height:22px}.mobile-bottom-nav small{font-size:7.5px}
 .dashboard-topbar{display:none!important}.dashboard-page{padding:15px 13px 30px!important}.welcome-panel{min-height:auto;padding:24px 20px!important;border-radius:21px!important}.welcome-copy h2{font-size:31px!important;letter-spacing:-1.25px!important}.welcome-copy p{font-size:12px!important}.welcome-score{display:none!important}.welcome-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important}.welcome-actions .btn{width:100%!important;padding:0 10px!important;font-size:10px!important}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important}.metric-card{min-height:150px!important;padding:15px!important;border-radius:17px!important}.metric-icon{width:36px!important;height:36px!important}.metric-icon svg{width:17px;height:17px}.metric-card p{margin-top:14px!important;font-size:7.5px!important}.metric-card>strong{font-size:19px!important}.metric-card>small{font-size:8px!important}.dashboard-grid{gap:10px!important}.chart-card,.insight-card{padding:17px!important;border-radius:18px!important}.chart-area{height:240px!important}.insight-card{display:block!important}.quick-actions{grid-template-columns:1fr!important;gap:9px!important;margin:10px 0!important}.quick-actions>a{min-height:74px!important;padding:13px!important}.quick-icon{width:38px!important;height:38px!important}.recent-card{border-radius:18px!important}.recent-header{padding:17px 15px 13px!important}.desktop-simulations{display:none!important}.mobile-simulations{display:block!important}.simulation-mobile-card{margin:0 10px 10px!important;border-radius:16px!important}.page:not(.dashboard-page){padding:16px 13px 28px!important}
}
@media(max-width:430px){.dashboard-metrics{grid-template-columns:1fr 1fr!important}.metric-card{min-width:0}.metric-card>strong{font-size:17px!important}.welcome-copy h2{font-size:27px!important}.welcome-actions{grid-template-columns:1fr!important}.mobile-brand span:last-child{display:none}.simulation-mobile-stats{grid-template-columns:1fr 1fr!important}.simulation-mobile-stats>div:last-child{grid-column:1/-1}}
@media(max-width:350px){.dashboard-metrics{grid-template-columns:1fr!important}.metric-card{min-height:135px!important}.mobile-bottom-nav{left:5px;right:5px}.mobile-bottom-nav>a,.mobile-bottom-nav>button{font-size:6.8px}}

/* =========================================================
   SHARKCREW V7 — WHITE / NAVY PROFESSIONAL DESIGN SYSTEM
   ========================================================= */
:root{
  --bg:#f4f7fb;
  --panel:#ffffff;
  --panel-2:#f8fafc;
  --panel-3:#eef3f9;
  --line:#e3e9f2;
  --line-strong:#cdd8e7;
  --text:#0b1f3a;
  --muted:#6b7c93;
  --accent:#1667d9;
  --accent-2:#0b3f91;
  --warn:#d98b00;
  --danger:#d92d4f;
  --good:#138a63;
  --shadow:0 12px 36px rgba(18,45,79,.08);
  --radius:18px;
  --sc-bg:#f4f7fb;
  --sc-panel:#ffffff;
  --sc-panel-2:#f8fafc;
  --sc-border:#e3e9f2;
  --sc-border-strong:#cbd7e6;
  --sc-text:#0b1f3a;
  --sc-muted:#6b7c93;
  --sc-green:#1667d9;
  --sc-green-2:#0b3f91;
  --sc-blue:#1667d9;
  --sc-gold:#d98b00;
}
html,body{background:#f4f7fb!important;color:var(--text)!important}
body:before{display:none!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-shell,.layout,.dashboard-layout{background:#f4f7fb!important}
.layout,.dashboard-layout{grid-template-columns:274px minmax(0,1fr)!important}
.main,.dashboard-main{background:#f4f7fb!important;min-width:0}

/* Sidebar */
.premium-sidebar,.sidebar{
  position:sticky!important;top:0!important;height:100vh!important;width:274px!important;
  padding:20px 16px!important;background:#fff!important;border-right:1px solid #e4eaf2!important;
  box-shadow:8px 0 30px rgba(32,60,96,.035)!important;color:#0b1f3a!important;
  backdrop-filter:none!important;display:flex!important;flex-direction:column!important;z-index:40!important
}
.sidebar-top{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:2px 6px 18px!important}
.sidebar-brand,.brand{padding:0!important;gap:11px!important}
.brand-symbol,.brand-mark{
  width:44px!important;height:44px!important;border-radius:13px!important;
  background:linear-gradient(145deg,#1769db,#0b3f91)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(22,103,217,.22)!important;font-size:17px!important;font-weight:850!important
}
.brand-copy strong,.sidebar-brand strong{display:block!important;font-size:16px!important;color:#0b1f3a!important;letter-spacing:-.35px!important}
.brand-copy small,.sidebar-brand small{display:block!important;margin-top:3px!important;color:#7b8ca2!important;font-size:9px!important;letter-spacing:.7px!important;text-transform:uppercase!important}
.sidebar-create{
  display:flex!important;align-items:center!important;gap:11px!important;margin:2px 3px 20px!important;padding:13px!important;
  border-radius:15px!important;border:1px solid #cfe0f7!important;background:linear-gradient(135deg,#f4f8ff,#edf4ff)!important;
  color:#0b3f91!important;box-shadow:none!important
}
.sidebar-create:hover{border-color:#9fc0ee!important;background:#eaf3ff!important;transform:translateY(-1px)}
.sidebar-create-icon{width:38px!important;height:38px!important;border-radius:11px!important;background:#1667d9!important;color:#fff!important;display:grid!important;place-items:center!important}
.sidebar-create-icon svg{width:19px!important;height:19px!important}
.sidebar-create strong{display:block!important;font-size:12.5px!important;color:#0b3f91!important}
.sidebar-create small{display:block!important;margin-top:3px!important;color:#7187a5!important;font-size:9px!important}
.create-arrow{margin-left:auto!important;width:17px!important;height:17px!important;color:#6d86a7!important}
.sidebar-section-label{margin:0 12px 8px!important;color:#9aa8ba!important;font-size:9px!important;font-weight:800!important;letter-spacing:1.4px!important}
.sidebar-nav{display:grid!important;gap:5px!important;margin:0 0 20px!important}
.sidebar-nav a{
  position:relative!important;display:flex!important;align-items:center!important;gap:11px!important;min-height:46px!important;
  padding:8px 11px!important;border:1px solid transparent!important;border-radius:12px!important;
  color:#60728a!important;font-size:12.5px!important;font-weight:650!important;transition:.18s ease!important
}
.sidebar-nav a:before{display:none!important;content:none!important}
.sidebar-nav a:hover{transform:none!important;background:#f5f8fc!important;border-color:#e7edf4!important;color:#193a63!important}
.sidebar-nav a.active{background:#edf4ff!important;border-color:#d3e2f6!important;color:#0d56bd!important;box-shadow:inset 3px 0 0 #1667d9!important}
.nav-icon{width:32px!important;height:32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#f4f7fb!important;border:1px solid #e6ecf3!important;color:#6f8198!important;flex:0 0 auto!important}
.sidebar-nav a.active .nav-icon{background:#1667d9!important;color:#fff!important;border-color:#1667d9!important;box-shadow:0 6px 14px rgba(22,103,217,.18)!important}
.nav-icon svg{width:17px!important;height:17px!important}
.nav-dot{display:none!important}
.admin-label{margin-top:2px!important}
.admin-badge{margin-left:auto!important;padding:4px 7px!important;border-radius:7px!important;background:#fff4d8!important;color:#9a6400!important;font-size:8px!important;font-weight:850!important}
.sidebar-footer{margin-top:auto!important;padding:14px 3px 2px!important;border-top:1px solid #edf1f6!important}
.sidebar-user{display:flex!important;align-items:center!important;gap:10px!important;padding:9px!important;border-radius:13px!important;background:#f8fafc!important;border:1px solid #e7edf4!important}
.user-avatar{width:38px!important;height:38px!important;border-radius:11px!important;background:#e8f1ff!important;color:#0c57bd!important;border:1px solid #d1e1f5!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:850!important}
.user-copy strong{display:block!important;font-size:11px!important;color:#19314f!important}.user-copy small{display:block!important;margin-top:2px!important;color:#8998aa!important;font-size:8.5px!important}
.user-chevron{margin-left:auto!important;width:16px!important;height:16px!important;color:#8ea0b4!important}
.sidebar-logout{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin-top:8px!important;color:#8797aa!important;font-size:9.5px!important}.sidebar-logout svg{width:14px!important;height:14px!important}

/* Desktop header */
.dashboard-topbar,.topbar{
  position:sticky!important;top:0!important;z-index:30!important;min-height:84px!important;padding:17px 30px!important;
  background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e4eaf2!important;
  box-shadow:0 4px 20px rgba(26,56,92,.035)!important;backdrop-filter:blur(14px)!important
}
.dashboard-heading .eyebrow{display:block!important;color:#1667d9!important;font-size:9px!important;font-weight:850!important;letter-spacing:1.55px!important;margin-bottom:4px!important}
.dashboard-heading h1,.topbar h1{margin:0!important;color:#0b1f3a!important;font-size:24px!important;line-height:1.15!important;letter-spacing:-.65px!important}
.dashboard-heading p{margin:5px 0 0!important;color:#74869d!important;font-size:11px!important}
.topbar-actions{display:flex!important;align-items:center!important;gap:10px!important}
.icon-btn{width:42px!important;height:42px!important;border-radius:12px!important;border:1px solid #dfe6ef!important;background:#fff!important;color:#526b8a!important;display:grid!important;place-items:center!important}.icon-btn svg{width:18px!important;height:18px!important}
.btn{border-radius:11px!important;border:1px solid #dce4ee!important;background:#fff!important;color:#173656!important;box-shadow:none!important;font-size:11.5px!important;font-weight:750!important;min-height:42px!important;padding:0 15px!important}
.btn:hover{transform:translateY(-1px)!important;border-color:#b8cae1!important;background:#f9fbfd!important}
.btn.primary{background:linear-gradient(135deg,#1769db,#0c4fae)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(22,103,217,.2)!important}
.btn.primary:hover{background:linear-gradient(135deg,#0f5fcf,#093f91)!important}
.btn.ghost{background:#fff!important;color:#244668!important;border-color:#d9e2ed!important}
.dashboard-cta svg{width:17px!important;height:17px!important}

/* Dashboard content */
.dashboard-page,.page{max-width:1600px!important;margin:0 auto!important;padding:26px 28px 46px!important}
.welcome-panel{
  position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;align-items:center!important;
  min-height:250px!important;padding:32px 34px!important;border:1px solid #d9e4f2!important;border-radius:22px!important;
  background:linear-gradient(118deg,#ffffff 0%,#f4f8ff 62%,#e9f2ff 100%)!important;
  box-shadow:0 14px 34px rgba(20,61,110,.075)!important
}
.welcome-panel:after{content:"";position:absolute;right:-110px;top:-150px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(22,103,217,.15),rgba(22,103,217,0) 66%);pointer-events:none}
.status-pill{display:inline-flex!important;align-items:center!important;gap:7px!important;width:max-content!important;padding:7px 10px!important;border-radius:999px!important;background:#eaf3ff!important;border:1px solid #d1e2f8!important;color:#0b57bc!important;font-size:9px!important;font-weight:800!important}
.status-pill i{width:6px!important;height:6px!important;border-radius:50%!important;background:#1667d9!important;box-shadow:0 0 0 4px rgba(22,103,217,.1)!important}
.welcome-copy h2{max-width:720px!important;margin:16px 0 12px!important;color:#0b1f3a!important;font-size:clamp(30px,3.2vw,47px)!important;line-height:1.04!important;letter-spacing:-1.65px!important}
.welcome-copy p{max-width:670px!important;margin:0!important;color:#657992!important;font-size:13px!important;line-height:1.65!important}
.welcome-actions{display:flex!important;gap:10px!important;margin-top:22px!important}
.welcome-score{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:18px!important}
.score-ring{width:148px!important;height:148px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:conic-gradient(#1667d9 calc(var(--score)*1%),#dce7f4 0)!important;position:relative!important}
.score-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff!important;box-shadow:inset 0 0 0 1px #e2e9f2!important}
.score-ring>div{position:relative!important;z-index:1!important;text-align:center!important}.score-ring strong{display:block!important;color:#0b3f91!important;font-size:28px!important;letter-spacing:-1px!important}.score-ring span{color:#778ba4!important;font-size:9px!important}.welcome-score>small{margin-top:11px!important;color:#8091a5!important;font-size:9px!important}

.dashboard-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;margin:17px 0!important}
.metric-card{position:relative!important;overflow:hidden!important;min-height:170px!important;padding:19px!important;border:1px solid #e1e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(24,54,91,.055)!important}
.metric-card:after{content:"";position:absolute;right:-34px;bottom:-50px;width:120px;height:120px;border-radius:50%;background:rgba(22,103,217,.055)!important}
.metric-head{display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;z-index:1!important}
.metric-icon{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#edf4ff!important;color:#1667d9!important;border:1px solid #d7e5f7!important}.metric-icon svg{width:19px!important;height:19px!important}
.metric-badge{padding:5px 8px!important;border-radius:999px!important;background:#f4f7fb!important;color:#70839b!important;font-size:8px!important;font-weight:800!important;letter-spacing:.6px!important;text-transform:uppercase!important}
.metric-card p{position:relative!important;z-index:1!important;margin:18px 0 6px!important;color:#7a8ca2!important;font-size:9px!important;font-weight:750!important;letter-spacing:.7px!important;text-transform:uppercase!important}
.metric-card>strong{position:relative!important;z-index:1!important;display:block!important;color:#0b1f3a!important;font-size:clamp(23px,2vw,31px)!important;line-height:1.08!important;letter-spacing:-1px!important;overflow-wrap:anywhere!important}
.metric-card>small{position:relative!important;z-index:1!important;display:block!important;margin-top:8px!important;color:#8797aa!important;font-size:9.5px!important}
.metric-cyan .metric-icon{background:#ecf8ff!important;color:#0873a6!important;border-color:#d0ecf8!important}.metric-purple .metric-icon{background:#f1efff!important;color:#6650b7!important;border-color:#e0daf8!important}.metric-gold .metric-icon{background:#fff6df!important;color:#b47600!important;border-color:#f3e2b7!important}.metric-red .metric-icon{background:#fff0f3!important;color:#c6294c!important;border-color:#f2d3db!important}

.dashboard-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr)!important;gap:16px!important}
.dashboard-card,.card,.auth-card,.table-wrap,.panel,.form-card,.result-card{border:1px solid #e1e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 26px rgba(24,54,91,.055)!important;color:#0b1f3a!important}
.chart-card,.insight-card{padding:22px!important}
.card-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.card-header h2{margin:4px 0 0!important;color:#122b49!important;font-size:18px!important;letter-spacing:-.45px!important}.section-label{color:#1667d9!important;font-size:8px!important;font-weight:850!important;letter-spacing:1.45px!important}.period-chip{padding:7px 10px!important;border-radius:999px!important;background:#f3f6fa!important;border:1px solid #e3e9f1!important;color:#71839a!important;font-size:8px!important;font-weight:700!important}.chart-area{height:315px!important}
.insight-icon{width:42px!important;height:42px!important;border-radius:12px!important;background:#fff6df!important;color:#b47600!important;border:1px solid #f0dfb5!important}.insight-icon svg{width:18px!important;height:18px!important}.best-company{display:flex!important;align-items:center!important;gap:11px!important;margin-top:22px!important}.best-company>span,.company-cell>span{width:38px!important;height:38px!important;border-radius:11px!important;background:#edf4ff!important;border:1px solid #d7e4f5!important;color:#0e59be!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:850!important}.best-company strong,.company-cell strong{color:#153454!important}.best-company small,.company-cell small{display:block!important;margin-top:3px!important;color:#8b9aab!important;font-size:8px!important}.best-roas{margin:19px 0!important;padding:17px!important;border-radius:15px!important;background:linear-gradient(135deg,#edf4ff,#f7faff)!important;border:1px solid #d9e6f7!important}.best-roas span{color:#7690af!important;font-size:8px!important;font-weight:800!important}.best-roas strong{display:block!important;margin-top:4px!important;color:#0c4fae!important;font-size:31px!important}.insight-list>div{display:flex!important;justify-content:space-between!important;padding:10px 0!important;border-bottom:1px solid #edf1f5!important}.insight-list span{color:#7b8da3!important;font-size:9px!important}.insight-list strong{color:#173656!important;font-size:10px!important}

.quick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:16px 0!important}.quick-actions>a{display:flex!important;align-items:center!important;gap:12px!important;min-height:88px!important;padding:15px!important;border:1px solid #e1e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 20px rgba(24,54,91,.045)!important;transition:.18s ease!important}.quick-actions>a:hover{transform:translateY(-2px)!important;border-color:#bfd2ec!important;box-shadow:0 12px 26px rgba(22,103,217,.09)!important}.quick-icon{width:42px!important;height:42px!important;border-radius:12px!important;background:#edf4ff!important;color:#1667d9!important;border:1px solid #d7e5f7!important;display:grid!important;place-items:center!important}.quick-icon svg{width:19px!important;height:19px!important}.quick-actions strong{display:block!important;color:#173656!important;font-size:11px!important}.quick-actions small{display:block!important;margin-top:3px!important;color:#8494a7!important;font-size:8.5px!important}.quick-actions b{margin-left:auto!important;color:#93a3b5!important;font-size:20px!important;font-weight:400!important}
.recent-card{overflow:hidden!important}.recent-header{padding:20px 22px 14px!important;border-bottom:1px solid #edf1f5!important}.recent-header>a{color:#1667d9!important;font-size:9px!important;font-weight:800!important}.premium-table{background:#fff!important}.premium-table th{background:#f8fafc!important;color:#7e8da0!important;font-size:8px!important;font-weight:850!important;letter-spacing:1px!important;text-transform:uppercase!important}.premium-table td{padding:14px 18px!important;border-color:#edf1f5!important;color:#445b76!important;font-size:10px!important}.premium-table tr:hover td{background:#fbfdff!important}.roas-chip{padding:5px 8px!important;border-radius:8px!important;background:#edf4ff!important;color:#0b57bc!important;font-weight:850!important}.status-tag{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:800!important}.status-tag.success{background:#eaf8f3!important;color:#147557!important}.status-tag.danger{background:#fff0f3!important;color:#c62c4e!important}.status-tag i{width:5px!important;height:5px!important;border-radius:50%!important;background:currentColor!important}.row-action{display:inline-flex!important;padding:7px 10px!important;border:1px solid #dce5f0!important;border-radius:9px!important;color:#175dbb!important;background:#fff!important;font-size:8.5px!important;font-weight:800!important}

/* Forms and inner pages */
.page:not(.dashboard-page){max-width:1480px!important;padding:28px 30px 48px!important}.page h1,.section h2{color:#0b1f3a!important}.card,.auth-card,.table-wrap{background:#fff!important}.card p{color:#6f8198!important}label{color:#344e6d!important;font-weight:700!important}input,select,textarea{background:#fff!important;color:#173656!important;border:1px solid #dce5ef!important;border-radius:11px!important}input:focus,select:focus,textarea:focus{border-color:#1667d9!important;box-shadow:0 0 0 3px rgba(22,103,217,.1)!important}.choice span{background:#fff!important;border-color:#dce5ef!important;color:#536b87!important}.choice input:checked+span{background:#edf4ff!important;border-color:#1667d9!important;color:#0c57bd!important}.step-dot{background:#fff!important;border-color:#dce5ef!important;color:#71839a!important}.step-dot.active{background:#edf4ff!important;border-color:#bcd2ef!important;color:#0b57bc!important}.notice{background:#edf4ff!important;border-color:#d2e2f6!important;color:#315b8d!important}.result-card strong{color:#0b1f3a!important}.positive{color:#138a63!important}.negative{color:#d92d4f!important}.warning{color:#b57600!important}

/* Auth/Public */
.auth-page{background:linear-gradient(135deg,#f6f9fd,#edf4ff)!important}.auth-card{box-shadow:0 18px 46px rgba(20,61,110,.1)!important}.public-nav{background:#fff!important;border-bottom:1px solid #e5ebf3!important}.hero{background:linear-gradient(135deg,#f8fbff,#edf4ff)!important}.hero h1,.lead{color:#0b1f3a!important}.lead{color:#5f748e!important}.hero-panel,.mini-metric{background:#fff!important;border-color:#e1e8f0!important}.mini-metric strong{color:#1667d9!important}

/* Mobile */
.mobile-app-header,.mobile-bottom-nav,.sidebar-overlay{display:none}
@media(max-width:1180px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid{grid-template-columns:1fr!important}.welcome-panel{grid-template-columns:1fr 210px!important}}
@media(max-width:1024px){
 body.sidebar-open{overflow:hidden}.layout,.dashboard-layout{display:block!important}.main,.dashboard-main{padding-top:68px!important;padding-bottom:92px!important}.premium-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(88vw,318px)!important;height:100dvh!important;transform:translateX(-104%)!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;z-index:110!important;overflow-y:auto!important}.premium-sidebar.open{transform:translateX(0)!important}.sidebar-footer{position:static!important;margin-top:auto!important}.sidebar-close{display:grid!important;width:36px!important;height:36px!important;border:1px solid #dce5ef!important;border-radius:10px!important;background:#fff!important;color:#617894!important;place-items:center!important}.sidebar-close svg{width:17px!important;height:17px!important}.sidebar-overlay{position:fixed!important;inset:0!important;z-index:100!important;background:rgba(10,31,58,.38)!important;backdrop-filter:blur(3px)!important}body.sidebar-open .sidebar-overlay{display:block!important}
 .mobile-app-header{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:68px!important;z-index:90!important;align-items:center!important;justify-content:space-between!important;padding:9px 13px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e1e8f0!important;box-shadow:0 5px 18px rgba(24,54,91,.055)!important;backdrop-filter:blur(16px)!important}.mobile-menu-button,.mobile-header-action{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid #dce5ef!important;border-radius:11px!important;background:#fff!important;color:#335574!important}.mobile-menu-button svg,.mobile-header-action svg{width:19px!important;height:19px!important}.mobile-header-action{background:#1667d9!important;color:#fff!important;border-color:#1667d9!important;box-shadow:0 7px 16px rgba(22,103,217,.18)!important}.mobile-brand{display:flex!important;align-items:center!important;gap:9px!important}.mobile-brand .brand-symbol{width:36px!important;height:36px!important;border-radius:10px!important;font-size:14px!important}.mobile-brand strong{display:block!important;color:#0b1f3a!important;font-size:12px!important}.mobile-brand small{display:block!important;margin-top:2px!important;color:#8190a3!important;font-size:7px!important;letter-spacing:.7px!important;text-transform:uppercase!important}
 .mobile-bottom-nav{display:grid!important;position:fixed!important;left:10px!important;right:10px!important;bottom:8px!important;z-index:95!important;grid-template-columns:repeat(5,1fr)!important;height:70px!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important;border:1px solid #dce5ef!important;border-radius:20px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 14px 36px rgba(17,50,88,.15)!important;backdrop-filter:blur(18px)!important}.mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:0!important;background:transparent!important;color:#7b8da3!important;font-size:7.5px!important;font-weight:750!important}.mobile-bottom-nav svg{width:18px!important;height:18px!important}.mobile-bottom-nav .active{color:#1667d9!important}.mobile-bottom-nav .bottom-create{transform:translateY(-16px)!important;color:#496985!important}.mobile-bottom-nav .bottom-create>span{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:linear-gradient(135deg,#1769db,#0c4fae)!important;color:#fff!important;box-shadow:0 0 0 6px #f4f7fb,0 9px 22px rgba(22,103,217,.25)!important}.mobile-bottom-nav .bottom-create svg{width:21px!important;height:21px!important}.mobile-bottom-nav small{font-size:7.5px!important}
 .dashboard-topbar{display:none!important}.dashboard-page{padding:14px 12px 28px!important}.welcome-panel{grid-template-columns:1fr!important;min-height:auto!important;padding:23px 19px!important;border-radius:19px!important}.welcome-copy h2{font-size:29px!important;letter-spacing:-1.15px!important}.welcome-copy p{font-size:11px!important}.welcome-score{display:none!important}.welcome-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.welcome-actions .btn{width:100%!important;padding:0 9px!important;font-size:10px!important}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important}.metric-card{min-height:150px!important;padding:15px!important;border-radius:16px!important}.metric-icon{width:37px!important;height:37px!important}.metric-icon svg{width:17px!important;height:17px!important}.metric-card p{margin-top:14px!important;font-size:7.5px!important}.metric-card>strong{font-size:19px!important}.metric-card>small{font-size:8px!important}.dashboard-grid{gap:10px!important}.chart-card,.insight-card{padding:16px!important;border-radius:17px!important}.chart-area{height:235px!important}.quick-actions{grid-template-columns:1fr!important;gap:9px!important;margin:10px 0!important}.quick-actions>a{min-height:72px!important;padding:12px!important}.recent-card{border-radius:17px!important}.recent-header{padding:16px 14px 12px!important}.desktop-simulations{display:none!important}.mobile-simulations{display:block!important}.simulation-mobile-card{margin:0 9px 9px!important;padding:13px!important;border:1px solid #e1e8f0!important;border-radius:15px!important;background:#fff!important}.simulation-mobile-stats>div{background:#f8fafc!important;border:1px solid #e8edf3!important}.simulation-mobile-stats span{color:#8494a7!important}.simulation-mobile-stats strong{color:#173656!important}.simulation-mobile-actions a{color:#0d5fc9!important}.page:not(.dashboard-page){padding:16px 12px 28px!important}
}
@media(max-width:430px){.dashboard-metrics{grid-template-columns:1fr 1fr!important}.metric-card>strong{font-size:17px!important}.welcome-copy h2{font-size:26px!important}.welcome-actions{grid-template-columns:1fr!important}.mobile-brand span:last-child{display:none!important}.simulation-mobile-stats{grid-template-columns:1fr 1fr!important}.simulation-mobile-stats>div:last-child{grid-column:1/-1!important}}
@media(max-width:350px){.dashboard-metrics{grid-template-columns:1fr!important}.mobile-bottom-nav{left:5px!important;right:5px!important}}

/* Multichannel V8 */
.origin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.origin-card{position:relative;display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #dbe5f0;border-radius:16px;background:#fff;cursor:pointer;transition:.2s}.origin-card:hover{border-color:#8fb0d4;transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,49,83,.09)}.origin-card input{position:absolute;opacity:0}.origin-card:has(input:checked){border-color:#173b67;background:#f1f6fc;box-shadow:0 0 0 3px rgba(23,59,103,.09)}.origin-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf1f8;color:#123153;font-size:21px;font-weight:800}.origin-card strong{font-size:14px;color:#123153}.mixed-table{display:grid;gap:10px}.mixed-row{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #e2eaf2;border-radius:13px;background:#f9fbfd}.mixed-row input{min-width:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid #e7edf4;text-align:left;white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6a7f96;background:#f7f9fc}td{font-size:14px;color:#263c55}[data-origin-section][hidden]{display:none!important}
@media(max-width:900px){.origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mixed-row{grid-template-columns:1fr 1fr}.mixed-row label{grid-column:1/-1}}
@media(max-width:520px){.origin-grid{grid-template-columns:1fr}.origin-card{padding:15px}.mixed-row{grid-template-columns:1fr}.mixed-row label{grid-column:auto}}

/* ProjeX 8.1 - logo configurável no header/sidebar */
.brand-logo-wrap{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#0b1f3a,#1556a5);border:1px solid rgba(21,86,165,.18);box-shadow:0 10px 24px rgba(11,31,58,.12)}
.brand-logo-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.brand-logo-wrap.fallback-logo:after{content:'PX';font-size:13px;font-weight:900;letter-spacing:-.4px;color:#fff}
.mobile-brand .brand-logo-wrap{width:38px;height:38px;flex-basis:38px;border-radius:11px}
.sidebar-brand .brand-copy{min-width:0}.sidebar-brand .brand-copy strong{font-size:16px;letter-spacing:-.25px}.sidebar-brand .brand-copy small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-brand>span:last-child{min-width:0}.mobile-brand strong{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-brand small{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-brand-card{max-width:880px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-weight:750;color:#18324f}.field small{color:#718096}.brand-preview{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #dfe7f1;border-radius:16px;background:#f8fbff}.brand-preview img{width:72px;height:72px;object-fit:cover;border-radius:16px;background:#0b1f3a}.brand-preview strong,.brand-preview small{display:block}.brand-preview strong{font-size:20px;color:#0b1f3a}.brand-preview small{margin-top:5px;color:#718096}.notice.success{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.notice.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}
@media(max-width:720px){.form-grid{grid-template-columns:1fr}.brand-preview{align-items:flex-start}.brand-preview img{width:60px;height:60px}.mobile-brand small{font-size:6.5px!important}}