:root{
  --navy-900:#070b14; --navy-800:#0c1220; --navy-700:#141c2e;
  --surface:#121a2b; --surface-2:#182235; --line:#243044;
  --gold:#a78bfa; --gold-soft:#c4b5fd;
  --accent:#8b5cf6; --accent-2:#7c3aed;
  --text:#f1f5ff; --muted:#9aa8c7; --muted-2:#6b7a99;
  --high:#f87171; --medium:#fbbf24; --ok:#34d399;
  --fb:#60a5fa; --gg:#fbbf24; --site:#34d399;
  --r:16px;
  --glow:0 0 0 1px rgba(139,92,246,.18), 0 18px 40px -24px rgba(0,0,0,.65);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:
    radial-gradient(900px 480px at 12% -8%, rgba(139,92,246,.22) 0%, transparent 55%),
    radial-gradient(800px 420px at 92% 0%, rgba(52,211,153,.08) 0%, transparent 50%),
    var(--navy-900);
  color:var(--text); min-height:100vh; line-height:1.45; -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}

/* ---------- layout ---------- */
.app{display:flex;min-height:100vh}
.mob-bar{display:none}
.nav-backdrop{display:none}
.nav-close{display:none}
.sidebar-top{display:contents}
.sidebar{
  width:248px;flex:0 0 248px;background:rgba(12,18,32,.92);border-right:1px solid var(--line);
  display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh;
  backdrop-filter:blur(12px);
}
.brand{display:flex;align-items:baseline;gap:6px;padding:6px 10px 22px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.12rem;letter-spacing:-.02em}
.brand .acc{color:var(--accent);font-weight:600}
.nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0}
.nav-sec{
  font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2);
  padding:16px 12px 6px;font-weight:600
}
.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;color:var(--muted);font-size:.88rem;font-weight:500;transition:.14s}
.nav a:hover{background:rgba(255,255,255,.04);color:var(--text)}
.nav a.on{background:linear-gradient(135deg,rgba(139,92,246,.95),rgba(124,58,237,.9));color:#fff;box-shadow:0 10px 28px -12px rgba(139,92,246,.7)}
.nav a.on svg{color:#fff}
.nav svg{flex:0 0 18px;color:var(--muted-2)}
.sidebar-foot{margin-top:auto;padding:12px 8px 4px;flex-shrink:0;border-top:1px solid var(--line)}
.content{flex:1;min-width:0;padding:24px 28px 72px}

/* ---------- page header ---------- */
.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.page-head .htitle{display:flex;align-items:baseline;gap:12px}
.page-head h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.5rem;letter-spacing:-.02em}
.page-head .range{color:var(--muted-2);font-size:.72rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.seg{display:flex;background:var(--navy-800);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{background:none;border:0;color:var(--muted);padding:8px 13px;font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;transition:.15s}
.seg button:hover{color:var(--text)}
.seg button.on{background:var(--gold);color:var(--navy-900);font-weight:600}
.live{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--muted);letter-spacing:.04em}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:0 0 7px}
.dot.mock{background:var(--gold)}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.82rem;margin-bottom:14px;transition:.14s}
.back:hover{color:var(--gold)}

/* ---------- overview / kpi ---------- */
.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}
.kpi{background:linear-gradient(160deg,var(--surface),var(--navy-800));border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.kpi .lab{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);margin-bottom:8px}
.kpi .val{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.55rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi .val.gold{color:var(--gold)}
.kpi .sub{font-size:.74rem;color:var(--muted);margin-top:3px}

/* ---------- section heading ---------- */
.sec{display:flex;align-items:center;gap:11px;margin:26px 2px 14px}
.sec h2{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.02em}
.sec .count{font-size:.72rem;color:var(--muted-2);background:var(--navy-800);border:1px solid var(--line);padding:2px 9px;border-radius:20px}
.sec .rule{flex:1;height:1px;background:var(--line)}

/* ---------- account card (link to client) ---------- */
.card{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden;transition:.18s}
.card:hover{border-color:#3c5f8c;transform:translateY(-1px)}
.spine{width:4px;flex:0 0 4px}
.spine.high{background:var(--high)} .spine.medium{background:var(--medium)}
.spine.ok{background:var(--ok)} .spine.error{background:var(--muted-2)}
.body{flex:1;padding:16px 18px}
.row1{display:flex;align-items:center;gap:14px}
.gauge{flex:0 0 46px}
.meta{flex:1;min-width:0}
.meta .nm{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.02rem;letter-spacing:-.01em}
.reason{font-size:.82rem;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:7px}
.reason .tag{font-weight:600}
.reason.high .tag{color:var(--high)} .reason.medium .tag{color:var(--medium)} .reason.ok .tag{color:var(--ok)}
.nums{display:flex;gap:22px;flex:0 0 auto}
.nums .n{text-align:right}
.nums .n .k{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2)}
.nums .n .v{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.98rem;font-variant-numeric:tabular-nums;margin-top:2px}
.v .delta{font-size:.66rem;font-weight:500;margin-left:4px}
.delta.up{color:var(--high)} .delta.down{color:var(--ok)} .delta.flat{color:var(--muted-2)}
.chev{flex:0 0 auto;color:var(--muted-2)}
.card:hover .chev{color:var(--gold)}

/* ---------- flags ---------- */
.flags{display:flex;flex-direction:column;gap:9px;margin:16px 0}
.flag{display:flex;gap:11px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;border-left:3px solid var(--muted-2)}
.flag.high{border-left-color:var(--high)} .flag.medium{border-left-color:var(--medium)}
.flag.low{border-left-color:var(--muted)} .flag.ok{border-left-color:var(--ok)}
.flag .ft{font-weight:600;font-size:.88rem;margin-bottom:2px}
.flag .fd{font-size:.82rem;color:var(--muted);line-height:1.5}

/* ---------- tables / panels ---------- */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin-bottom:16px}
.panel h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.95rem;margin-bottom:14px}
table{width:100%;border-collapse:collapse;font-size:.84rem}
th{text-align:right;font-weight:500;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);padding:7px 8px;border-bottom:1px solid var(--line)}
th:first-child,td:first-child{text-align:left}
td{padding:9px 8px;border-bottom:1px solid #1f3554;font-variant-numeric:tabular-nums;text-align:right}
td:first-child{font-weight:500}
tr:last-child td{border-bottom:0}
.roas-ok{color:var(--ok)} .roas-bad{color:var(--high)}
.loading{color:var(--muted-2);font-size:.82rem;padding:8px}

/* ---------- client header ---------- */
.client-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.client-head .nm{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:-.02em}
.client-head .st{font-size:.84rem;margin-top:2px}
.client-head .st.high{color:var(--high)} .client-head .st.medium{color:var(--medium)} .client-head .st.ok{color:var(--ok)}

/* ---------- states ---------- */
.center{text-align:center;padding:60px 20px;color:var(--muted)}
.center .big{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;color:var(--text);margin-bottom:6px}
.err{background:rgba(229,115,103,.08);border:1px solid rgba(229,115,103,.3);color:#f0a79e;border-radius:14px}
.skel{height:74px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:sh 1.3s infinite;border-radius:var(--r);margin-bottom:12px}
@keyframes sh{to{background-position:-200% 0}}
.soon{color:var(--muted-2);font-size:.82rem;font-style:italic}

/* ---------- responsive ---------- */
@media (max-width:820px){
  .app{flex-direction:column}
  .mob-bar{
    display:flex;align-items:center;gap:12px;padding:12px 14px;
    background:var(--navy-800);border-bottom:1px solid var(--line);
    position:sticky;top:0;z-index:60
  }
  .mob-bar .brand{padding:0;font-size:1.05rem}
  .nav-toggle{
    width:40px;height:40px;border:1px solid var(--line);border-radius:10px;
    background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    cursor:pointer;flex-shrink:0;padding:0
  }
  .nav-toggle span{display:block;width:18px;height:2px;background:var(--text);border-radius:1px;transition:.15s}
  body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.nav-open .nav-toggle span:nth-child(2){opacity:0}
  body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .nav-backdrop{
    display:block;position:fixed;inset:0;background:rgba(4,10,20,.55);z-index:70;
    opacity:0;pointer-events:none;transition:opacity .2s
  }
  body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}
  .nav-backdrop[hidden]{display:none!important}

  .sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0 8px}
  .sidebar-top .brand{padding:0}
  .nav-close{
    display:flex;align-items:center;justify-content:center;width:36px;height:36px;
    border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);
    font-size:1.4rem;line-height:1;cursor:pointer
  }

  .sidebar{
    position:fixed;top:0;left:0;bottom:0;width:min(288px,86vw);height:100%;
    z-index:80;flex:none;padding:16px 14px 20px;
    transform:translateX(-105%);transition:transform .22s ease;
    box-shadow:12px 0 40px rgba(0,0,0,.35);overflow:hidden
  }
  body.nav-open .sidebar{transform:translateX(0)}
  body.nav-open{overflow:hidden}
  .nav{flex-direction:column;gap:3px}
  .nav a span{display:inline}
  .nav a{padding:10px 11px}
  .sidebar-foot{margin-top:auto;padding:10px 8px 2px}
  .content{padding:16px 14px 60px}
}
@media (max-width:720px){
  .overview{grid-template-columns:repeat(2,1fr)}
  .nums{display:none}
  .row1{gap:11px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}

/* ---------- button ---------- */
.btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-size:.84rem;font-weight:500;padding:8px 14px;border-radius:9px;transition:.14s;cursor:pointer}
.btn:hover{border-color:var(--gold);color:var(--gold)}
.btn svg{width:15px;height:15px}

/* ---------- creative gallery (preview mare) ---------- */
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;margin-bottom:8px}
.creative{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.16s}
.creative:hover{border-color:#3c5f8c}
.cthumb{aspect-ratio:1/1;background:var(--navy-700);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cthumb img{width:100%;height:100%;object-fit:cover;display:block}
.cthumb .ph{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted-2)}
.cthumb .ph svg{width:42px;height:42px}
.cthumb .ph span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.cthumb .type{position:absolute;top:10px;left:10px;background:rgba(10,19,34,.82);color:var(--text);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:4px 9px;border-radius:7px;backdrop-filter:blur(4px)}
.cthumb .status{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;background:rgba(10,19,34,.82);font-size:.62rem;padding:4px 9px;border-radius:7px;color:var(--ok)}
.cthumb .status .dot{width:6px;height:6px;flex:0 0 6px}
.cbody{padding:15px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.cbody .adname{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}
.cbody .headline{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1rem;line-height:1.3}
.cbody .copy{font-size:.88rem;color:var(--text);line-height:1.5;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.cbody .copy.muted{color:var(--muted-2);font-style:italic}
.dest{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:2px}
.chip{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.02em}
.chip.link{background:rgba(91,191,147,.14);color:var(--ok);border:1px solid rgba(91,191,147,.3)}
.chip.form{background:rgba(201,168,106,.16);color:var(--gold);border:1px solid rgba(201,168,106,.35)}
.chip.none{background:var(--navy-800);color:var(--muted-2);border:1px solid var(--line)}
.chip.msg{background:rgba(120,150,255,.14);color:#9fb4ff;border:1px solid rgba(120,150,255,.3)}
.chip.wa{background:rgba(91,191,147,.14);color:var(--ok);border:1px solid rgba(91,191,147,.3)}
.chip.post{background:rgba(201,168,106,.12);color:var(--gold-soft);border:1px solid rgba(201,168,106,.28)}
.durl{font-size:.82rem;color:var(--muted);text-decoration:underline;text-underline-offset:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.durl:hover{color:var(--gold)}
.dnote{font-size:.78rem;color:var(--muted)}
.cfoot{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}
.cfoot{padding-top:12px;margin-top:8px}
.cta{font-size:.72rem;font-weight:600;color:var(--text);background:var(--navy-800);border:1px solid var(--line);padding:5px 11px;border-radius:8px}
.prev{font-size:.8rem;color:var(--gold);display:inline-flex;align-items:center;gap:5px}
.prev.off{color:var(--muted-2);pointer-events:none}
.csec{display:flex;align-items:baseline;gap:11px;margin:24px 2px 14px}
.csec h2{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.95rem}
.csec .meta{font-size:.74rem;color:var(--muted-2)}
.csec .rule{flex:1;height:1px;background:var(--line)}

/* ---------- login / setup (redesign) ---------- */
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative;overflow:hidden;
  background:
    radial-gradient(900px 500px at 15% 10%, rgba(201,168,106,.10) 0%, transparent 55%),
    radial-gradient(900px 600px at 85% 90%, rgba(60,95,140,.18) 0%, transparent 55%),
    var(--navy-900);}
.login-glow{position:absolute;inset:0;background-image:
    linear-gradient(rgba(38,64,95,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(38,64,95,.18) 1px, transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at 50% 45%, black 0%, transparent 70%);pointer-events:none}
.login{position:relative;width:100%;max-width:380px;background:linear-gradient(180deg, var(--surface), var(--navy-800));
  border:1px solid var(--line);border-radius:20px;padding:34px 30px 26px;display:flex;flex-direction:column;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.7), 0 0 0 1px rgba(201,168,106,.06);}
.login::before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;border-radius:2px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.7}
.login-badge{width:46px;height:46px;border-radius:13px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.4rem;color:var(--navy-900);
  background:linear-gradient(150deg, var(--gold-soft), var(--gold));box-shadow:0 8px 24px -8px rgba(201,168,106,.6)}
.login-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.01em;text-align:center}
.login-brand .acc{color:var(--gold);margin-left:6px}
.login-sub{text-align:center;color:var(--muted-2);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin:7px 0 24px}
.login label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);margin-bottom:7px}
.login input{background:var(--navy-900);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font-size:.92rem;font-family:inherit;margin-bottom:17px;transition:.14s}
.login input::placeholder{color:#4a5f7d}
.login input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,106,.12)}
.login button{background:linear-gradient(150deg, var(--gold-soft), var(--gold));color:var(--navy-900);border:0;border-radius:10px;padding:13px;font-size:.94rem;font-weight:600;font-family:inherit;cursor:pointer;transition:.16s;margin-top:4px}
.login button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.login-foot{text-align:center;color:var(--muted-2);font-size:.7rem;margin-top:20px;letter-spacing:.03em}
.login-err{background:rgba(229,115,103,.1);border:1px solid rgba(229,115,103,.3);color:#f0a79e;font-size:.82rem;padding:10px 12px;border-radius:9px;margin-bottom:16px;line-height:1.4}
.login-ok{background:rgba(91,191,147,.1);border:1px solid rgba(91,191,147,.3);color:#9fe0c2;font-size:.84rem;padding:12px;border-radius:9px;margin-bottom:16px;line-height:1.45}

/* ---------- pagina utilizatori ---------- */
.flash{padding:11px 14px;border-radius:10px;font-size:.86rem;margin-bottom:16px}
.flash.ok{background:rgba(91,191,147,.1);border:1px solid rgba(91,191,147,.3);color:#9fe0c2}
.flash.err{background:rgba(229,115,103,.1);border:1px solid rgba(229,115,103,.3);color:#f0a79e}
.btn.primary{background:var(--gold);color:var(--navy-900);border-color:transparent;font-weight:600}
.btn.primary:hover{background:var(--gold-soft);color:var(--navy-900)}
.btn.danger{color:var(--high);border-color:rgba(229,115,103,.3)}
.btn.danger:hover{background:rgba(229,115,103,.12);border-color:var(--high);color:var(--high)}
.uform .urow{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}
.uform .urow > div{display:flex;flex-direction:column}
.uform label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin-bottom:6px}
.uform input[type=text],.uform input[type=password],.pwform input,.accform input{background:var(--navy-900);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 13px;font-size:.9rem;font-family:inherit}
.uadmin{flex-direction:row!important;align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important;font-size:.86rem!important}
.accbox{margin-bottom:14px}
.acclab{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin-bottom:10px}
.accgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:14px}
.accitem{display:flex;align-items:center;gap:9px;background:var(--navy-800);border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:.86rem;cursor:pointer;transition:.12s}
.accitem:hover{border-color:#3c5f8c}
.accitem input{accent-color:var(--gold);width:15px;height:15px}
.user .uhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.uinfo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.uname{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.05rem}
.rbadge{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--navy-800);border:1px solid var(--line);color:var(--muted)}
.rbadge.admin{background:rgba(201,168,106,.14);color:var(--gold);border-color:rgba(201,168,106,.3)}
.rbadge.me{background:rgba(91,191,147,.12);color:var(--ok);border-color:rgba(91,191,147,.3)}
.pwreset{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.pwreset summary{cursor:pointer;color:var(--muted);font-size:.82rem}
.pwform{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}

/* Utilizatori — accordion acces */
.user-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:8px}
.user-acc{padding:0;overflow:hidden}
.user-acc + .user-acc{margin-top:8px}
.user-acc-sum{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;user-select:none
}
.user-acc-sum::-webkit-details-marker{display:none}
.user-acc-sum:hover{background:rgba(255,255,255,.02)}
.user-acc[open] > .user-acc-sum{border-bottom:1px solid var(--line);background:rgba(201,168,106,.04)}
.user-acc-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.user-acc-caret{
  width:8px;height:8px;border-right:2px solid var(--muted-2);border-bottom:2px solid var(--muted-2);
  transform:rotate(-45deg);transition:transform .15s;flex-shrink:0;margin-right:2px
}
.user-acc[open] .user-acc-caret{transform:rotate(45deg)}
.user-acc-title{font-family:'Space Grotesk',sans-serif;font-weight:600}
.user-acc-meta{font-size:.78rem;white-space:nowrap}
.user-acc-body{padding:16px}
.user-acc-actions{display:flex;justify-content:flex-end;margin-bottom:10px}
.u-sec{margin-top:14px}
.u-sec .accgrid{max-height:220px;overflow:auto;padding-right:4px;margin-bottom:0}
.u-count{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--navy-800);border:1px solid var(--line);font-size:.68rem;color:var(--muted);vertical-align:middle}
.u-admin-toggle,.u-content-toggle{margin:10px 0;background:var(--navy-900)!important}
.u-empty{font-size:.85rem;margin:0}
.u-role-hint{font-size:.8rem}
.u-access-stack{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.u-grant-group{
  background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px;padding:12px 14px
}
.u-grant-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.u-grant-title{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.01em
}
.u-grant-hint{font-size:.78rem;margin:0 0 10px}
.u-grant-group .accgrid{max-height:200px;overflow:auto;padding-right:4px;margin-bottom:0}
.u-access-stack.is-client-role .u-ads-block{display:none}
.accform .selctrl,.uform .selctrl{
  background:var(--navy-900);border:1px solid var(--line);border-radius:9px;color:var(--text);
  padding:10px 13px;font-size:.9rem;font-family:inherit;min-width:160px
}

/* logout în sidebar */
.logout{display:flex;align-items:center;gap:9px;color:var(--muted-2);font-size:.8rem;padding:9px 11px;border-radius:9px;transition:.14s;margin-top:6px}
.logout:hover{background:var(--navy-700);color:var(--high)}
.logout svg{width:16px;height:16px}
.user-chip{font-size:.72rem;color:var(--muted);padding:0 11px 6px}

/* ---------- date range picker (calendar) ---------- */
.dp{position:relative;display:inline-block}
.dp-btn{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);color:var(--text);
  padding:9px 13px;border-radius:10px;font-family:inherit;font-size:.86rem;cursor:pointer;transition:.14s}
.dp-btn:hover{border-color:#3c5f8c}
.dp-btn .dp-label{font-weight:500;font-variant-numeric:tabular-nums}
.dp-btn svg{color:var(--gold)}
.dp-caret{color:var(--muted-2)!important}
.dp-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:50;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:14px;box-shadow:0 24px 60px -24px rgba(0,0,0,.7);width:300px}
.dp-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
.dp-presets button{background:var(--navy-800);border:1px solid var(--line);color:var(--muted);border-radius:8px;
  padding:7px 4px;font-size:.74rem;font-family:inherit;cursor:pointer;transition:.12s}
.dp-presets button:hover{border-color:var(--gold);color:var(--gold)}
.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dp-nav button{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:8px;width:30px;height:30px;
  font-size:1.1rem;line-height:1;cursor:pointer;transition:.12s}
.dp-nav button:hover{border-color:var(--gold);color:var(--gold)}
.dp-title{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.9rem}
.dp-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}
.dp-dow span{text-align:center;font-size:.66rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em;padding:4px 0}
.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.dp-empty{height:34px}
.dp-day{height:34px;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:.82rem;cursor:pointer;
  border-radius:8px;transition:.1s;font-variant-numeric:tabular-nums}
.dp-day:hover:not(.is-disabled){background:var(--navy-700)}
.dp-day.in-range{background:rgba(201,168,106,.12);border-radius:0}
.dp-day.is-sel{background:var(--gold);color:var(--navy-900);font-weight:600}
.dp-day.is-start{border-radius:8px 0 0 8px}
.dp-day.is-end{border-radius:0 8px 8px 0}
.dp-day.is-start.is-end{border-radius:8px}
.dp-day.is-today:not(.is-sel){box-shadow:inset 0 0 0 1px var(--line)}
.dp-day.is-disabled{color:#3a4d6b;cursor:default}
.dp-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.dp-hint{font-size:.74rem;color:var(--muted-2)}
.dp-apply{background:var(--gold);color:var(--navy-900);border:0;border-radius:8px;padding:8px 16px;font-weight:600;font-size:.84rem;font-family:inherit;cursor:pointer;transition:.14s}
.dp-apply:hover{background:var(--gold-soft)}
.dp-scrim{display:none}

@media (max-width:820px){
  .dp{position:static}
  .dp-scrim{
    display:block;position:fixed;inset:0;z-index:90;background:rgba(4,10,20,.55)
  }
  .dp-scrim[hidden]{display:none!important}
  .dp-pop{
    position:fixed;left:50%;top:50%;right:auto;transform:translate(-50%,-50%);
    width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;
    z-index:100;box-shadow:0 28px 80px rgba(0,0,0,.55)
  }
  .dp-presets{grid-template-columns:repeat(2,1fr)}
  .dp-day,.dp-empty{height:40px}
  .dp-day{font-size:.9rem}
  .dp-apply{padding:10px 18px;width:100%}
  .dp-actions{flex-direction:column;align-items:stretch}
  body.dp-open{overflow:hidden}
}

/* ---------- pagina conturi (ținte ROAS) ---------- */
.hint-text{color:var(--muted);font-size:.86rem;line-height:1.5;margin:-2px 0 16px}
.acctargets{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.atrow{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--navy-800);border:1px solid var(--line);border-radius:11px;padding:12px 15px}
.atname{font-weight:600;font-size:.95rem;display:flex;flex-direction:column;gap:2px}
.atid{font-weight:400;font-size:.72rem;color:var(--muted-2);font-variant-numeric:tabular-nums}
.atinput{display:flex;align-items:center;gap:10px}
.atinput label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}
.atinput input{width:90px;background:var(--navy-900);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:9px 12px;font-size:.95rem;font-family:'Space Grotesk',sans-serif;font-weight:600;text-align:center}
.atinput input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,106,.12)}

/* ---------- pagina stats ---------- */
.acctbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.acctbar-lab{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin-right:2px}
.acctchip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:7px 13px;font-size:.84rem;cursor:pointer;transition:.12s}
.acctchip:hover{border-color:#3c5f8c}
.acctchip input{accent-color:var(--gold);width:14px;height:14px}
.acctchip:has(input:checked){border-color:var(--gold);background:rgba(201,168,106,.08)}
.statshead{font-size:.88rem;color:var(--muted);margin-bottom:16px}
.statshead b{color:var(--text)}
.dpill{font-size:.74rem;font-weight:600;font-variant-numeric:tabular-nums}
.dpill.d-up{color:var(--ok)} .dpill.d-down{color:var(--high)} .dpill.d-flat{color:var(--muted-2)}
.legend{display:flex;gap:16px;margin:-4px 0 10px}
.legend span{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;color:var(--muted)}
.legend i{width:11px;height:3px;border-radius:2px;display:inline-block}
.chartbox{position:relative;width:100%;height:230px}
.chart{width:100%;height:230px;display:block;overflow:visible}
.chart .cg{stroke:var(--line);stroke-width:1}
.chart .cgl{fill:var(--muted-2);font-size:10px;font-family:'Inter',sans-serif}
.chart .cguide{stroke:var(--gold);stroke-width:1;stroke-dasharray:3 3;opacity:.6}
.ctip{position:absolute;top:6px;background:var(--navy-900);border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:.78rem;pointer-events:none;box-shadow:0 10px 30px -10px rgba(0,0,0,.7);min-width:120px;z-index:5}
.ctip .ctd{font-weight:600;margin-bottom:5px;color:var(--text)}
.ctip .ctr{color:var(--muted);display:flex;align-items:center;gap:7px;line-height:1.7}
.ctip .ctr b{color:var(--text);font-variant-numeric:tabular-nums}
.ctip .cdot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 8px}

/* ---------- campanii expandabile ---------- */
.chint{font-size:.8rem;color:var(--muted-2);margin:-6px 0 12px}
.crow{cursor:default}
.sdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px;vertical-align:middle}
.sdot-ok{background:var(--ok)} .sdot-warn{background:var(--gold)} .sdot-bad{background:var(--high)}
.tbadge{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:6px;margin-left:8px;border:1px solid var(--line);color:var(--muted);vertical-align:middle}
.tbadge.t-principala{color:#9fb4ff;border-color:rgba(120,150,255,.3)}
.tbadge.t-rtg{color:var(--gold);border-color:rgba(201,168,106,.3)}
.tbadge.t-teste{color:var(--ok);border-color:rgba(91,191,147,.3)}
.cexpcell{width:34px;text-align:center!important}
.cexpand{background:transparent;border:1px solid var(--line);color:var(--muted);width:26px;height:26px;border-radius:7px;cursor:pointer;font-size:.8rem;line-height:1;transition:.14s}
.cexpand:hover{border-color:var(--gold);color:var(--gold)}
.cexpand.open{transform:rotate(180deg);border-color:var(--gold);color:var(--gold)}
.cdetail > td{padding:0!important;border-bottom:1px solid #1f3554}
.cdwrap{padding:14px 10px 18px;display:flex;flex-direction:column;gap:14px}
.crec{border-left:3px solid var(--line);border-radius:8px;padding:11px 14px;background:var(--navy-800)}
.crec-ok{border-left-color:var(--ok)} .crec-warn{border-left-color:var(--gold)} .crec-bad{border-left-color:var(--high)}
.crh{font-weight:600;font-size:.9rem;margin-bottom:3px}
.crec-ok .crh{color:var(--ok)} .crec-warn .crh{color:var(--gold)} .crec-bad .crh{color:var(--high)}
.cra{font-size:.84rem;color:var(--muted);line-height:1.5}
.cdaily .dtitle{font-size:.8rem;color:var(--muted-2);margin-bottom:9px}
.dscroll{overflow-x:auto}
.dtable{font-size:.78rem;min-width:520px}
.dtable th{padding:6px 9px}
.dtable td{padding:7px 9px}
.dtable td:first-child,.dtable th:first-child{color:var(--muted);font-weight:500;white-space:nowrap}
.dnote{font-size:.72rem;color:var(--muted-2);margin-top:8px}

/* ---------- badge platformă ---------- */
.pbadge{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:6px;margin-left:8px;vertical-align:middle;border:1px solid transparent;font-weight:600}
.pbadge.pg{color:#7ab0ff;background:rgba(66,133,244,.12);border-color:rgba(66,133,244,.35)}
.pbadge.pm{color:#9aa7ff;background:rgba(120,140,255,.10);border-color:rgba(120,140,255,.30)}

/* selector client (Statistici) */
.selctrl{background:var(--navy-800);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 13px;font-size:.9rem;font-family:inherit;cursor:pointer;min-width:160px}
.selctrl:focus{outline:none;border-color:var(--gold)}
.dtable.big{font-size:.9rem;min-width:640px}
.dtable.big td:first-child,.dtable.big th:first-child{color:var(--text)}

/* zebra + hover pe tabelele pe zile (urmărire mai ușoară a rândului) */
.dtable tbody tr:nth-child(even){background:rgba(255,255,255,.05)}
.dtable tbody tr:hover{background:rgba(201,168,106,.10)}

/* ---- meniu: secțiuni + sub-clienți ---- */
.nav-sec{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin:16px 14px 5px;font-weight:600}
.nav a.child{padding-left:30px;font-size:.92rem}
.nav a.child svg{width:15px;height:15px;opacity:.75}

/* ---- bandă status client (doar admin) ---- */
.statusband{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--navy-800);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:.82rem}
.statusband .sbtitle{color:var(--muted);font-weight:600}
.statusband .src{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:7px;border:1px solid var(--line)}
.statusband .src.on{color:var(--ok);border-color:rgba(91,191,147,.3);background:rgba(91,191,147,.08)}
.statusband .src.off{color:var(--gold);border-color:rgba(201,168,106,.3);background:rgba(201,168,106,.08)}
.statusband .sbsync{color:var(--muted-2);margin-left:auto}

/* ---- Administrare campanii Google ---- */
.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.panelhead h3{margin-bottom:0}
.phactions{display:flex;gap:8px}
.btn.gold{background:var(--gold);color:var(--navy-900);border-color:transparent;font-weight:600}
.btn.gold:hover{background:var(--gold-soft);color:var(--navy-900)}
.stpill{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}
.stpill.on{background:rgba(126,196,150,.14);color:var(--ok,#7ec496)}
.stpill.off{background:rgba(160,170,190,.14);color:var(--muted,#9aa4b8)}

/* pagina „Administrare campanii Google" — mai lată + tabel compact */
.content:has(#gAccount){max-width:1520px}
.dtable.big.compact{min-width:0;font-size:.82rem}
.dtable.big.compact th,.dtable.big.compact td{padding:6px 8px;white-space:nowrap}
.dtable tfoot tr.total td{font-weight:700;border-top:2px solid var(--line);background:var(--surface-2)}
.dtable tfoot tr.total td:first-child{color:var(--text)}
/* restrângere tabele (10-12 linii + „vezi mai mult") */
.dtable.collapsed tbody tr:nth-child(n+13){display:none}
.morewrap{text-align:center;margin-top:10px}
.morebtn{font-size:.82rem}
/* nume produs/campanie trunchiat + filtru produse */
.dtable .pname{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;margin:0 0 14px;font-size:.84rem}
.filterbar .flab{color:var(--muted);font-weight:600}
.filterbar label{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.filterbar input[type=number]{width:74px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:5px 8px;font-size:.84rem}
.filterbar input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px}
.dtable .pcode{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}
.dtable .pname .pcat{display:block;font-size:.72rem;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* generator campanie Search din brief */
.briefta{width:100%;min-height:280px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;resize:vertical}
.flash.ok{background:rgba(126,196,150,.12);border:1px solid rgba(126,196,150,.35);color:var(--ok,#7ec496);padding:9px 12px;border-radius:9px}
.cprev-head{display:flex;gap:28px;flex-wrap:wrap;margin:14px 0 4px}
.cprev-head .big{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1rem;margin-top:2px}
.grpcard{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:12px;background:var(--surface-2)}
.grptitle{font-family:'Space Grotesk',sans-serif;font-weight:600;margin-bottom:8px}
.kwwrap{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.kwchip{font-size:.76rem;padding:2px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.kwchip.kw-exact{background:rgba(126,196,150,.12);border-color:rgba(126,196,150,.3)}
.kwchip.kw-phrase{background:rgba(224,178,94,.12);border-color:rgba(224,178,94,.3)}
.kwchip.kw-broad{background:rgba(160,170,190,.10)}
.adcols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.adlab{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.adlist{list-style:none;margin:0;padding:0}
.adlist li{font-size:.84rem;padding:3px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}
.adlist li.bad{color:var(--high,#e57367)}
.adlist .cc{color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:700px){.adcols{grid-template-columns:1fr}}

/* selector tip campanie */
.ctype-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:6px}
.ctype{display:block;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface-2);text-decoration:none;color:var(--text);transition:.14s}
a.ctype:hover{border-color:var(--gold);transform:translateY(-1px)}
.ctype-t{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.02rem;margin-bottom:5px}
.ctype-d{font-size:.83rem;color:var(--muted);line-height:1.45}
.ctype-go{margin-top:10px;font-size:.83rem;color:var(--gold);font-weight:600}
.ctype.disabled{opacity:.45;pointer-events:none}

/* builder */
.cform{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 18px}
.cform label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:var(--muted);font-weight:600}
.cform input,.cform select{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:9px 11px;font-size:.9rem;font-weight:400}
.grpcard .grphead{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.grphead .gname{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:9px 11px;font-size:.95rem;font-weight:600;font-family:'Space Grotesk',sans-serif}
.gcols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:760px){.gcols{grid-template-columns:1fr}}
.gkw{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;resize:vertical}
.kwprev{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.adrow{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.adrow input{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:7px 10px;font-size:.86rem}
.adrow.bad input{border-color:var(--high,#e57367)}
.adrow .cc{color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}
.adrow.bad .cc{color:var(--high,#e57367)}
.btn.sm{padding:5px 10px;font-size:.78rem}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted);padding:5px 8px}
.btn.ghost:hover{color:var(--high,#e57367);border-color:transparent}
.briefimp{margin-top:14px;border:1px dashed var(--line);border-radius:10px;padding:10px 14px}
.briefimp summary{cursor:pointer;font-size:.85rem;color:var(--muted)}
.actionbar{position:sticky;bottom:0;margin-top:18px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 -4px 16px rgba(0,0,0,.15)}
.valsum{font-size:.86rem}
.valsum .ok{color:var(--ok,#7ec496);font-weight:600}
.valsum .err{color:var(--high,#e57367);font-weight:600}
.valsum .warn{color:var(--gold)}
#addGroup{margin-top:12px}
.cform .fullrow{grid-column:1/-1}
.kwchip.kw-neg{background:rgba(229,115,103,.12);border-color:rgba(229,115,103,.35);color:var(--high,#e57367)}
.negprev{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}

/* topbar + selector global de client */
.topbar{display:flex;justify-content:flex-end;align-items:center;margin:-6px 0 18px}
.client-switch{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:7px 10px 7px 14px}
.client-switch .cs-lab{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.client-switch select{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:6px 10px;font-size:.9rem;font-weight:600;font-family:'Space Grotesk',sans-serif;cursor:pointer}
.client-label{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:8px 14px;font-weight:600}
.client-label .muted{font-weight:400}