:root{
  --bg:#f5f6f8;--panel:#fff;--panel-soft:#fafbfc;--text:#111827;--muted:#7b8497;--muted-2:#a1a8b5;--line:#e9ebf0;
  --navy:#101425;--navy-2:#171c31;--purple:#6d4aff;--purple-2:#8b6bff;--purple-soft:#f1edff;
  --review:#ff6b00;--review-soft:#fff1e7;--creative:#6d4aff;--creative-soft:#f0ebff;--leads:#13a866;--leads-soft:#e9f8f0;
  --danger:#e54a4a;--danger-soft:#fff0f0;--success:#16a36a;--success-soft:#eaf9f1;--warning:#d88b10;--warning-soft:#fff7e6;
  --shadow-sm:0 1px 2px rgba(16,24,40,.03),0 7px 20px rgba(16,24,40,.05);
  --shadow-md:0 2px 3px rgba(16,24,40,.03),0 14px 36px rgba(16,24,40,.07);
  --shadow-lg:0 24px 70px rgba(30,34,54,.12);
  --radius:18px;--radius-lg:24px;--radius-sm:12px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.small{font-size:12px}.muted{color:var(--muted)}.w-full{width:100%}.mt{margin-top:18px}.mb{margin-bottom:22px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.pad{padding:24px}.card{background:rgba(255,255,255,.94);border:1px solid rgba(226,229,236,.9);border-radius:var(--radius);box-shadow:var(--shadow-sm);backdrop-filter:blur(20px)}

/* Brand */
.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:18px;color:white;background:linear-gradient(145deg,#7657ff,#4d2de4);box-shadow:0 8px 20px rgba(109,74,255,.25)}.brand-title{font-weight:800;letter-spacing:-.03em;font-size:20px;white-space:nowrap}.brand-title span{background:linear-gradient(90deg,#704cff,#2e89ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:#9da5b5;margin-top:-2px;font-weight:700}

/* Shell */
.shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#111629 0%,#0d1120 100%);color:#fff;padding:26px 18px 20px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04);z-index:5}.sidebar>.brand{padding:0 10px 26px}.sidebar .brand-title{color:white}.nav{display:flex;flex-direction:column;gap:5px}.nav-label{color:#626c82;font-size:9px;letter-spacing:.16em;font-weight:800;margin:22px 12px 7px}.nav a{position:relative;display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;color:#aeb6c8;font-weight:600;transition:.2s ease}.nav a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(1px)}.nav a.active{background:rgba(255,255,255,.08);color:white;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.nav a.active:before{content:"";position:absolute;left:-18px;width:3px;height:26px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#8f78ff,#5e3df5)}.nav a:nth-of-type(2).active:before{background:linear-gradient(180deg,#ff9a4b,#ff6400)}.nav-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.04);font-size:14px}.nav a.active .nav-icon{background:rgba(255,255,255,.09)}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding:18px 7px 0}.sidebar-foot>small{color:#5f687c;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800}.active-company{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.active-company-logo{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:white;display:grid;place-items:center;padding:5px;overflow:hidden}.active-company-logo img{width:100%;height:100%;object-fit:contain}.active-company strong{display:block;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-company-meta{display:block;color:#69748b;font-size:9px;margin-top:1px}.logout{margin-top:9px;width:100%;border:0;background:transparent;color:#747f95;text-align:left;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600}.logout:hover{background:rgba(255,255,255,.04);color:#fff}
.main{min-width:0;background:radial-gradient(circle at 75% 0%,rgba(109,74,255,.045),transparent 30%),var(--bg)}.topbar{height:74px;background:rgba(255,255,255,.76);backdrop-filter:blur(20px);border-bottom:1px solid rgba(228,231,237,.85);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:4}.topbar-company{display:flex;align-items:center;gap:10px}.topbar-company-logo{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;padding:5px;overflow:hidden;box-shadow:0 4px 12px rgba(16,24,40,.04)}.topbar-company-logo img{width:100%;height:100%;object-fit:contain}.topbar-name{font-weight:750;font-size:13px}.topbar-kicker{color:#a0a7b5;font-size:10px;font-weight:600}.user-pill{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.85);border:1px solid var(--line);padding:6px 10px 6px 7px;border-radius:13px;box-shadow:0 3px 12px rgba(16,24,40,.04)}.user-avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#ece8ff,#f8f6ff);color:#6848ee;display:grid;place-items:center;font-weight:800;font-size:11px}.user-pill strong{font-size:11px;display:block}.user-pill span{font-size:9px;color:#a0a6b1;display:block}.content{padding:32px 34px 54px;max-width:1540px;margin:0 auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h1,.content>h1{margin:3px 0 0;font-size:30px;line-height:1.1;letter-spacing:-.045em;font-weight:800}.section-head p{margin:7px 0 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--purple);text-transform:uppercase}.page-kicker{font-size:12px;color:var(--muted);margin-bottom:4px}.page-title{font-size:34px;font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:0}.page-subtitle{font-size:14px;color:var(--muted);margin:8px 0 0}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;border-radius:11px;padding:0 15px;border:1px solid transparent;font-size:12px;font-weight:750;cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#7355ff,#6342f1);color:white;box-shadow:0 8px 20px rgba(100,66,241,.2)}.btn-primary:hover{box-shadow:0 10px 25px rgba(100,66,241,.28)}.btn-secondary{background:#fff;color:#263042;border-color:#e4e7ed;box-shadow:0 2px 8px rgba(16,24,40,.04)}.btn-secondary:hover{border-color:#d6dae3;box-shadow:0 5px 16px rgba(16,24,40,.07)}.btn-review{background:linear-gradient(180deg,#ff8128,#ff6500);color:white;box-shadow:0 8px 20px rgba(255,107,0,.18)}.btn-link{min-height:auto;padding:4px 6px;background:transparent;color:var(--purple);border:0;box-shadow:none}.btn-link:hover{transform:none;background:var(--purple-soft)}

/* Dashboard */
.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.dashboard-welcome h1{font-size:33px;margin:0;letter-spacing:-.05em}.dashboard-welcome p{margin:7px 0 0;color:var(--muted)}.module-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{position:relative;overflow:hidden;padding:22px;border-radius:20px;min-height:174px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.2s ease}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.module-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;bottom:-80px;filter:blur(1px);opacity:.7}.module-card.reviews:after{background:radial-gradient(circle,var(--review-soft),transparent 70%)}.module-card.creative:after{background:radial-gradient(circle,var(--creative-soft),transparent 70%)}.module-card.leads:after{background:radial-gradient(circle,var(--leads-soft),transparent 70%)}.module-card-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.module-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:800}.module-card.reviews .module-icon{background:var(--review-soft);color:var(--review)}.module-card.creative .module-icon{background:var(--creative-soft);color:var(--creative)}.module-card.leads .module-icon{background:var(--leads-soft);color:var(--leads)}.module-status{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:#f5f6f8;color:#8c94a2;text-transform:uppercase;letter-spacing:.06em}.module-card h3{font-size:13px;margin:18px 0 2px;color:#616a7d;font-weight:650}.module-value{font-size:28px;font-weight:800;letter-spacing:-.045em;line-height:1.1}.module-meta{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-top:16px}.module-meta span{font-size:10px;color:var(--muted)}.module-link{font-size:10px;font-weight:800}.reviews .module-link{color:var(--review)}.creative .module-link{color:var(--creative)}.leads .module-link{color:var(--leads)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr);gap:18px;margin-top:18px}.feature-panel{position:relative;overflow:hidden;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.feature-panel.review-panel:before{content:"";position:absolute;right:-90px;top:-100px;width:270px;height:270px;background:radial-gradient(circle,rgba(255,107,0,.14),rgba(255,255,255,0) 68%)}.feature-head{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.feature-title{display:flex;align-items:center;gap:11px}.feature-title .module-icon{width:38px;height:38px;border-radius:11px}.feature-title h2{margin:0;font-size:18px;letter-spacing:-.025em}.feature-title p{margin:2px 0 0;color:var(--muted);font-size:11px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px;position:relative}.mini-stat{border:1px solid #eef0f4;border-radius:14px;padding:15px;background:rgba(255,255,255,.8)}.mini-stat small{display:block;color:#8b93a3;font-size:9px;font-weight:650}.mini-stat strong{font-size:22px;letter-spacing:-.04em;margin-top:4px;display:block}.quick-panel{padding:22px}.quick-panel h2{margin:0 0 16px;font-size:16px}.quick-action{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:12px 13px;margin-top:9px;background:white;font-size:11px;font-weight:650;transition:.18s}.quick-action:hover{transform:translateX(2px);border-color:#d9dce4;box-shadow:0 5px 16px rgba(16,24,40,.05)}.quick-action.review{background:linear-gradient(90deg,#fff8f2,#fff);border-color:#ffe3ce;color:#d85800}.quick-action i{font-style:normal;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#f5f6f8}

/* Metrics / status */
.metric{position:relative;padding:19px 20px;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ddd}.metric.review:before{background:var(--review)}.metric.purple:before{background:var(--purple)}.metric.green:before{background:var(--leads)}.metric.blue:before{background:#2f7ef7}.metric small{display:block;color:#8a93a3;font-size:9px;font-weight:650}.metric strong{display:block;font-size:26px;letter-spacing:-.045em;margin-top:5px}.metric .metric-foot{font-size:9px;color:#a2a9b5;margin-top:7px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;background:#f3f4f6;color:#657083;font-size:9px;font-weight:750;line-height:1}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.review{background:var(--review-soft);color:var(--review)}.stars{color:#ff9a27;letter-spacing:1px;font-size:11px}.notice{padding:12px 14px;border:1px solid #ebe7ff;background:#f8f6ff;border-radius:12px;color:#655c80;font-size:11px}.flash,.errors{margin-bottom:18px;padding:13px 15px;border-radius:12px;font-size:11px;border:1px solid}.flash.success{background:var(--success-soft);border-color:#cdeedc;color:#14764e}.flash.error,.errors{background:var(--danger-soft);border-color:#ffd6d6;color:#af3434}.errors ul{margin:0;padding-left:17px}

/* Tables & lists */
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#9ca4b2;text-align:left;padding:13px 18px;background:#fbfbfc;border-bottom:1px solid var(--line);font-weight:800}.table td{padding:15px 18px;border-bottom:1px solid #f0f1f4;vertical-align:middle;font-size:11px}.table tbody tr{transition:.15s}.table tbody tr:hover{background:#fbfbfd}.table tbody tr:last-child td{border-bottom:0}.table strong{font-size:11px}.divider-list{margin-top:10px}.list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #eff0f3}.list-row:first-child{border-top:0}.list-row p{margin:3px 0 0;max-width:520px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f2f3f6;color:#697386;font-size:10px;font-weight:800;flex:0 0 34px}.activity-row{display:grid;grid-template-columns:36px minmax(130px,1fr) minmax(160px,1.25fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #f0f1f4}.activity-row:first-child{border-top:0}.activity-name{font-weight:700;font-size:11px}.activity-status{font-size:10px;color:#657084}.activity-time{font-size:9px;color:#adb3bd;text-align:right}

/* Forms */
.field{margin-bottom:17px}.label{display:block;font-size:10px;font-weight:750;color:#556073;margin-bottom:7px}.input{display:block;width:100%;min-height:43px;border:1px solid #dfe3ea;border-radius:11px;background:#fff;color:#1c2431;padding:10px 12px;outline:none;transition:.16s;box-shadow:0 1px 2px rgba(16,24,40,.02)}.input:focus{border-color:#a995ff;box-shadow:0 0 0 3px rgba(109,74,255,.09)}textarea.input{min-height:120px;resize:vertical}.checkline{display:flex;align-items:center;gap:8px;font-size:11px;color:#596477;cursor:pointer}.checkline input{accent-color:var(--purple)}.module-box{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:13px;margin-top:10px;background:#fff}.module-box:hover{border-color:#d8dbe3}.module-box input{accent-color:var(--purple);width:16px;height:16px}.logo-upload-box{border:1px solid var(--line);background:#fafbfc;border-radius:14px;padding:14px}.logo-current{display:flex;align-items:center;gap:14px;margin-bottom:14px}.logo-current-preview{width:110px;height:70px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;padding:8px;overflow:hidden}.logo-current-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-empty{padding:6px 2px 14px}.logo-file-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}

/* Companies */
.company-list-name{display:flex;align-items:center;gap:11px}.company-list-logo{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:5px;overflow:hidden}.company-list-logo img{width:100%;height:100%;object-fit:contain}.company-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.company-card{padding:18px}.company-card-top{display:flex;align-items:center;gap:12px}.company-card h3{margin:0;font-size:13px}.company-card p{margin:2px 0 0}.company-actions{display:flex;justify-content:space-between;align-items:center;margin-top:17px;border-top:1px solid #f0f1f4;padding-top:12px}

/* Creative */
.concept{border:1px solid #eceef2;border-radius:14px;background:#fbfbfc;padding:14px;min-height:100px}.concept:hover{background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.05)}

/* Auth */
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);background:#fff}.auth-side{position:relative;overflow:hidden;background:linear-gradient(145deg,#11162a,#0e1222);padding:54px 64px;display:flex;flex-direction:column;justify-content:space-between;color:white}.auth-side:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-250px;top:80px;background:radial-gradient(circle,rgba(109,74,255,.36),rgba(109,74,255,0) 68%)}.auth-side:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.05);border-radius:50%;right:-90px;bottom:-120px}.auth-side .brand,.auth-side>div,.auth-side>small{position:relative;z-index:1}.auth-side h1{font-size:48px;line-height:1.02;letter-spacing:-.055em;max-width:580px;margin:12px 0 18px}.auth-main{display:grid;place-items:center;padding:60px 8vw;background:radial-gradient(circle at 80% 20%,rgba(109,74,255,.05),transparent 35%),#fbfbfc}.auth-box{width:100%;max-width:390px}.auth-box h1{font-size:31px;letter-spacing:-.045em;margin-bottom:7px}.auth-box .brand{display:none}

/* Public feedback */
.feedback-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 10%,rgba(255,107,0,.09),transparent 35%),#f7f8fa}.feedback-card{width:100%;max-width:600px;padding:42px;text-align:center;border-radius:26px;box-shadow:var(--shadow-lg)}.feedback-card h1{font-size:31px;letter-spacing:-.045em;line-height:1.12}.feedback-card p{font-size:13px}.feedback-brand{margin:0 auto 28px}.feedback-company-name{font-size:10px;font-weight:750;color:#929aa7;margin-top:9px;text-transform:uppercase;letter-spacing:.08em}.company-logo{display:block;max-height:74px;max-width:220px;margin:0 auto;object-fit:contain}.emoji-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px}.emoji{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:18px;background:#fff;font-size:34px;transition:.18s;box-shadow:0 3px 10px rgba(16,24,40,.03)}.emoji:hover{transform:translateY(-4px) scale(1.02);border-color:#ffcda8;box-shadow:0 12px 25px rgba(255,107,0,.12)}

/* Marketing */
.marketing{min-height:100vh;background:#fff}.marketing-head{height:76px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;max-width:1320px;margin:0 auto;padding:90px 7vw}.hero h1{font-size:56px;line-height:1.02;letter-spacing:-.06em;margin:13px 0 20px}.hero p{font-size:16px;max-width:600px}.modules{max-width:1320px;margin:0 auto;padding:0 7vw 80px}

/* Responsive */
@media(max-width:1180px){.g5{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.company-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:16px}.sidebar>.brand{padding:0 6px 14px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-label{grid-column:1/-1;margin:12px 8px 3px}.sidebar-foot{display:none}.topbar{position:relative;padding:0 18px}.content{padding:22px 18px 42px}.g2,.g3,.g4,.g5,.module-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.auth{grid-template-columns:1fr}.auth-side{display:none}.auth-main{min-height:100vh}.auth-box .brand{display:flex;margin-bottom:38px}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:44px}.company-card-grid{grid-template-columns:1fr}.dashboard-welcome{align-items:flex-start}.activity-row{grid-template-columns:36px 1fr auto}.activity-status{grid-column:2}.activity-time{grid-column:3;grid-row:1}}
@media(max-width:600px){.g2,.g3,.g4,.g5,.module-overview{grid-template-columns:1fr}.nav{grid-template-columns:1fr}.nav-label{grid-column:1}.section-head{align-items:flex-start;flex-direction:column}.section-head .btn{width:100%}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:14px}.content{padding:18px 14px 36px}.topbar{height:66px}.user-pill div:last-child{display:none}.mini-stats{grid-template-columns:1fr 1fr}.feedback-card{padding:28px 20px}.emoji{font-size:29px;border-radius:15px}.hero h1{font-size:37px}.marketing-head{padding:0 18px}.marketing-head nav a:first-child{display:none}.pad{padding:19px}.table th,.table td{padding:12px}}
/* Module accents */
.mod-reviews .content>.section-head .btn-primary,.mod-reviews .content>.btn-primary,.mod-reviews .content form .btn-primary{background:linear-gradient(180deg,#ff842c,#ff6600);box-shadow:0 8px 20px rgba(255,107,0,.18)}
.mod-reviews .content .eyebrow{color:var(--review)}.mod-reviews .content a:not(.btn):not(.module-card):not(.quick-action){--link-accent:var(--review)}
.mod-reviews .feedback-card .btn-primary{background:linear-gradient(180deg,#ff842c,#ff6600);box-shadow:0 8px 20px rgba(255,107,0,.18)}
.mod-creative .content .eyebrow{color:var(--creative)}.mod-leads .content .eyebrow{color:var(--leads)}

/* =========================================================
   SMARTER AI — DEPTH & SCALE UPDATE V2
   More contrast between page canvas and cards, larger UI,
   less empty white space, stronger premium SaaS hierarchy.
   ========================================================= */
:root{
  --bg:#edf1f5;
  --panel:#ffffff;
  --panel-soft:#f8fafc;
  --line:#dfe4eb;
  --text:#0f172a;
  --muted:#6f7a8d;
  --shadow-sm:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.07);
  --shadow-md:0 2px 4px rgba(15,23,42,.04),0 16px 40px rgba(15,23,42,.10);
  --shadow-lg:0 24px 70px rgba(15,23,42,.14);
}
html,body{background:var(--bg)}
body{font-size:15px}
.main{
  background:
    radial-gradient(circle at 68% -5%,rgba(109,74,255,.08),transparent 28%),
    radial-gradient(circle at 12% 16%,rgba(255,107,0,.035),transparent 25%),
    var(--bg);
}
.topbar{
  height:80px;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid #dce2e9;
  box-shadow:0 1px 0 rgba(15,23,42,.02),0 6px 20px rgba(15,23,42,.035);
  padding:0 42px;
}
.topbar-company-logo{width:42px;height:42px;border-radius:13px}
.topbar-name{font-size:14px}.topbar-kicker{font-size:11px}
.user-pill{padding:7px 12px 7px 8px;border-radius:15px;box-shadow:0 5px 16px rgba(15,23,42,.06)}
.user-avatar{width:34px;height:34px;border-radius:10px}
.user-pill strong{font-size:12px}.user-pill span{font-size:10px}
.content{padding:42px 44px 68px;max-width:1660px}
.card,
.module-card,
.feature-panel,
.quick-panel{
  background:#fff;
  border-color:#dfe4eb;
  box-shadow:var(--shadow-sm);
}
.card:hover{box-shadow:var(--shadow-md)}
.dashboard-welcome{margin-bottom:28px}
.dashboard-welcome h1{font-size:39px;letter-spacing:-.055em}
.dashboard-welcome p{font-size:15px;margin-top:8px}
.btn{min-height:46px;border-radius:13px;padding:0 18px;font-size:13px}
.btn-review{box-shadow:0 10px 24px rgba(255,107,0,.23)}

/* Top module cards: more visual mass and clearer separation */
.module-overview{gap:20px}
.module-card{
  padding:27px 28px;
  min-height:205px;
  border-radius:24px;
  box-shadow:0 2px 3px rgba(15,23,42,.03),0 12px 32px rgba(15,23,42,.075);
}
.module-card:hover{transform:translateY(-3px);box-shadow:0 3px 6px rgba(15,23,42,.04),0 20px 45px rgba(15,23,42,.11)}
.module-icon{width:48px;height:48px;border-radius:14px;font-size:22px}
.module-status{font-size:10px;padding:6px 10px}
.module-card h3{font-size:15px;margin:21px 0 4px;color:#4d596d}
.module-value{font-size:36px}
.module-meta{margin-top:22px}
.module-meta span,.module-link{font-size:12px}

/* Lower dashboard: don't stretch the left white panel to the right column height */
.dashboard-grid{
  grid-template-columns:minmax(0,1.75fr) minmax(330px,.62fr);
  gap:20px;
  margin-top:20px;
  align-items:start;
}
.feature-panel{
  padding:28px;
  border-radius:24px;
  box-shadow:0 2px 3px rgba(15,23,42,.03),0 12px 32px rgba(15,23,42,.07);
}
.feature-panel.review-panel{
  background:linear-gradient(135deg,#fff 0%,#fff 72%,#fff7f1 100%);
}
.feature-panel.review-panel:before{opacity:.8}
.feature-title .module-icon{width:44px;height:44px;border-radius:13px}
.feature-title h2{font-size:22px}.feature-title p{font-size:13px;margin-top:3px}
.mini-stats{gap:13px;margin-top:26px}
.mini-stat{
  border:1px solid #e1e6ed;
  border-radius:17px;
  padding:18px 19px;
  background:#fff;
  box-shadow:0 4px 14px rgba(15,23,42,.035);
}
.mini-stat small{font-size:11px}.mini-stat strong{font-size:29px;margin-top:5px}
.quick-panel{
  padding:25px;
  border-radius:24px;
  box-shadow:0 2px 3px rgba(15,23,42,.03),0 12px 32px rgba(15,23,42,.07);
}
.quick-panel h2{font-size:19px;margin-bottom:19px}
.quick-action{
  padding:14px 15px;
  min-height:54px;
  border-radius:15px;
  font-size:12px;
  margin-top:10px;
  border-color:#e1e6ed;
}
.quick-action i{width:30px;height:30px;border-radius:9px}
.quick-action.review{background:linear-gradient(90deg,#fff8f2 0%,#fff 82%);border-color:#ffd7ba}

/* General page content feels less tiny */
.section-head h1,.content>h1{font-size:34px}
.page-title{font-size:38px}
.page-subtitle{font-size:15px}
.pad{padding:28px}
.grid{gap:20px}
.table th{font-size:10px;padding:15px 20px;background:#f7f9fb}
.table td{font-size:13px;padding:17px 20px}
.table strong{font-size:13px}
.input{min-height:46px;font-size:13px}
.label{font-size:11px}
.badge{font-size:10px}
.notice{font-size:12px}

/* Premium separation on all generic panels */
.card{border-radius:20px;box-shadow:0 2px 3px rgba(15,23,42,.025),0 10px 28px rgba(15,23,42,.065)}
.table-wrap{border-radius:20px}

@media(max-width:1100px){
  .content{padding:30px 24px 50px}
  .dashboard-welcome h1{font-size:34px}
  .module-card{min-height:185px;padding:23px}
  .dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  body{font-size:14px}
  .content{padding:22px 16px 40px}
  .topbar{padding:0 16px;height:70px}
  .dashboard-welcome{align-items:flex-start;gap:18px}
  .dashboard-welcome h1{font-size:30px}
  .module-overview{grid-template-columns:1fr;gap:14px}
  .module-card{min-height:165px}
  .mini-stats{grid-template-columns:repeat(2,1fr)}
}

/* =========================================================
   SMARTER AI — THEME SYSTEM + NIGHT EXPERIENCE V3
   Reference direction: premium navy SaaS, luminous cards,
   controlled module glow, stronger scale & hierarchy.
   ========================================================= */

/* Shared refinements */
:root{
  --canvas-grid:rgba(77,94,126,.035);
  --glass:rgba(255,255,255,.82);
  --topbar-bg:rgba(255,255,255,.86);
  --sidebar-bg-1:#0d1325;
  --sidebar-bg-2:#0a0f1d;
}
html{color-scheme:light;transition:background-color .25s ease}
body,.main,.topbar,.sidebar,.card,.module-card,.feature-panel,.quick-panel,.input,.table th,.table td,.btn,.quick-action,.theme-switcher{transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.main{position:relative;isolation:isolate;min-height:100vh;overflow:hidden}
.main:before{content:"";position:fixed;z-index:-1;inset:0 0 0 260px;pointer-events:none;background-image:linear-gradient(var(--canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 68%);opacity:.42}
.sidebar{overflow:hidden}
.sidebar:before{content:"";position:absolute;inset:-120px -90px auto auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(73,97,255,.18),transparent 68%);pointer-events:none}
.sidebar>*{position:relative;z-index:1}
.sidebar .brand-mark{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);border-radius:0;background:linear-gradient(145deg,#02b4ff 5%,#175dff 53%,#6b45ff);box-shadow:0 0 28px rgba(32,113,255,.38);font-size:0}
.sidebar .brand-mark:after{content:"";width:13px;height:13px;background:#071630;clip-path:inherit;box-shadow:inset 0 0 0 3px rgba(255,255,255,.8)}
.topbar-actions{display:flex;align-items:center;gap:12px}
.theme-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:14px;border:1px solid #dfe4eb;background:rgba(255,255,255,.74);box-shadow:0 5px 16px rgba(15,23,42,.05);backdrop-filter:blur(18px)}
.theme-switcher button{width:32px;height:30px;padding:0;border:0;border-radius:10px;background:transparent;color:#8791a3;display:grid;place-items:center;cursor:pointer;font-size:12px;font-weight:800;transition:.18s ease}
.theme-switcher button:hover{color:#263042;background:#f0f3f7}.theme-switcher button.active{color:#5f42ee;background:#eeebff;box-shadow:0 3px 10px rgba(76,53,207,.12)}
.theme-switcher.compact{box-shadow:none}.auth-theme-corner{position:absolute;top:24px;right:28px;z-index:5}
.auth-main{position:relative}

.module-card{isolation:isolate}
.module-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.92),rgba(255,255,255,.05));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}
.module-visual{position:absolute;right:28px;bottom:46px;width:118px;height:45px;opacity:.58;filter:drop-shadow(0 6px 9px currentColor);transform:skewX(-10deg);z-index:0}
.module-visual:before,.module-visual:after,.module-visual span,.module-visual i,.module-visual b,.module-visual em{content:"";position:absolute;width:3px;border-radius:99px;background:currentColor;transform-origin:bottom}
.module-visual:before{height:13px;left:8px;bottom:8px;transform:rotate(56deg)}
.module-visual span{height:17px;left:27px;bottom:13px;transform:rotate(-39deg)}
.module-visual i{height:18px;left:46px;bottom:8px;transform:rotate(54deg)}
.module-visual b{height:22px;left:68px;bottom:16px;transform:rotate(-42deg)}
.module-visual em{height:26px;left:91px;bottom:10px;transform:rotate(47deg)}
.module-visual:after{height:20px;left:111px;bottom:27px;transform:rotate(-35deg)}
.module-card.reviews .module-visual{color:var(--review)}.module-card.creative .module-visual{color:var(--creative)}.module-card.leads .module-visual{color:var(--leads)}
.review-panel-footer{margin-top:26px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;min-height:120px;position:relative}
.review-orb{position:relative;width:145px;height:92px;flex:0 0 145px;display:grid;place-items:center;filter:drop-shadow(0 14px 20px rgba(255,107,0,.15))}
.orb-ring{position:absolute;left:50%;top:63%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(75,93,255,.52);box-shadow:0 0 14px rgba(31,91,255,.25)}
.ring-one{width:126px;height:35px}.ring-two{width:96px;height:27px;border-color:rgba(255,119,30,.55);box-shadow:0 0 15px rgba(255,107,0,.26)}
.orb-core{position:relative;z-index:2;width:55px;height:55px;border-radius:16px;display:grid;place-items:center;color:#ff7b1f;font-size:27px;background:linear-gradient(145deg,#fff8f1,#fff);border:1px solid #ffd4b3;box-shadow:0 10px 28px rgba(255,107,0,.18);transform:translateY(-10px) rotate(3deg)}

/* DARK */
[data-theme="dark"]{color-scheme:dark;--bg:#020817;--panel:#071326;--panel-soft:#0a1730;--text:#f5f8ff;--muted:#8e9cb6;--muted-2:#64738f;--line:rgba(129,156,211,.16);--purple:#805dff;--purple-2:#a680ff;--purple-soft:rgba(111,75,255,.13);--review:#ff7a18;--review-soft:rgba(255,116,24,.12);--creative:#844dff;--creative-soft:rgba(132,77,255,.13);--leads:#00dc7e;--leads-soft:rgba(0,220,126,.11);--success:#26e58c;--success-soft:rgba(22,194,112,.11);--warning:#ffc34c;--warning-soft:rgba(255,184,54,.11);--danger:#ff6b78;--danger-soft:rgba(255,82,100,.11);--shadow-sm:0 14px 36px rgba(0,0,0,.22);--shadow-md:0 24px 58px rgba(0,0,0,.34);--shadow-lg:0 36px 90px rgba(0,0,0,.48);--canvas-grid:rgba(73,113,188,.055)}
[data-theme="dark"] html,[data-theme="dark"] body{background:#020817;color:#f5f8ff}
[data-theme="dark"] body{background:radial-gradient(circle at 62% -12%,rgba(22,69,169,.35),transparent 32%),#020817}
[data-theme="dark"] .main{background:radial-gradient(circle at 78% -4%,rgba(43,80,211,.20),transparent 31%),radial-gradient(circle at 28% 28%,rgba(93,47,255,.10),transparent 25%),linear-gradient(180deg,#031027 0%,#020817 68%)}
[data-theme="dark"] .main:after{content:"";position:fixed;pointer-events:none;z-index:-1;width:520px;height:520px;right:-150px;top:85px;border-radius:50%;background:radial-gradient(circle,rgba(0,73,255,.12),transparent 65%);filter:blur(4px)}
[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#031127 0%,#020a18 78%,#020716 100%);border-right:1px solid rgba(85,127,215,.14);box-shadow:18px 0 50px rgba(0,0,0,.18)}
[data-theme="dark"] .sidebar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:260px;background:radial-gradient(circle at 10% 100%,rgba(23,78,222,.13),transparent 62%);pointer-events:none}
[data-theme="dark"] .nav-label{color:#496080}
[data-theme="dark"] .nav a{color:#91a0b9}
[data-theme="dark"] .nav a:hover{background:rgba(63,105,202,.09);color:#f7fbff}
[data-theme="dark"] .nav a.active{background:linear-gradient(90deg,rgba(18,79,255,.26),rgba(27,77,184,.11));border:1px solid rgba(62,114,255,.18);box-shadow:inset 0 0 22px rgba(34,92,255,.08),0 9px 22px rgba(0,0,0,.15)}
[data-theme="dark"] .nav a.active:before{box-shadow:0 0 18px currentColor}
[data-theme="dark"] .nav-icon{background:rgba(90,122,181,.08);border:1px solid rgba(121,151,210,.07)}
[data-theme="dark"] .active-company{background:linear-gradient(145deg,rgba(20,42,82,.48),rgba(10,24,50,.48));border-color:rgba(110,142,203,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
[data-theme="dark"] .active-company-meta,[data-theme="dark"] .sidebar-foot>small,[data-theme="dark"] .logout{color:#61708b}
[data-theme="dark"] .logout:hover{color:#dce7fb;background:rgba(53,92,167,.08)}
[data-theme="dark"] .topbar{background:rgba(3,14,36,.76);border-bottom:1px solid rgba(88,128,203,.13);box-shadow:0 12px 35px rgba(0,0,0,.12);backdrop-filter:blur(26px) saturate(125%)}
[data-theme="dark"] .topbar-kicker{color:#6f809e}[data-theme="dark"] .topbar-name{color:#f6f8ff}
[data-theme="dark"] .topbar-company-logo{background:#f7f9fc;border-color:rgba(113,146,210,.16);box-shadow:0 8px 24px rgba(0,0,0,.24)}
[data-theme="dark"] .user-pill{background:rgba(8,23,51,.74);border-color:rgba(111,144,204,.14);box-shadow:0 8px 24px rgba(0,0,0,.18)}
[data-theme="dark"] .user-avatar{background:linear-gradient(145deg,#4a2fe8,#682ef0);color:#fff;box-shadow:0 0 20px rgba(112,65,255,.28)}
[data-theme="dark"] .user-pill span{color:#73829d}
[data-theme="dark"] .theme-switcher{background:rgba(7,24,54,.72);border-color:rgba(110,143,206,.16);box-shadow:0 8px 24px rgba(0,0,0,.18)}
[data-theme="dark"] .theme-switcher button{color:#7485a2}[data-theme="dark"] .theme-switcher button:hover{background:rgba(66,103,179,.12);color:#cbd8ef}[data-theme="dark"] .theme-switcher button.active{color:#fff;background:linear-gradient(145deg,#1c59e8,#603cf0);box-shadow:0 0 18px rgba(78,84,255,.28)}
[data-theme="dark"] .content{position:relative}
[data-theme="dark"] .dashboard-welcome h1,[data-theme="dark"] .section-head h1,[data-theme="dark"] .content>h1,[data-theme="dark"] .page-title{color:#f8fbff;text-shadow:0 1px 18px rgba(144,170,255,.03)}
[data-theme="dark"] .dashboard-welcome p,[data-theme="dark"] .section-head p,[data-theme="dark"] .page-subtitle,[data-theme="dark"] .muted{color:#8594ae}
[data-theme="dark"] .card,[data-theme="dark"] .module-card,[data-theme="dark"] .feature-panel,[data-theme="dark"] .quick-panel{background:linear-gradient(145deg,rgba(8,24,53,.94),rgba(4,16,38,.94));border-color:rgba(108,145,215,.16);box-shadow:0 18px 46px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.025)}
[data-theme="dark"] .card:hover{box-shadow:0 23px 58px rgba(0,0,0,.3),0 0 0 1px rgba(69,117,214,.06)}
[data-theme="dark"] .module-card{min-height:218px;background:linear-gradient(145deg,rgba(9,24,54,.98),rgba(4,15,35,.98));border-color:rgba(103,139,210,.16)}
[data-theme="dark"] .module-card:hover{transform:translateY(-4px);box-shadow:0 26px 62px rgba(0,0,0,.34)}
[data-theme="dark"] .module-card.reviews{background:radial-gradient(circle at 103% 108%,rgba(255,105,0,.12),transparent 43%),linear-gradient(145deg,#0a1834,#051127)}
[data-theme="dark"] .module-card.creative{background:radial-gradient(circle at 102% 108%,rgba(126,61,255,.14),transparent 44%),linear-gradient(145deg,#0b1736,#071128)}
[data-theme="dark"] .module-card.leads{background:radial-gradient(circle at 102% 108%,rgba(0,220,126,.10),transparent 43%),linear-gradient(145deg,#071c31,#041226)}
[data-theme="dark"] .module-card:before{background:linear-gradient(140deg,rgba(138,172,239,.18),rgba(255,255,255,.015))}
[data-theme="dark"] .module-card:after{opacity:.11;filter:blur(8px)}
[data-theme="dark"] .module-card h3{color:#aab7cc}[data-theme="dark"] .module-value{color:#f9fbff}
[data-theme="dark"] .module-value span,[data-theme="dark"] .module-meta span{color:#7787a2!important}
[data-theme="dark"] .module-status{background:rgba(83,108,156,.10);color:#8191aa;border:1px solid rgba(112,142,197,.12)}
[data-theme="dark"] .module-icon{border:1px solid currentColor;box-shadow:inset 0 0 22px rgba(255,255,255,.025)}
[data-theme="dark"] .module-card.reviews .module-icon{background:rgba(255,113,23,.13);box-shadow:0 0 28px rgba(255,109,18,.12),inset 0 0 18px rgba(255,121,23,.08)}
[data-theme="dark"] .module-card.creative .module-icon{background:rgba(122,66,255,.14);box-shadow:0 0 28px rgba(115,61,255,.13),inset 0 0 18px rgba(132,80,255,.08)}
[data-theme="dark"] .module-card.leads .module-icon{background:rgba(0,210,119,.12);box-shadow:0 0 28px rgba(0,215,122,.11),inset 0 0 18px rgba(0,225,125,.07)}
[data-theme="dark"] .module-visual{opacity:.8;filter:drop-shadow(0 0 8px currentColor)}
[data-theme="dark"] .feature-panel.review-panel{background:radial-gradient(circle at 98% 100%,rgba(255,105,8,.06),transparent 34%),radial-gradient(circle at 82% 104%,rgba(39,77,255,.11),transparent 35%),linear-gradient(145deg,rgba(7,23,52,.98),rgba(3,14,34,.98))}
[data-theme="dark"] .feature-panel.review-panel:before{background:radial-gradient(circle,rgba(255,107,0,.10),rgba(255,255,255,0) 68%)}
[data-theme="dark"] .feature-title h2,[data-theme="dark"] .quick-panel h2{color:#f5f8ff}
[data-theme="dark"] .mini-stat{background:linear-gradient(145deg,rgba(10,29,62,.78),rgba(6,20,45,.82));border-color:rgba(106,140,205,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
[data-theme="dark"] .mini-stat small{color:#7e8eaa}[data-theme="dark"] .mini-stat strong{color:#f9fbff}
[data-theme="dark"] .review-panel-footer{border-top-color:rgba(111,144,203,.12)}
[data-theme="dark"] .orb-core{color:#ff851f;background:linear-gradient(145deg,#18213f,#10172e);border-color:rgba(255,125,32,.60);box-shadow:0 0 28px rgba(255,106,10,.20),0 18px 35px rgba(0,0,0,.36)}
[data-theme="dark"] .ring-one{border-color:rgba(39,93,255,.68);box-shadow:0 0 19px rgba(25,91,255,.40)}[data-theme="dark"] .ring-two{border-color:rgba(255,118,23,.72);box-shadow:0 0 18px rgba(255,106,8,.36)}
[data-theme="dark"] .quick-action{background:linear-gradient(145deg,rgba(10,28,60,.82),rgba(7,21,47,.86));border-color:rgba(111,143,203,.16);color:#d8e2f2}
[data-theme="dark"] .quick-action:hover{border-color:rgba(71,124,232,.32);box-shadow:0 10px 25px rgba(0,0,0,.18),inset 0 0 20px rgba(48,93,190,.06)}
[data-theme="dark"] .quick-action i{background:rgba(99,130,188,.10);color:#b9c6db}
[data-theme="dark"] .quick-action.review{background:linear-gradient(90deg,rgba(255,104,7,.075),rgba(7,21,47,.87));border-color:rgba(255,108,18,.55);color:#ff7d1e;box-shadow:inset 0 0 24px rgba(255,104,7,.025)}
[data-theme="dark"] .btn-secondary{background:rgba(10,28,61,.78);color:#e5edfb;border-color:rgba(112,144,205,.18);box-shadow:0 8px 20px rgba(0,0,0,.16)}
[data-theme="dark"] .btn-secondary:hover{border-color:rgba(91,137,227,.32);box-shadow:0 12px 28px rgba(0,0,0,.24)}
[data-theme="dark"] .btn-primary{background:linear-gradient(145deg,#3158f3,#7443f0);box-shadow:0 0 22px rgba(76,81,255,.16),0 12px 25px rgba(0,0,0,.18)}
[data-theme="dark"] .btn-review,[data-theme="dark"] .mod-reviews .content form .btn-primary,[data-theme="dark"] .mod-reviews .content>.btn-primary,[data-theme="dark"] .mod-reviews .content>.section-head .btn-primary{background:linear-gradient(145deg,#ff861f,#ff5d00);box-shadow:0 0 22px rgba(255,91,0,.15),0 12px 25px rgba(0,0,0,.20)}
[data-theme="dark"] .table-wrap{background:linear-gradient(145deg,rgba(8,24,53,.96),rgba(4,16,38,.96))}
[data-theme="dark"] .table th{background:rgba(10,30,63,.75);color:#7285a6;border-bottom-color:rgba(112,144,205,.14)}
[data-theme="dark"] .table td{border-bottom-color:rgba(109,141,200,.095);color:#d8e2f1}
[data-theme="dark"] .table tbody tr:hover{background:rgba(45,82,157,.08)}
[data-theme="dark"] .table strong{color:#f2f6ff}
[data-theme="dark"] .activity-row,[data-theme="dark"] .list-row,[data-theme="dark"] .company-actions{border-color:rgba(108,141,200,.10)}
[data-theme="dark"] .avatar{background:rgba(82,113,173,.11);color:#aab8ce;border:1px solid rgba(114,145,202,.10)}
[data-theme="dark"] .activity-name{color:#f0f5ff}[data-theme="dark"] .activity-status{color:#8190aa}[data-theme="dark"] .activity-time{color:#5e6e89}
[data-theme="dark"] .label{color:#98a7be}
[data-theme="dark"] .input{background:rgba(5,20,47,.86);border-color:rgba(108,143,211,.18);color:#edf4ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
[data-theme="dark"] .input::placeholder{color:#586985}[data-theme="dark"] .input:focus{border-color:#735eff;box-shadow:0 0 0 3px rgba(94,75,255,.14),0 0 24px rgba(61,80,255,.08)}
[data-theme="dark"] select.input{color-scheme:dark}
[data-theme="dark"] .checkline{color:#98a8bf}
[data-theme="dark"] .module-box{background:rgba(6,21,48,.72);border-color:rgba(110,143,205,.15)}
[data-theme="dark"] .module-box:hover{border-color:rgba(74,122,219,.28);background:rgba(9,28,61,.78)}
[data-theme="dark"] .logo-upload-box,[data-theme="dark"] .concept{background:rgba(6,21,48,.72);border-color:rgba(110,143,205,.15)}
[data-theme="dark"] .logo-current-preview,[data-theme="dark"] .company-list-logo{background:#fff;border-color:rgba(122,151,207,.16)}
[data-theme="dark"] .logo-file-row{border-color:rgba(108,141,200,.11)}
[data-theme="dark"] .concept:hover{background:rgba(11,31,66,.82);box-shadow:0 10px 28px rgba(0,0,0,.22)}
[data-theme="dark"] .badge{background:rgba(87,111,158,.11);color:#8ea0bb;border:1px solid rgba(112,142,196,.09)}
[data-theme="dark"] .badge.success{background:rgba(15,194,107,.11);color:#36e897;border-color:rgba(43,221,139,.10)}
[data-theme="dark"] .badge.warning{background:rgba(255,181,49,.10);color:#ffc758;border-color:rgba(255,195,85,.10)}
[data-theme="dark"] .badge.review{background:rgba(255,111,20,.11);color:#ff8227;border-color:rgba(255,124,40,.12)}
[data-theme="dark"] .notice{background:rgba(93,65,209,.10);border-color:rgba(127,103,235,.17);color:#b2a9df}
[data-theme="dark"] .flash.success{background:rgba(21,186,105,.10);border-color:rgba(42,218,134,.15);color:#65e7aa}
[data-theme="dark"] .flash.error,[data-theme="dark"] .errors{background:rgba(221,55,74,.10);border-color:rgba(255,89,106,.16);color:#ff9aa5}
[data-theme="dark"] .stars{color:#ff9d2e;text-shadow:0 0 12px rgba(255,145,30,.16)}
[data-theme="dark"] .auth-main{background:radial-gradient(circle at 70% 0%,rgba(49,85,224,.18),transparent 34%),linear-gradient(180deg,#061227,#030a18)}
[data-theme="dark"] .auth-box{color:#f6f9ff}[data-theme="dark"] .auth-box .muted{color:#8391a8}
[data-theme="dark"] .auth-side{background:radial-gradient(circle at 90% 15%,rgba(47,93,255,.23),transparent 33%),radial-gradient(circle at 40% 78%,rgba(110,60,255,.13),transparent 33%),linear-gradient(145deg,#041229,#020917)}
[data-theme="dark"] .auth-side:before{background:radial-gradient(circle,rgba(30,90,255,.26),transparent 69%)}
[data-theme="dark"] .feedback-wrap{background:radial-gradient(circle at 50% 0%,rgba(255,108,15,.08),transparent 33%),#f4f6f9}
[data-theme="dark"] .marketing{background:#fff;color:#111827}

/* Dark theme keeps external/public customer review pages bright and neutral. */
[data-theme="dark"] .feedback-wrap .feedback-card{background:#fff;color:#111827;border-color:#e5e9ef}
[data-theme="dark"] .feedback-wrap .muted{color:#7b8497}
[data-theme="dark"] .feedback-wrap .input{background:#fff;color:#1c2431;border-color:#dfe3ea}
[data-theme="dark"] .feedback-wrap .emoji{background:#fff;border-color:#e7e9ee}

/* Light mode gets a touch more depth too */
[data-theme="light"] .module-card,[data-theme="light"] .feature-panel,[data-theme="light"] .quick-panel,[data-theme="light"] .card{box-shadow:0 16px 40px rgba(15,23,42,.085)}
[data-theme="light"] .module-card:hover,[data-theme="light"] .card:hover{box-shadow:0 24px 54px rgba(15,23,42,.12)}

@media(max-width:900px){
  .main:before{inset:0}
  .topbar-actions{gap:7px}.theme-switcher{padding:3px}.theme-switcher button{width:29px;height:28px}
  .review-orb{display:none}.review-panel-footer{min-height:auto}
}
@media(max-width:600px){
  .theme-switcher button[data-theme-option="auto"]{display:none}
  .theme-switcher{border-radius:12px}
  .topbar-actions{gap:6px}.user-pill{padding-right:7px}
  .module-visual{right:22px;bottom:38px;opacity:.42}
  .auth-theme-corner{top:16px;right:16px}
}

/* --- UI POLISH V4 --- */
.brand{gap:13px}
.brand-mark{
  width:36px;height:36px;border-radius:12px;position:relative;display:block;flex:0 0 36px;
  background:linear-gradient(145deg,#eff4ff,#dbe7ff);
  border:1px solid rgba(106,127,180,.18);
  box-shadow:0 8px 18px rgba(61,96,170,.10), inset 0 1px 0 rgba(255,255,255,.9);
}
.brand-mark::before{
  content:"";position:absolute;inset:8px;transform:rotate(45deg);
  border-radius:8px;border:2px solid #4e6dff;
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;
}
.brand-mark::after{
  content:"";position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:3px;
  background:linear-gradient(145deg,#7a5cff,#2996ff);box-shadow:0 0 14px rgba(87,100,255,.25);
}
.sidebar .brand-mark{
  background:linear-gradient(145deg,rgba(19,39,78,.96),rgba(7,20,43,.96));
  border:1px solid rgba(90,124,190,.22);
  box-shadow:0 10px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
  clip-path:none;border-radius:12px;font-size:0;
}
.sidebar .brand-mark::before{border-color:#2f8cff; box-shadow:0 0 0 1px rgba(113,168,255,.14) inset, 0 0 16px rgba(37,118,255,.24)}
.sidebar .brand-mark::after{background:linear-gradient(145deg,#7a5cff,#27b0ff);box-shadow:0 0 16px rgba(49,132,255,.34)}
.auth .brand-mark,.marketing .brand-mark{background:linear-gradient(145deg,#eef4ff,#dce8ff)}

/* fav better spacing */
.brand-title{letter-spacing:-.04em}
.brand-sub{font-size:8.5px}

/* module menu accent colors */
.nav a.active:before{left:-18px;width:3px;height:26px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#7f93b8,#5f7092)}
.nav a.nav-reviews.active:before{background:linear-gradient(180deg,#ffad59,#ff6a00)}
.nav a.nav-creative.active:before{background:linear-gradient(180deg,#5aa2ff,#4d63ff)}
.nav a.nav-leads.active:before{background:linear-gradient(180deg,#57f0aa,#08c86f)}
.nav a.nav-core.active:before{background:linear-gradient(180deg,#8f78ff,#5e3df5)}
.nav a.nav-admin.active:before{background:linear-gradient(180deg,#8ea1bf,#677796)}
.nav a.nav-reviews.active{color:var(--review)}
.nav a.nav-creative.active{color:#5b86ff}
.nav a.nav-leads.active{color:#12d87f}
.nav a.nav-core.active{color:#7b66ff}
.nav a.nav-admin.active{color:#d7e1f2}
.nav a.nav-reviews.active .nav-icon{background:rgba(255,122,24,.12);color:var(--review);border-color:rgba(255,122,24,.16)}
.nav a.nav-creative.active .nav-icon{background:rgba(84,118,255,.12);color:#5a84ff;border-color:rgba(84,118,255,.16)}
.nav a.nav-leads.active .nav-icon{background:rgba(18,216,127,.12);color:#10d37c;border-color:rgba(18,216,127,.16)}
.nav a .nav-icon{border:1px solid transparent}

/* cleaner sparkline visuals */
.module-card{overflow:hidden}
.module-visual{position:absolute;right:18px;bottom:36px;width:132px;height:58px;opacity:1;filter:none;transform:none;z-index:0;pointer-events:none}
.module-visual::before,.module-visual::after,.module-visual span,.module-visual i,.module-visual b,.module-visual em{display:none!important;content:none!important}
.sparkline{width:100%;height:100%;overflow:visible}
.sparkline .spark-area{opacity:.95}
.sparkline .spark-line{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.10))}
.sparkline .spark-dot{fill:currentColor;filter:drop-shadow(0 0 8px currentColor)}
.module-card.reviews .module-visual{color:var(--review)}
.module-card.creative .module-visual{color:#5b74ff}
.module-card.leads .module-visual{color:#17d47f}
.module-card .module-meta{margin-top:18px}
.module-card .module-link{font-size:11px}

[data-theme="dark"] .module-visual{opacity:1;filter:none}
[data-theme="dark"] .sparkline .spark-line{stroke-width:3.2;filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 10px color-mix(in srgb, currentColor 25%, transparent))}
[data-theme="dark"] .sparkline .spark-area{opacity:.65}
[data-theme="dark"] .module-card.reviews .module-visual{color:#ff861c}
[data-theme="dark"] .module-card.creative .module-visual{color:#7c83ff}
[data-theme="dark"] .module-card.leads .module-visual{color:#1de08b}
[data-theme="dark"] .nav a.nav-reviews.active{color:#ff9a42}
[data-theme="dark"] .nav a.nav-creative.active{color:#7ca3ff}
[data-theme="dark"] .nav a.nav-leads.active{color:#52eaa6}
[data-theme="dark"] .nav a.nav-core.active{color:#a58dff}
[data-theme="dark"] .nav a.nav-reviews.active .nav-icon{background:rgba(255,122,24,.16);border-color:rgba(255,122,24,.22);box-shadow:0 0 18px rgba(255,122,24,.12)}
[data-theme="dark"] .nav a.nav-creative.active .nav-icon{background:rgba(84,118,255,.16);border-color:rgba(84,118,255,.22);box-shadow:0 0 18px rgba(84,118,255,.14)}
[data-theme="dark"] .nav a.nav-leads.active .nav-icon{background:rgba(18,216,127,.16);border-color:rgba(18,216,127,.22);box-shadow:0 0 18px rgba(18,216,127,.12)}

/* small screen fallback */
@media (max-width: 860px){
  .module-visual{right:16px;bottom:30px;width:110px;height:48px}
}

/* --- BRAND KIT V1 --- */
.nav a.nav-brand.active:before{background:linear-gradient(180deg,#6bc0ff,#6f5cff)}
.nav a.nav-brand.active{color:#7591ff}
.nav a.nav-brand.active .nav-icon{background:rgba(101,116,255,.12);color:#7591ff;border-color:rgba(101,116,255,.18)}
[data-theme="dark"] .nav a.nav-brand.active{color:#8aa7ff}
[data-theme="dark"] .nav a.nav-brand.active .nav-icon{background:rgba(90,112,255,.16);border-color:rgba(90,112,255,.24);box-shadow:0 0 18px rgba(85,108,255,.14)}

.brandkit-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.brandkit-head h1{font-size:34px;letter-spacing:-.045em;margin:4px 0 6px}
.brand-eyebrow{color:#6378ff}
.brand-score-card{display:flex;align-items:center;gap:13px;min-width:210px;padding:14px 16px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.brand-score-card strong{display:block;font-size:13px}.brand-score-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.brand-score-ring{--score:0;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#665dff calc(var(--score)*1%),rgba(101,116,255,.12) 0);position:relative;flex:0 0 54px}
.brand-score-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel)}
.brand-score-ring span{position:relative;z-index:1;font-size:11px;font-weight:850;color:var(--text)}
.brandkit-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.brandkit-settings{min-width:0}
.section-mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.section-mini-head h2{margin:0 0 4px;font-size:19px;letter-spacing:-.025em}.section-mini-head p{margin:0;font-size:12px}
.brand-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.brand-color-field>label{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:7px}
.color-control{display:flex;align-items:center;gap:9px}.color-control input[type=color]{width:46px;height:46px;min-width:46px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;cursor:pointer}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:4px}.color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}.color-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;font-weight:700;letter-spacing:.03em}
.brand-textarea{min-height:104px;resize:vertical}
.brandkit-ai-card{position:sticky;top:98px;overflow:hidden;background:linear-gradient(145deg,rgba(104,91,255,.06),var(--panel));border-color:rgba(99,104,255,.16)}
.brandkit-ai-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(96,91,255,.12),transparent 68%);pointer-events:none}
.brandkit-ai-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(145deg,#596cff,#7a55ff);box-shadow:0 12px 28px rgba(95,79,255,.20);margin-bottom:18px}
.brandkit-ai-card h2{font-size:23px;line-height:1.15;letter-spacing:-.035em;margin:8px 0}.brandkit-ai-card>p{font-size:12px;line-height:1.6}
.brand-context-preview{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.brand-context-preview div{padding:12px;border-radius:13px;background:rgba(103,112,255,.055);border:1px solid rgba(103,112,255,.10)}.brand-context-preview span{display:block;font-size:9px;color:var(--muted);font-weight:750}.brand-context-preview strong{display:block;font-size:19px;margin-top:3px}
.brand-upload-panel{overflow:hidden}
.brand-upload-form{max-width:880px}.brand-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px;border:1.5px dashed rgba(103,116,255,.32);border-radius:18px;background:linear-gradient(145deg,rgba(97,105,255,.045),rgba(63,157,255,.025));cursor:pointer;margin:6px 0 16px;padding:24px;transition:.2s ease}.brand-dropzone:hover{border-color:rgba(103,116,255,.56);background:rgba(96,105,255,.06)}.brand-dropzone input{position:absolute;opacity:0;pointer-events:none}.drop-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(101,110,255,.10);color:#6972ff;font-size:22px;margin-bottom:9px}.brand-dropzone strong{font-size:13px}.brand-dropzone small{font-size:10px;color:var(--muted);margin-top:3px}.brand-upload-options{display:flex;gap:22px;flex-wrap:wrap;margin:2px 0 18px}
.brand-assets-section{margin-top:28px}.asset-count{min-width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--panel-soft);border:1px solid var(--line);font-size:11px;font-weight:800;color:var(--muted)}
.brand-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.brand-asset-card{overflow:hidden;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.2s ease}.brand-asset-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.brand-asset-card.is-reference{border-color:rgba(103,116,255,.28);box-shadow:0 14px 36px rgba(89,89,255,.08)}
.brand-asset-preview{height:180px;display:grid;place-items:center;background:linear-gradient(145deg,var(--panel-soft),var(--panel));padding:16px;border-bottom:1px solid var(--line)}.brand-asset-preview img{width:100%;height:100%;object-fit:contain;border-radius:10px}.brand-asset-body{padding:14px}.brand-asset-body strong{font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-asset-body p{margin:8px 0 0}.asset-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.asset-badges span{font-size:8px;font-weight:800;padding:4px 6px;border-radius:999px;background:rgba(101,116,255,.10);color:#6b73ff;text-transform:uppercase;letter-spacing:.04em}.asset-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.asset-actions form{margin:0}.asset-actions .btn-link{font-size:9px;padding:5px 6px}.danger-link{color:var(--danger)!important}.brand-empty{padding:26px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:11px;text-align:center;background:var(--panel-soft)}

[data-theme="dark"] .brand-score-card,[data-theme="dark"] .brandkit-settings,[data-theme="dark"] .brand-upload-panel,[data-theme="dark"] .brand-asset-card{background:linear-gradient(145deg,rgba(8,24,53,.96),rgba(4,16,38,.96));border-color:rgba(108,145,215,.15)}
[data-theme="dark"] .brand-score-ring:after{background:#071326}
[data-theme="dark"] .brandkit-ai-card{background:radial-gradient(circle at 110% -10%,rgba(100,73,255,.16),transparent 45%),linear-gradient(145deg,rgba(8,24,53,.98),rgba(4,16,38,.98));border-color:rgba(105,92,255,.24)}
[data-theme="dark"] .brand-context-preview div{background:rgba(90,93,255,.08);border-color:rgba(112,117,255,.13)}
[data-theme="dark"] .brand-dropzone{background:linear-gradient(145deg,rgba(89,92,255,.065),rgba(26,90,183,.04));border-color:rgba(102,111,255,.30)}
[data-theme="dark"] .brand-asset-preview{background:linear-gradient(145deg,rgba(12,31,64,.95),rgba(6,20,44,.95));border-color:rgba(109,142,200,.12)}
[data-theme="dark"] .brand-asset-card.is-reference{border-color:rgba(116,101,255,.38);box-shadow:0 18px 42px rgba(62,51,255,.10),inset 0 0 22px rgba(95,78,255,.03)}

@media (max-width:1100px){.brandkit-layout{grid-template-columns:1fr}.brandkit-ai-card{position:static}.brand-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.brandkit-head{align-items:flex-start;flex-direction:column}.brand-score-card{width:100%}.brand-color-grid,.brand-assets-grid{grid-template-columns:1fr}.brand-asset-preview{height:210px}.brand-upload-options{gap:10px}.section-mini-head{align-items:flex-start}.brandkit-head h1{font-size:28px}}

/* --- SMARTER CREATIVES: AI IMAGE GENERATION V1 --- */
.creative-kicker{color:#5f78ff!important}
.creative-head{align-items:flex-end}
.creative-ai-status{display:flex;align-items:center;gap:14px;padding:15px 17px;margin-bottom:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-sm)}
.creative-ai-status>div:nth-child(2){min-width:0;flex:1}.creative-ai-status strong{display:block;font-size:13px}.creative-ai-status p{margin:3px 0 0;color:var(--muted);font-size:11px}
.creative-ai-status.is-online{border-color:rgba(91,116,255,.22);background:linear-gradient(135deg,rgba(91,116,255,.06),var(--panel) 48%)}
.creative-ai-status.is-offline{border-color:rgba(245,158,11,.25);background:linear-gradient(135deg,rgba(245,158,11,.055),var(--panel) 48%)}
.creative-ai-orb{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:#fff;background:linear-gradient(145deg,#4f8bff,#7358ff);box-shadow:0 9px 22px rgba(84,101,255,.24)}
.creative-campaign{padding:0;overflow:hidden;margin-bottom:20px}
.creative-campaign-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(92,111,255,.045),transparent 54%)}
.creative-campaign-head h2{margin:3px 0 3px;font-size:21px;letter-spacing:-.035em}.creative-campaign-head p{margin:0;color:var(--muted);font-size:11px}.creative-campaign-label{font-size:8px;letter-spacing:.16em;font-weight:850;color:#667dff}
.creative-concepts-stack{display:flex;flex-direction:column}
.creative-concept-row{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(0,1.32fr);gap:24px;padding:22px;border-bottom:1px solid var(--line)}
.creative-concept-row:last-child{border-bottom:0}.creative-concept-copy{padding:3px 4px;min-width:0}.creative-concept-number{font-size:9px;letter-spacing:.12em;color:#6d7cff;font-weight:850;text-transform:uppercase}.creative-concept-copy h3{font-size:22px;letter-spacing:-.045em;margin:7px 0 6px}.creative-concept-copy>p{font-size:12px;line-height:1.6;max-width:380px}
.creative-meta-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.creative-meta-pills span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:9px;color:var(--muted);background:var(--panel-soft)}
.creative-generator{min-width:0;background:var(--panel-soft);border:1px solid var(--line);border-radius:17px;padding:14px}
.creative-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:13px}.creative-image-card{overflow:hidden;border-radius:13px;border:1px solid var(--line);background:var(--panel)}.creative-image-card img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover;background:#eef1f7}.creative-image-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;font-size:8.5px;color:var(--muted)}.creative-image-foot form{margin:0}.creative-delete{width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.creative-delete:hover{background:rgba(239,68,68,.08);color:#ef4444}
.creative-generate-form{padding:3px}.creative-brief{min-height:78px;resize:vertical;font-size:12px;line-height:1.5}.creative-generate-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creative-generate-options .field{margin-bottom:10px}
.creative-reference-check{display:flex;align-items:flex-start;gap:9px;margin:2px 0 12px;padding:10px 11px;border-radius:12px;border:1px solid rgba(91,116,255,.18);background:rgba(91,116,255,.055);cursor:pointer}.creative-reference-check input{margin-top:2px}.creative-reference-check strong{display:block;font-size:10.5px}.creative-reference-check small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.creative-generate-button{width:100%;justify-content:center;background:linear-gradient(145deg,#4d83ff,#7359ff);color:white;border:0;box-shadow:0 10px 24px rgba(78,93,255,.20)}.creative-generate-button:hover{box-shadow:0 13px 30px rgba(78,93,255,.28)}.creative-generate-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.creative-generate-button span{font-size:15px}
.creative-empty{text-align:center;max-width:620px}.creative-empty .creative-ai-orb{margin:0 auto 13px}.creative-new-form{border-top:2px solid rgba(91,116,255,.48)}.creative-notice{border-color:rgba(91,116,255,.16);background:rgba(91,116,255,.055)}

[data-theme="dark"] .creative-ai-status{background:linear-gradient(145deg,rgba(8,24,53,.97),rgba(4,16,38,.97));border-color:rgba(108,145,215,.16)}
[data-theme="dark"] .creative-ai-status.is-online{background:radial-gradient(circle at 8% 0%,rgba(87,74,255,.12),transparent 30%),linear-gradient(145deg,rgba(8,24,53,.97),rgba(4,16,38,.97));border-color:rgba(110,105,255,.24)}
[data-theme="dark"] .creative-campaign-head{background:linear-gradient(90deg,rgba(77,91,255,.07),rgba(7,22,50,.22))}
[data-theme="dark"] .creative-generator{background:linear-gradient(145deg,rgba(7,23,52,.76),rgba(4,16,38,.84));border-color:rgba(109,139,200,.14)}
[data-theme="dark"] .creative-meta-pills span{background:rgba(78,107,166,.075)}
[data-theme="dark"] .creative-image-card{background:#061126;border-color:rgba(109,139,200,.14)}
[data-theme="dark"] .creative-reference-check{background:rgba(91,116,255,.075);border-color:rgba(110,115,255,.20)}

@media (max-width: 980px){.creative-concept-row{grid-template-columns:1fr}.creative-concept-copy>p{max-width:none}.creative-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 620px){.creative-ai-status{align-items:flex-start;flex-wrap:wrap}.creative-ai-status .btn{width:100%;justify-content:center}.creative-campaign-head{align-items:flex-start}.creative-concept-row{padding:16px}.creative-generator{padding:11px}.creative-generate-options{grid-template-columns:1fr}.creative-image-grid{grid-template-columns:1fr 1fr}.creative-concept-copy h3{font-size:19px}}

/* --- SMARTER AI LOGO INTEGRATION V5 --- */
.brand-logo-icon{
  width:40px;height:40px;flex:0 0 40px;display:block;object-fit:contain;
  border-radius:12px;
  filter:drop-shadow(0 8px 18px rgba(44,102,255,.16));
}
.brand-title{
  font-size:20px;font-weight:820;letter-spacing:-.045em;line-height:1.05;
}
.brand-title span{
  background:linear-gradient(100deg,#17b8ff 0%,#346eff 46%,#875cff 75%,#ef4aa5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-sub{
  margin-top:4px;font-size:7.5px;line-height:1;letter-spacing:.22em;font-weight:760;
  color:#8b99b2;white-space:nowrap;
}
.sidebar>.brand{padding:0 8px 27px;gap:11px}
.sidebar .brand-logo-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;filter:drop-shadow(0 8px 20px rgba(32,91,255,.22))}
.sidebar .brand-title{font-size:19px;color:#fff;text-shadow:0 1px 14px rgba(255,255,255,.03)}
.sidebar .brand-sub{color:#7d8ba5;font-size:7px;letter-spacing:.19em}
.auth-side .brand-logo-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px;filter:drop-shadow(0 10px 26px rgba(48,91,255,.25))}
.auth-side .brand-title{font-size:24px;color:#fff}
.auth-side .brand-sub{font-size:8px;color:#8090ad}
.auth-main .brand-logo-icon{width:44px;height:44px;flex-basis:44px;border-radius:14px}
.auth-main .brand-title{font-size:22px}
.marketing .brand-logo-icon{width:44px;height:44px;flex-basis:44px;border-radius:14px}
.marketing .brand-title{font-size:22px}
[data-theme="dark"] .brand-title{color:#fff}
[data-theme="light"] .sidebar .brand-title,[data-theme="light"] .auth-side .brand-title{color:#fff}
[data-theme="light"] .auth-main .brand-title,[data-theme="light"] .marketing .brand-title{color:#111827}
[data-theme="dark"] .auth-main .brand-title,[data-theme="dark"] .marketing .brand-title{color:#fff}
@media (max-width:860px){
  .sidebar .brand-logo-icon{width:38px;height:38px;flex-basis:38px}
  .sidebar .brand-title{font-size:18px}
}