﻿
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#F4F3EF;
  --white:#FFFFFF;
  --surface:#FAFAF8;
  --border:#E6E4DE;
  --border2:#CCCAC2;
  --text:#18181A;
  --text2:#6B6A66;
  --text3:#A8A69E;
  --ink:#111111;
  --blue:#2563EB;
  --blue-bg:#EFF4FF;
  --blue-t:#1D4ED8;
  --green:#16A34A;
  --green-bg:#F0FDF4;
  --green-t:#15803D;
  --amber:#D97706;
  --amber-bg:#FFFBEB;
  --amber-t:#B45309;
  --red:#DC2626;
  --red-bg:#FEF2F2;
  --red-t:#B91C1C;
  --purple:#7C3AED;
  --purple-bg:#F5F3FF;
  --purple-t:#6D28D9;
  --r:8px;
  --r2:12px;
  --r3:16px;
}
body{font-family:'Geist',sans-serif;background:var(--bg);color:var(--text);font-size:13px;line-height:1.5;min-height:100vh}
.app{display:grid;grid-template-columns:210px 1fr;min-height:100vh}

.sidebar{background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column}
.logo-area{padding:18px 16px 14px;border-bottom:1px solid var(--border)}
.logo-row{display:flex;align-items:center;gap:9px}
.logo-mark{width:30px;height:30px;background:var(--ink);border-radius:8px;display:flex;align-items:center;justify-content:center}
.logo-mark i{color:#fff;font-size:15px}
.logo-name{font-size:14px;font-weight:600;letter-spacing:-.4px}
.logo-tag{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace}
nav{padding:10px 10px;flex:1;display:flex;flex-direction:column;gap:1px}
.nav-group{font-size:10px;color:var(--text3);letter-spacing:.5px;padding:10px 6px 4px;font-family:'Geist Mono',monospace}
.nav-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--r);color:var(--text2);font-size:13px;cursor:pointer;transition:all .12s;user-select:none}
.nav-item:hover{background:var(--bg);color:var(--text)}
.nav-item.active{background:var(--ink);color:#fff}
.nav-item.active i{color:#fff!important}
.nav-item i{font-size:15px;color:var(--text3);transition:color .12s}
.nav-item:hover i{color:var(--text)}
.nb{margin-left:auto;font-size:10px;font-family:'Geist Mono',monospace;padding:1px 5px;border-radius:4px;font-weight:500}
.nb-err{background:var(--red-bg);color:var(--red-t)}
.nb-ok{background:var(--green-bg);color:var(--green-t)}
.sidebar-foot{padding:10px;border-top:1px solid var(--border)}
.user-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--r);cursor:pointer;transition:background .12s}
.user-row:hover{background:var(--bg)}
.avi{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.user-name{font-size:12px;font-weight:500}
.user-plan{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace}

.main{display:flex;flex-direction:column;overflow:hidden}
.topbar{background:var(--white);border-bottom:1px solid var(--border);padding:13px 24px;display:flex;align-items:center;justify-content:space-between}
.page-title{font-size:15px;font-weight:600;letter-spacing:-.3px}
.page-bc{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace;margin-top:1px}
.tb-right{display:flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--r);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--text);font-family:'Geist',sans-serif;transition:all .12s;white-space:nowrap}
.btn:hover{background:var(--bg);border-color:var(--border2)}
.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-primary:hover{background:#2a2a2e;border-color:#2a2a2e}
.btn-blue{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-blue:hover{background:#1d4ed8;border-color:#1d4ed8}
.btn i{font-size:14px}
.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);border:1px solid var(--border);background:var(--white);color:var(--text2);cursor:pointer;transition:all .12s;position:relative}
.icon-btn:hover{background:var(--bg);color:var(--text)}
.icon-btn i{font-size:15px}
.notif-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--red);border:1.5px solid var(--white)}

.page{padding:22px 24px;flex:1;overflow:auto;display:none}
.page.active{display:block}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.kpi{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:14px 16px}
.kpi-label{font-size:11px;color:var(--text2);font-family:'Geist Mono',monospace}
.kpi-val{font-size:26px;font-weight:600;letter-spacing:-1.2px;margin:4px 0 3px}
.kpi-sub{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:4px}
.up{color:var(--green)}.dn{color:var(--red)}

.two-col{display:grid;grid-template-columns:1fr 300px;gap:14px;margin-bottom:20px}
.panel{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}
.panel-head{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.panel-title{font-size:13px;font-weight:500}
.panel-link{font-size:11px;color:var(--blue);cursor:pointer;font-weight:500}
.panel-link:hover{text-decoration:underline}

table{width:100%;border-collapse:collapse}
th{font-size:10px;font-family:'Geist Mono',monospace;color:var(--text3);padding:9px 14px;text-align:left;border-bottom:1px solid var(--border);letter-spacing:.2px}
td{padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;vertical-align:middle}
tr:last-child td{border-bottom:none}
tr:hover td{background:var(--bg)}
.car-row{display:flex;align-items:center;gap:10px}
.car-ico{width:38px;height:28px;border-radius:5px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.car-name{font-size:12px;font-weight:500}
.car-meta{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace;margin-top:1px}
.price{font-family:'Geist Mono',monospace;font-size:12px;font-weight:500}
.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:500;font-family:'Geist Mono',monospace}
.b-pub{background:var(--green-bg);color:var(--green-t)}
.b-draft{background:var(--bg);color:var(--text3);border:1px solid var(--border)}
.b-sold{background:var(--purple-bg);color:var(--purple-t)}
.b-err{background:var(--red-bg);color:var(--red-t)}
.b-warn{background:var(--amber-bg);color:var(--amber-t)}
.b-blue{background:var(--blue-bg);color:var(--blue-t)}
.pi-row{display:flex;gap:3px}
.pi{width:22px;height:16px;border-radius:3px;font-size:9px;font-weight:600;font-family:'Geist Mono',monospace;display:flex;align-items:center;justify-content:center}
.pi-ok{background:var(--green-bg);color:var(--green-t)}
.pi-fail{background:var(--red-bg);color:var(--red-t)}
.pi-off{background:var(--bg);color:var(--text3)}
.row-btn{font-size:11px;padding:4px 8px;border-radius:5px;border:1px solid var(--border);background:transparent;cursor:pointer;font-family:'Geist',sans-serif;color:var(--text2);transition:all .12s}
.row-btn:hover{background:var(--bg);color:var(--text)}

.act-list{padding:4px 0}
.act-row{display:flex;align-items:flex-start;gap:10px;padding:9px 16px;transition:background .12s}
.act-row:hover{background:var(--bg)}
.act-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.act-icon i{font-size:13px}
.ai-green{background:var(--green-bg);color:var(--green)}
.ai-red{background:var(--red-bg);color:var(--red)}
.ai-blue{background:var(--blue-bg);color:var(--blue)}
.ai-amber{background:var(--amber-bg);color:var(--amber)}
.act-txt{font-size:12px;color:var(--text2);line-height:1.5}
.act-txt b{color:var(--text);font-weight:500}
.act-time{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace;margin-top:1px}

.plat-row{display:flex;align-items:center;gap:10px;padding:10px 16px;transition:background .12s;cursor:pointer}
.plat-row:hover{background:var(--bg)}
.plat-logo{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:'Geist Mono',monospace;flex-shrink:0}
.pl-bl{background:#E8F0FE;color:#1D4ED8}
.pl-tr{background:#FFF7ED;color:#C2410C}
.pl-wk{background:#F0FDFA;color:#0D9488}
.pp-card{cursor:pointer}
.pp-check-input{position:absolute;opacity:0}
label.pp-card{display:block}
.pl-off{background:var(--bg);color:var(--text3);border:1px solid var(--border)}
.pip{width:7px;height:7px;border-radius:50%}
.pip-on{background:var(--green)}
.pip-off{background:var(--border2)}
.pip-warn{background:var(--amber)}
.pip-err{background:var(--red)}

.bar-chart{padding:14px 16px}
.bars-wrap{display:flex;align-items:flex-end;gap:4px;height:80px}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}
.bar-stacks{display:flex;align-items:flex-end;gap:1px;height:70px;width:100%}
.b1{flex:1;border-radius:3px 3px 0 0;background:var(--ink)}
.b2{flex:1;border-radius:3px 3px 0 0;background:var(--border2)}
.bar-day{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace}
.chart-leg{display:flex;gap:14px;margin-top:10px}
.leg{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2)}
.leg-dot{width:8px;height:8px;border-radius:2px}

.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mini-list{display:flex;flex-direction:column;gap:4px;padding:14px 16px}
.mini-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0}
.mini-label{color:var(--text2);flex:1}
.mini-bar-wrap{width:80px;height:4px;background:var(--bg);border-radius:2px}
.mini-bar-fill{height:4px;border-radius:2px;background:var(--ink)}
.mini-val{font-family:'Geist Mono',monospace;font-size:11px;color:var(--text);width:36px;text-align:right}

.stat-full{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.stat-big{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:18px 20px}
.stat-big-label{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace}
.stat-big-val{font-size:32px;font-weight:600;letter-spacing:-1.5px;margin:6px 0 3px}
.stat-big-sub{font-size:12px;color:var(--text2)}
.sparkline{height:36px;margin-top:10px;display:flex;align-items:flex-end;gap:3px}
.spark-bar{flex:1;border-radius:2px 2px 0 0;background:var(--border);transition:background .2s}
.spark-bar.hi{background:var(--ink)}

.settings-grid{display:grid;grid-template-columns:180px 1fr;gap:20px}
.s-nav{display:flex;flex-direction:column;gap:2px}
.s-nav-item{padding:7px 10px;border-radius:var(--r);font-size:13px;color:var(--text2);cursor:pointer;transition:all .12s}
.s-nav-item:hover{background:var(--bg);color:var(--text)}
.s-nav-item.active{background:var(--bg);color:var(--text);font-weight:500}
.settings-section{display:flex;flex-direction:column;gap:12px}
.setting-row{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.setting-label{font-size:13px;font-weight:500;margin-bottom:3px}
.setting-desc{font-size:12px;color:var(--text2)}
.toggle{position:relative;width:36px;height:20px;display:inline-block;cursor:pointer}
.toggle input{opacity:0;width:0;height:0;position:absolute}
.ttrack{position:absolute;inset:0;background:var(--border2);border-radius:10px;transition:background .2s}
.toggle input:checked+.ttrack{background:var(--ink)}
.tthumb{position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}
.toggle input:checked~.tthumb{transform:translateX(16px)}

.log-row{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);align-items:center;font-size:12px}
.log-row:last-child{border-bottom:none}
.log-time{font-family:'Geist Mono',monospace;font-size:10px;color:var(--text3);width:65px}
.log-method{font-family:'Geist Mono',monospace;font-size:10px;font-weight:600;padding:2px 5px;border-radius:3px;flex-shrink:0}
.m-post{background:var(--blue-bg);color:var(--blue-t)}
.m-get{background:var(--green-bg);color:var(--green-t)}
.m-del{background:var(--red-bg);color:var(--red-t)}
.log-path{font-family:'Geist Mono',monospace;font-size:11px;flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.log-status{font-family:'Geist Mono',monospace;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;flex-shrink:0}
.s200{background:var(--green-bg);color:var(--green-t)}
.s429{background:var(--amber-bg);color:var(--amber-t)}
.s500{background:var(--red-bg);color:var(--red-t)}
.log-ms{font-family:'Geist Mono',monospace;font-size:10px;color:var(--text3);width:46px;text-align:right}

.search-bar{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:0 12px;height:34px;margin-bottom:14px}
.search-bar i{font-size:15px;color:var(--text3)}
.search-bar input{border:none;background:transparent;font-size:13px;color:var(--text);font-family:'Geist',sans-serif;outline:none;flex:1}
.search-bar input::placeholder{color:var(--text3)}
.filter-row{display:flex;gap:7px;margin-bottom:14px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid var(--border);font-size:12px;cursor:pointer;color:var(--text2);font-family:'Geist',sans-serif;background:var(--white);transition:all .12s}
.chip:hover{border-color:var(--border2);color:var(--text)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip i{font-size:13px}

/* â”€â”€ NY ANNONS â€“ WIZARD â”€â”€ */
.wizard-wrap{max-width:780px}
.steps-bar{display:flex;align-items:center;gap:0;margin-bottom:28px;background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:4px;position:relative}
.step-item{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;border-radius:var(--r);font-size:12px;font-weight:500;color:var(--text3);cursor:pointer;transition:all .2s;position:relative;text-align:center}
.step-item.done{color:var(--green-t);background:var(--green-bg)}
.step-item.active{background:var(--ink);color:#fff}
.step-item.active i{color:#fff}
.step-num{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:'Geist Mono',monospace;flex-shrink:0}
.step-item.done .step-num{background:var(--green-t);border-color:var(--green-t);color:#fff}
.step-item.active .step-num{background:#fff;color:var(--ink);border-color:#fff}

.step-panel{display:none}
.step-panel.active{display:block}

.reg-lookup{background:var(--white);border:1px solid var(--border);border-radius:var(--r3);padding:28px;margin-bottom:16px}
.vehicle-lookup-controls.vehicle-lookup--disabled{opacity:.62;background:var(--bg);border-radius:var(--r2);padding:12px;margin-bottom:12px}
.vehicle-lookup-controls.vehicle-lookup--disabled .reg-input,.vehicle-lookup-controls.vehicle-lookup--disabled .reg-plate,.vehicle-lookup-controls.vehicle-lookup--disabled input,.vehicle-lookup-controls.vehicle-lookup--disabled button{background:var(--bg2);color:var(--text3);cursor:not-allowed}
[data-vehicle-lookup].vehicle-lookup--disabled:not(.vehicle-lookup-controls){opacity:.62}
[data-vehicle-lookup].vehicle-lookup--disabled:not(.vehicle-lookup-controls) input,[data-vehicle-lookup].vehicle-lookup--disabled:not(.vehicle-lookup-controls) button{background:var(--bg2);color:var(--text3);cursor:not-allowed}
.vehicle-lookup-disabled-hint{color:var(--text2);margin-top:8px}
.valuation-lookup-controls.valuation-lookup--disabled{opacity:.62}
.valuation-lookup-controls.valuation-lookup--disabled button{background:var(--bg2);color:var(--text3);cursor:not-allowed}
.valuation-lookup-disabled-hint{color:var(--text2);margin-top:6px}
.reg-input-row{display:flex;gap:10px;align-items:center;margin-bottom:20px}
.reg-input{flex:1;background:var(--bg);border:2px solid var(--border);border-radius:var(--r);padding:12px 16px;font-size:22px;font-weight:600;font-family:'Geist Mono',monospace;color:var(--text);outline:none;letter-spacing:4px;text-transform:uppercase;text-align:center;transition:border-color .2s}
.reg-input:focus{border-color:var(--blue);background:var(--white)}
.reg-plate{background:var(--ink);color:#fff;border-radius:var(--r);padding:10px 16px;font-size:11px;font-weight:600;font-family:'Geist Mono',monospace;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.reg-plate i{font-size:13px}
.or-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text3);font-size:12px}
.or-divider::before,.or-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.lookup-result{background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);padding:16px;display:none}
.lookup-result.show{display:block}
.lr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lr-item{display:flex;flex-direction:column;gap:3px}
.lr-label{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace}
.lr-val{font-size:13px;font-weight:500;color:var(--text)}
.lookup-note{font-size:11px;color:var(--green-t);display:flex;align-items:center;gap:5px;margin-bottom:12px}
.lookup-note i{font-size:13px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-full{grid-column:1/-1}
.field label{display:block;font-size:11px;color:var(--text2);margin-bottom:5px;font-family:'Geist Mono',monospace}
.field input,.field select,.field textarea{width:100%;background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:8px 10px;font-size:13px;color:var(--text);font-family:'Geist',sans-serif;outline:none;transition:border-color .12s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}
.field textarea{resize:vertical;min-height:90px}
.sect{font-size:12px;font-weight:600;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}
.sect i{font-size:14px;color:var(--text3)}

.img-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.img-slot{border-radius:var(--r2);border:1.5px dashed var(--border2);aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:var(--bg);position:relative;overflow:hidden}
.img-slot:hover{border-color:var(--blue);background:var(--blue-bg)}
.img-slot.has-img{border-style:solid;border-color:var(--border)}
.img-slot i{font-size:20px;color:var(--text3)}
.img-slot p{font-size:11px;color:var(--text3);margin-top:4px}
.img-thumb{position:absolute;inset:0;object-fit:cover;border-radius:calc(var(--r2) - 2px)}
.img-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .15s;border-radius:calc(var(--r2) - 2px)}
.img-slot:hover .img-overlay{opacity:1}
.img-overlay-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 9px;border-radius:6px;font-size:11px;cursor:pointer;font-family:'Geist',sans-serif;display:flex;align-items:center;gap:4px;transition:background .12s}
.img-overlay-btn:hover{background:rgba(255,255,255,.25)}
.img-overlay-btn i{font-size:13px}
.ai-banner{background:linear-gradient(135deg,#EFF4FF,#F5F3FF);border:1px solid #C7D2FE;border-radius:var(--r2);padding:12px 16px;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ai-banner i{font-size:18px;color:var(--purple)}
.ai-banner-text{flex:1;font-size:12px;color:var(--text2)}
.ai-banner-text b{color:var(--text);font-weight:500}

.desc-area{position:relative}
.desc-area textarea{min-height:110px;padding-right:100px}
.desc-gen-btn{position:absolute;bottom:10px;right:10px;background:var(--ink);color:#fff;border:none;padding:6px 11px;border-radius:6px;font-size:11px;cursor:pointer;font-family:'Geist',sans-serif;font-weight:500;display:flex;align-items:center;gap:5px;transition:background .12s}
.desc-gen-btn:hover{background:#2a2a2e}
.desc-gen-btn i{font-size:13px}

.price-section{background:var(--white);border:1px solid var(--border);border-radius:var(--r3);padding:20px;margin-bottom:14px}
.price-hero{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.price-input-wrap{flex:1}
.price-input-wrap label{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace;display:block;margin-bottom:6px}
.price-big{display:flex;align-items:center;gap:8px}
.price-big input{flex:1;font-size:24px;font-weight:600;font-family:'Geist Mono',monospace;border:1.5px solid var(--border);border-radius:var(--r);padding:10px 14px;color:var(--text);background:var(--bg);outline:none;letter-spacing:-.5px}
.price-big input:focus{border-color:var(--blue);background:var(--white)}
.price-big span{font-size:16px;color:var(--text3);font-weight:500}
.price-rec{background:var(--green-bg);border:1px solid #BBF7D0;border-radius:var(--r);padding:12px 14px;min-width:180px;text-align:center}
.price-rec-label{font-size:10px;color:var(--green-t);font-family:'Geist Mono',monospace}
.price-rec-val{font-size:20px;font-weight:600;color:var(--green-t);letter-spacing:-.5px;margin:2px 0}
.price-rec-sub{font-size:11px;color:var(--green);display:flex;align-items:center;gap:3px;justify-content:center}
.price-chart-wrap{position:relative}
.price-chart-label{font-size:11px;color:var(--text2);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.price-chart-label span{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace}
.price-chart-canvas{position:relative;height:130px;width:100%;overflow:hidden}
.price-chart-canvas canvas{display:block;width:100%!important;height:100%!important;max-height:130px}
.price-chart-legend{display:flex;gap:14px;margin-top:8px}
.price-range-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.pr-stat{text-align:center}
.pr-stat-label{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace}
.pr-stat-val{font-size:14px;font-weight:600;letter-spacing:-.3px;margin-top:2px}
.pr-low{color:var(--red-t)}
.pr-high{color:var(--green-t)}
.pr-avg{color:var(--blue-t)}
.pr-pickable{cursor:pointer;border-radius:var(--r);padding:6px 8px;transition:background .12s}
.pr-pickable:hover{background:var(--blue-bg)}
.field-hint{font-size:11px;color:var(--text3);margin:4px 0 0}

.price-pick-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}
.price-pick-chip{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r2);padding:10px 8px;cursor:pointer;text-align:center;transition:all .15s;font-family:inherit}
.price-pick-chip:disabled{opacity:.45;cursor:not-allowed}
.price-pick-chip:not(:disabled):hover{border-color:var(--blue);background:var(--blue-bg)}
.price-pick-chip.is-active{border-color:var(--blue);background:var(--blue-bg);box-shadow:0 0 0 1px var(--blue)}
.price-pick-chip.price-pick-rec:not(:disabled).is-active{border-color:var(--green);background:var(--green-bg)}
.ppc-label{display:block;font-size:9px;color:var(--text3);font-family:'Geist Mono',monospace;text-transform:uppercase;letter-spacing:.04em}
.ppc-val{display:block;font-size:12px;font-weight:600;margin-top:4px;color:var(--text)}

.automation-section{background:var(--white);border:1px solid var(--border);border-radius:var(--r3);padding:20px;margin-bottom:14px}
.expire-renew-callout{display:flex;gap:12px;padding:12px 14px;background:var(--amber-bg);border:1px solid #FDE68A;border-radius:var(--r2);font-size:12px;color:var(--amber-t);margin-top:12px}
.expire-renew-callout i{font-size:20px;flex-shrink:0;margin-top:2px}
.expire-renew-callout p{margin:4px 0 0;color:var(--text2);line-height:1.45}
.expire-renew-callout strong{color:var(--amber-t)}
.expire-renew-channel-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.expire-renew-summary{margin-top:14px}
.auto-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;color:var(--text2)}
.auto-toggle input{margin-top:3px;accent-color:var(--blue)}
.auto-panel{padding-left:4px}

.equip-search-wrap{position:relative;margin-bottom:12px}
.equip-search-wrap i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:15px}
.equip-search-wrap input{width:100%;padding:8px 10px 8px 34px;border:1px solid var(--border);border-radius:var(--r);font-size:13px}
.equip-categories{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding-right:4px}
.equip-cat{border:1px solid var(--border);border-radius:var(--r2);background:var(--bg)}
.equip-cat-title{font-size:12px;font-weight:600;padding:10px 12px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.equip-cat-title::-webkit-details-marker{display:none}
.equip-cat-count{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace;font-weight:400}
.equip-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:0 12px 12px}
@media(min-width:900px){.equip-check-grid{grid-template-columns:repeat(3,1fr)}}
.equip-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text2);cursor:pointer;padding:6px 8px;border-radius:var(--r);transition:background .1s}
.equip-check:hover{background:var(--white)}
.equip-check input{margin-top:2px;accent-color:var(--blue);flex-shrink:0}
.equip-check.is-hidden{display:none}

.upload-zone-wrap{margin-top:4px}
.upload-zone{border:2px dashed var(--border2);border-radius:var(--r3);padding:28px 20px;text-align:center;background:linear-gradient(180deg,var(--bg) 0%,var(--white) 100%);transition:border-color .15s,background .15s}
.upload-zone:not(.is-disabled){cursor:pointer}
.upload-zone:not(.is-disabled).drag-over{border-color:var(--blue);background:var(--blue-bg)}
.upload-zone.is-disabled{opacity:.65;cursor:not-allowed}
.upload-zone-icon{font-size:36px;color:var(--blue);margin-bottom:8px}
.upload-zone-title{font-size:14px;font-weight:600;margin-bottom:4px}
.upload-zone-sub{font-size:12px;color:var(--text3);margin-bottom:12px}
.upload-meta{display:flex;align-items:center;justify-content:space-between;margin:10px 0;font-size:12px;color:var(--text2)}
.img-slot .img-badge{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.65);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-family:'Geist Mono',monospace;z-index:2}
.img-badge-ai{left:auto;right:6px;background:var(--green);font-size:9px}
.img-plate-blur{position:absolute;left:0;right:0;bottom:0;height:24%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.08);pointer-events:none;z-index:1}
.img-auto-blurred .img-thumb{filter:contrast(1.02)}
.img-overlay-btn.active{background:rgba(22,163,74,.45);border-color:rgba(255,255,255,.5)}

.equip-card{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:var(--r2);background:var(--bg)}
.equip-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.equip-card-title{font-size:14px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:6px}
.equip-card-hint{font-size:12px;color:var(--text3);margin:0;line-height:1.45}
.equip-selected-badge{font-size:11px;font-family:'Geist Mono',monospace;background:var(--blue-bg);color:var(--blue-t);padding:6px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}
.equip-extra{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.equip-extra label{display:block;font-size:11px;color:var(--text2);margin-bottom:5px;font-family:'Geist Mono',monospace}

.title-input-row{display:flex;gap:8px;align-items:stretch}
.title-input-row input{flex:1}
.title-input-row .btn{flex-shrink:0;white-space:nowrap}

.wizard-top-row{margin-bottom:14px}
.quality-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r3);padding:14px 16px}
.quality-card-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.quality-card-title{font-size:13px;font-weight:600}
.quality-grade{font-size:12px;color:var(--text2)}
.quality-ring{--q-score:0;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--blue) calc(var(--q-score) * 1%), var(--border) 0);position:relative;flex-shrink:0}
.quality-ring::before{content:'';position:absolute;inset:4px;background:var(--white);border-radius:50%}
.quality-ring-val{position:relative;font-size:14px;font-weight:700;font-family:'Geist Mono',monospace}
.quality-ring.q-high{background:conic-gradient(var(--green) calc(var(--q-score) * 1%), var(--border) 0)}
.quality-ring.q-mid{background:conic-gradient(#f59e0b calc(var(--q-score) * 1%), var(--border) 0)}
.quality-ring.q-low{background:conic-gradient(var(--red) calc(var(--q-score) * 1%), var(--border) 0)}
.quality-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.quality-check{font-size:11px;color:var(--text2);display:flex;align-items:flex-start;gap:6px}
.quality-check i{font-size:14px;margin-top:1px;flex-shrink:0}
.quality-check.ok i{color:var(--green)}
.quality-check.bad i{color:#f59e0b}

.inventory-panel{margin-bottom:14px}
.wizard-desc-panel{margin-top:14px}
.publish-channels-panel{margin-bottom:0}
.publish-insights{background:var(--white);border:1px solid var(--border);border-radius:var(--r3);padding:16px;margin-top:14px;margin-bottom:14px}
.equip-extra-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:0}
.equip-extra-tag{display:inline-flex;align-items:center;gap:4px;background:var(--white);border:1px solid var(--border);border-radius:20px;padding:4px 8px 4px 10px;font-size:12px;color:var(--text2)}
.equip-extra-tag button{border:none;background:transparent;color:var(--text3);cursor:pointer;padding:0 2px;line-height:1;font-size:14px}
.equip-extra-tag button:hover{color:var(--red-t)}
.publish-time-box{background:var(--blue-bg);border:1px solid #BFDBFE;border-radius:var(--r2);padding:12px 14px}
.publish-time-when{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:4px}
.publish-time-score{font-size:11px;color:var(--blue-t);font-family:'Geist Mono',monospace;margin-bottom:6px}
.publish-time-reason{font-size:12px;color:var(--text2);margin:0}

.bulk-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}
.bulk-row{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;background:var(--white)}
.bulk-row:hover{border-color:var(--blue);background:var(--blue-bg)}
.bulk-row input{margin-top:3px}
.bulk-row-title{font-weight:600;font-size:13px}
.bulk-row-meta{font-size:12px;color:var(--text2);margin-top:2px}
.bulk-channel-grid{display:flex;gap:16px;margin-top:8px}
.bulk-ch{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.bulk-toolbar{margin-bottom:12px}
.bulk-select-all{font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer}

.publish-timing-options{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.publish-timing-opt{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--r2);cursor:pointer;background:var(--white);transition:border-color .12s}
.publish-timing-opt.is-active{border-color:var(--blue);background:var(--blue-bg)}
.publish-timing-opt input{margin-top:3px;accent-color:var(--blue)}
.publish-timing-opt b{display:block;font-size:13px}
.publish-timing-opt small{display:block;font-size:11px;color:var(--text3);margin-top:2px}
.publish-custom-datetime input{max-width:280px}

.settings-feature-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.settings-feature-row:last-child{border-bottom:none}
.settings-feature-row.is-locked{opacity:.55}
.settings-feature-hint{display:block;font-size:11px;color:var(--text3);margin-top:2px}
.plan-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin-top:10px}
@media(min-width:800px){.plan-features-grid{grid-template-columns:repeat(3,1fr)}}
.plan-feat-check{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}
.img-logo-preview{position:absolute;width:28%;height:22%;background:rgba(37,99,235,.75);border-radius:4px;z-index:2;opacity:.85}
.img-wm-pos-br{right:8px;bottom:8px}
.img-wm-pos-bl{left:8px;bottom:8px}
.img-wm-pos-tr{right:8px;top:8px}
.img-wm-pos-tl{left:8px;top:8px}
.img-studio-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;background:var(--white);border:1px solid var(--border);border-radius:var(--r2)}
.img-studio-label{font-size:12px;font-weight:600;color:var(--text2);display:flex;align-items:center;gap:6px}
.img-channel-tabs{display:flex;flex-wrap:wrap;gap:6px}
.img-channel-tab{font-size:11px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);cursor:pointer}
.img-channel-tab.is-active{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}
.img-slot.img-dragging{opacity:.5}
.img-slot.img-drag-over{outline:2px solid var(--blue);outline-offset:2px}
.img-thumb{transition:transform .2s}
.img-overlay-btn.rotate-btn{background:rgba(0,0,0,.55)}
.inventory-kpis{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;color:var(--text2)}
.inventory-kpis strong{color:var(--text)}
.alert-row--warn{border-left:3px solid #f59e0b;padding-left:10px}
.alert-row--info{border-left:3px solid var(--blue);padding-left:10px}
.onboarding-steps a{font-weight:500}
.channel-hub-intro{margin:0 0 16px;max-width:720px}
.channel-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.channel-card{border:1px solid var(--border);border-radius:var(--r3);padding:14px 16px;background:var(--white);display:flex;flex-direction:column;gap:10px}
.channel-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.channel-card-head .badge{margin-left:auto}
.channel-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.channel-action-form{margin:0}
.channel-card-edit summary{font-size:13px;font-weight:600;cursor:pointer;padding:6px 0}
.channel-edit-form{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.channel-card-link{font-size:12px;color:var(--blue);text-decoration:none}
.channel-card-stats{font-size:12px}
.channel-hub-totals{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:14px 16px;background:var(--blue-bg);border:1px solid var(--border);border-radius:var(--r3)}
.channel-kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.channel-kpi{background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);padding:12px 14px;text-align:center}
.channel-kpi--total{flex:1;min-width:120px;background:var(--white)}
.channel-kpi__val{display:block;font-size:22px;font-weight:700;font-family:'Geist Mono',monospace;color:var(--text)}
.channel-kpi__lbl{display:block;font-size:11px;color:var(--text3);margin-top:4px}
.channel-kpi-empty{margin:0;font-size:12px;grid-column:1/-1}
.channel-live-btn{width:100%;justify-content:center;margin-top:2px}
.channel-card-meta{font-size:12px;display:flex;flex-wrap:wrap;gap:4px}
.channel-schedule{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;background:var(--bg);border-radius:var(--r2);border:1px solid var(--border)}
.channel-schedule__item{display:flex;gap:10px;align-items:flex-start;font-size:12px}
.channel-schedule__item i{font-size:18px;color:var(--blue);margin-top:2px}
.channel-schedule__lbl{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.channel-schedule__item strong{display:block;font-size:13px;font-weight:600}
.channel-schedule__item--warn{background:rgba(220,80,50,.06);border-radius:var(--r2);padding:6px}
.channel-schedule__item--warn i{color:#c44}
.channel-override-badge{margin:0;font-size:12px;color:var(--blue);font-weight:500}
.channel-card-edit--full .channel-edit-form{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.channel-edit-master{margin-bottom:12px;display:block}
.channel-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.channel-renew-form{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:10px}
@media(max-width:520px){.channel-schedule{grid-template-columns:1fr}}
.stock-kpi-row{display:flex;flex-wrap:wrap;gap:12px}
.stock-table-wrap{overflow-x:auto;padding:0 16px 16px}
.stock-table td,.stock-table th{font-size:13px;vertical-align:middle}
.stock-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.stock-cell-warn{color:var(--red);font-weight:600}
.stock-cell-caution{color:#b45309}
.stock-form-layout{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}
.stock-form-layout:not(:has(.stock-form-side)){grid-template-columns:1fr}
.stock-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stock-form-side{display:flex;flex-direction:column;gap:16px}
.stock-reg-row{display:flex;gap:8px;flex-wrap:wrap}
.stock-reg-row input{flex:1;min-width:120px}
.stock-fin-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
.stock-fin-row--total{border-top:1px solid var(--border);margin-top:6px;padding-top:8px;font-weight:600}
.stock-fin-row--margin{color:var(--blue);font-weight:600}
.stock-photo-grid{display:flex;flex-wrap:wrap;gap:10px}
.stock-photo-item{position:relative;width:100px;height:80px;border-radius:var(--r2);overflow:hidden;border:1px solid var(--border)}
.stock-photo-item img{width:100%;height:100%;object-fit:cover}
.stock-photo-del{position:absolute;top:4px;right:4px;margin:0}
.stock-photo-del .btn{padding:2px 6px;min-height:0}
.stock-qr-img{border:1px solid var(--border);border-radius:var(--r2)}
.stock-qr-url{display:block;font-size:10px;word-break:break-all;margin-top:8px;color:var(--muted)}
.stock-history-list{list-style:none;margin:0;padding:12px 16px 16px;max-height:320px;overflow-y:auto}
.stock-history-list li{font-size:12px;padding:8px 0;border-bottom:1px solid var(--border)}
.stock-history-list time{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}
.stock-section--wide{grid-column:1/-1}
.stock-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.stock-margin-preview{margin-top:12px;padding:10px 12px;background:var(--blue-bg);border-radius:var(--r2);font-size:13px}
.stock-check-row{display:flex;flex-wrap:wrap;gap:16px}
.stock-insp-status{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:12px;padding:10px 12px;background:var(--bg);border-radius:var(--r2);font-size:13px}
.stock-insp-status--warn{background:#fff8e6;border:1px solid #f0d78a}
.stock-insp-status--bad{background:#fef2f2;border:1px solid #fecaca}
.stock-task-list{display:flex;flex-direction:column;gap:8px}
.stock-task-row{display:grid;grid-template-columns:auto 110px 1fr 120px 72px 1fr auto;gap:8px;align-items:center;padding:8px 10px;background:var(--bg);border-radius:var(--r2);border:1px solid var(--border)}
.stock-task-row:has(input[type=checkbox]:checked){opacity:.75}
.stock-task-title{min-width:0}
.stock-task-notes{font-size:12px}
.stock-task-type{font-size:12px}
.stock-task-due{font-size:12px}
.contract-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contract-prefill-msg{margin-top:12px;font-size:13px}
.contract-quick-from .listings-filter-form{align-items:flex-end}
.contract-sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.contract-source-grid{grid-template-columns:1fr}}
.contract-bankid-status{padding:10px 12px;background:var(--blue-bg);border-radius:var(--r2);font-size:13px}
@media(max-width:800px){.contract-sign-grid{grid-template-columns:1fr}}
@media(max-width:900px){
  .stock-form-layout{grid-template-columns:1fr}
  .stock-form-grid{grid-template-columns:1fr}
  .stock-task-row{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}
  .stock-task-type,.stock-task-due,.stock-task-cost,.stock-task-notes{grid-column:2}
}
.channel-bulk-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;background:var(--white);border:1px solid var(--border);border-radius:var(--r3)}
.channel-bulk-bar__actions{display:flex;flex-wrap:wrap;gap:8px}
.channel-bulk-bar__left{display:flex;flex-direction:column;gap:4px}
.channel-bulk-select-all{font-weight:600;font-size:13px}
.channel-card-check{margin-right:2px;flex-shrink:0}
.channel-card-check input{width:16px;height:16px}
.activity-feed{list-style:none;margin:0;padding:12px 16px 16px}
.activity-feed__item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.45}
.activity-feed__item:last-child{border-bottom:none}
.activity-feed__item time{flex:0 0 110px;color:var(--text3)}
.activity-feed__item--ok span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:8px}
.activity-feed__item--err span{color:var(--red)}
.activity-feed__item--err span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:8px}

/* Admin medlemmar */
.admin-member-page{padding:22px 24px 32px}
.member-flash{margin:0 0 16px}
.member-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.member-head h1{font-size:22px;font-weight:600;margin:8px 0 4px}
.back-link{font-size:13px;color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.member-head-badges{display:flex;flex-wrap:wrap;gap:8px}
.member-grid{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
@media(max-width:1000px){.member-grid{grid-template-columns:1fr}}
.member-panel{margin-bottom:0}
.member-col-main .member-panel{margin-bottom:16px}
.member-col-side .member-panel{margin-bottom:16px}
.members-search{display:flex;gap:8px;align-items:center}
.members-search input{min-width:200px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--r);font-size:13px}
.btn-block-danger{background:var(--red-bg);color:var(--red-t);border:1px solid #fecaca}
.btn-block-danger:hover{background:#fecaca}
.log-list{max-height:320px;overflow-y:auto}
.log-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}
.log-row:last-child{border-bottom:none}
.log-row.fail .log-icon{color:var(--red-t)}
.log-row.ok .log-icon{color:var(--green)}
.pay-list{max-height:280px;overflow-y:auto}
.pay-row{padding:10px 0;border-bottom:1px solid var(--border)}
.pay-row:last-child{border-bottom:none}
.notif-list{display:flex;flex-direction:column;gap:10px}
.notif-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--r2)}
.notif-item.unread{border-color:var(--blue);background:var(--blue-bg)}
.notif-title{font-weight:600;font-size:13px}
.notif-msg{font-size:12px;color:var(--text2);margin:6px 0 0}
.notif-meta{font-size:11px;color:var(--text3);margin-top:6px}
.notif-page{padding:22px 24px 32px;max-width:900px}
.notif-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.notif-page-head h1{font-size:22px;font-weight:600;margin:0 0 4px}
.notif-page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.notif-empty{padding:48px;text-align:center;color:var(--text3)}
.notif-empty i{font-size:40px;display:block;margin-bottom:10px;opacity:.5}
.notif-item{align-items:center}
.notif-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg)}
.notif-icon-wrap i{font-size:20px}
.notif-icon-failed,.notif-icon-api_error{background:var(--red-bg);color:var(--red-t)}
.notif-icon-published,.notif-icon-renewed{background:var(--green-bg);color:var(--green-t)}
.notif-icon-expiring_soon,.notif-icon-expired{background:var(--amber-bg);color:var(--amber-t)}
.notif-mark-read{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--white);cursor:pointer;color:var(--green-t)}
.notif-mark-read:hover{background:var(--green-bg)}
.notif-channel-toggles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.notif-ch-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;font-size:13px}
.notif-type-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.notif-type-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);font-size:13px;cursor:pointer}
.notif-type-row:hover{background:var(--bg)}
.toggle-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.toggle-row small{display:block;color:var(--text3);font-size:11px;margin-top:2px}
.api-log-panel{overflow-x:auto}
.api-log-table{font-size:12px}
.admin-members-page{padding:22px 24px 32px}
.admin-members-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.admin-members-head h1{font-size:22px;font-weight:600;margin:0 0 4px}
.members-search-lg{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:6px 10px 6px 14px;min-width:280px}
.members-search-lg i{color:var(--text3)}
.members-search-lg input{border:none;background:transparent;flex:1;min-width:160px;font-size:13px;padding:6px 0}
.admin-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.admin-member-card{display:block;text-decoration:none;color:inherit;background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:16px 18px;transition:border-color .15s,box-shadow .15s}
.admin-member-card:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(37,99,235,.08)}
.admin-member-card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.admin-member-card-top .badge{margin-left:auto;flex-shrink:0}
.admin-member-card-title{flex:1;min-width:0}
.admin-member-card-title strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avi-lg{width:44px;height:44px;font-size:15px}
.avi-xl{width:56px;height:56px;font-size:18px}
.admin-member-card-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text2);margin-bottom:12px}
.admin-member-card-meta i{width:16px;opacity:.7}
.admin-member-card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border)}
.admin-member-card-cta{font-size:12px;font-weight:500;color:var(--blue)}
/* Medlemsprofil (admin) */
.admin-member-page{max-width:1120px}
.member-back{display:inline-flex;margin-bottom:14px}
.member-profile-shell{background:var(--white);border:1px solid var(--border);border-radius:var(--r3);margin-bottom:20px;box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden}
.member-profile-header{display:flex;align-items:center;gap:20px;padding:22px 24px 18px}
.member-profile-avatar{flex-shrink:0;box-shadow:0 0 0 3px var(--bg)}
.member-profile-summary{flex:1;min-width:0}
.member-profile-summary h1{font-size:21px;font-weight:600;margin:0 0 4px;letter-spacing:-.02em;line-height:1.25}
.member-profile-contact{margin:0 0 10px;font-size:13px;color:var(--text2)}
.member-head-badges{display:flex;flex-wrap:wrap;gap:6px}
.member-profile-nav{display:flex;align-items:stretch;gap:0;border-top:1px solid var(--border);background:var(--bg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.member-profile-nav-item{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 18px;font-size:13px;font-weight:500;color:var(--text2);text-decoration:none;white-space:nowrap;flex:1 1 auto;min-width:max-content;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,background .12s,border-color .12s}
.member-profile-nav-item i{font-size:17px;opacity:.75}
.member-profile-nav-item:hover{color:var(--text);background:rgba(255,255,255,.6)}
.member-profile-nav-item.is-active{color:var(--blue-t);background:var(--white);border-bottom-color:var(--blue);font-weight:600}
.member-profile-nav-item.is-active i{opacity:1;color:var(--blue)}
.member-content{max-width:100%}
.member-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.member-stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:16px 18px;display:flex;align-items:flex-start;gap:12px}
.member-stat-icon{width:40px;height:40px;border-radius:10px;background:var(--blue-bg);color:var(--blue-t);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}
.member-stat-card .kpi-label{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace;margin-bottom:4px}
.member-stat-card .kpi-val{font-size:22px;font-weight:600;letter-spacing:-.02em}
.member-tab-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.member-tab-grid-stack{grid-template-columns:1fr}
.member-panel{border-radius:var(--r2);overflow:hidden}
.member-panel .panel-head{padding:14px 18px;background:var(--bg);border-bottom:1px solid var(--border)}
.member-panel .panel-title{font-size:13px;font-weight:600}
.member-form-section{padding:20px 22px}
.member-form-section + .member-form-section{border-top:1px solid var(--border)}
.member-form-section-title{font-size:12px;font-weight:600;color:var(--text2);margin:0 0 14px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.04em;font-family:'Geist Mono',monospace}
.member-form-footer{padding:16px 22px;background:var(--bg);border-top:1px solid var(--border)}
.member-team-list{display:flex;flex-direction:column;gap:10px;padding:14px 16px}
.member-team-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}
.member-team-card-head{display:flex;align-items:center;gap:12px;padding:14px 16px}
.member-team-card-head .avi{flex-shrink:0}
.member-team-card-info{flex:1;min-width:0}
.member-team-card-info strong{display:block;font-size:14px}
.member-team-card-info span{font-size:12px;color:var(--text2)}
.member-team-card-actions{display:flex;gap:6px;flex-shrink:0}
.member-team-details{border-top:1px solid var(--border);background:var(--white)}
.member-team-details summary{padding:10px 16px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.member-team-details summary::-webkit-details-marker{display:none}
.member-team-details summary::before{content:'';width:0;height:0;border-left:5px solid var(--text3);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .15s}
.member-team-details[open] summary::before{transform:rotate(90deg)}
.member-team-details-body{padding:14px 16px 16px;border-top:1px solid var(--border)}
.member-team-pw{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.member-team-pw .field{flex:1;min-width:180px;margin:0}
.member-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.admin-block-form-intro{font-size:12px;color:var(--text2);margin:0 0 12px;line-height:1.45}
.admin-block-form-grid{display:grid;gap:12px}
.admin-block-form--compact .admin-block-form-grid{grid-template-columns:1fr 1fr}
.admin-block-form--compact .admin-block-form-grid .field:first-child{grid-column:1/-1}
.admin-block-status{font-size:12px;color:var(--text2);margin-bottom:12px;line-height:1.5}
.admin-block-status-label{font-weight:600;color:var(--text3);margin-right:6px}
.member-empty{padding:32px 20px;text-align:center;color:var(--text3);font-size:13px}
.member-empty i{font-size:32px;display:block;margin-bottom:8px;opacity:.4}
.member-log-timeline{padding:8px 12px 12px;max-height:360px;overflow-y:auto}
.member-pay-cards{padding:12px 16px;display:flex;flex-direction:column;gap:8px}
.member-pay-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border-radius:var(--r2);border:1px solid var(--border)}
.member-pay-card strong{font-size:15px}
.admin-activity-page{padding:22px 24px 32px}
.admin-activity-grid{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:start}
@media(max-width:1100px){
  .admin-activity-grid{grid-template-columns:1fr}
  .member-stats-row{grid-template-columns:repeat(2,1fr)}
  .member-tab-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .member-security-grid{grid-template-columns:1fr}
  .admin-block-form--compact .admin-block-form-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .member-profile-header{flex-direction:column;align-items:flex-start;padding:18px 16px 14px}
  .member-profile-nav-item{padding:11px 14px;font-size:12px}
  .member-stats-row{grid-template-columns:repeat(2,1fr)}
  .member-team-card-head{flex-wrap:wrap}
}

.plat-publish-list{display:flex;flex-direction:column;gap:10px}
.pp-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r2);padding:16px 18px;cursor:pointer;transition:all .15s;position:relative}
.pp-card:hover{border-color:var(--border2)}
.pp-card.on{border-color:var(--blue);background:var(--blue-bg)}
.pp-header{display:flex;align-items:center;gap:12px}
.pp-logo{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:'Geist Mono',monospace;flex-shrink:0;overflow:hidden}
.pp-logo img{width:100%;height:100%;object-fit:contain;display:block}
.pp-info{flex:1}
.pp-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.pp-sub{font-size:12px;color:var(--text2);margin-top:2px}
.pp-chk{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.pp-card.on .pp-chk{background:var(--blue);border-color:var(--blue);color:#fff}
.pp-card.on .pp-chk i{display:block}
.pp-chk i{display:none;font-size:13px}
.pp-details{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.pp-card.on .pp-details{display:block}
.cost-box{background:var(--amber-bg);border:1px solid #FDE68A;border-radius:var(--r);padding:10px 14px;margin-bottom:12px;display:flex;gap:10px;align-items:flex-start}
.cost-box i{font-size:16px;color:var(--amber);flex-shrink:0;margin-top:1px}
.cost-box-text{font-size:12px;color:var(--amber-t);line-height:1.6}
.cost-box-text b{font-weight:600;color:var(--amber)}
.pp-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp-field label{font-size:11px;color:var(--text2);display:block;margin-bottom:4px;font-family:'Geist Mono',monospace}
.pp-field select{width:100%;border:1px solid var(--border);border-radius:var(--r);padding:7px 10px;font-size:12px;font-family:'Geist',sans-serif;background:var(--white);color:var(--text);outline:none}
.publish-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);padding:14px 16px;margin-bottom:14px}
.ps-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:4px 0}
.ps-row.total{font-weight:600;border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-size:13px}
.ps-label{color:var(--text2)}
.ps-val{font-family:'Geist Mono',monospace;font-weight:500}

.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mp-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r2);padding:16px 18px;transition:border-color .15s,box-shadow .15s}
.mp-card.mp-on{border-color:var(--blue);box-shadow:0 0 0 1px rgba(37,99,235,.08)}
.mp-card-coming{border-style:dashed;background:var(--bg2);opacity:.95}
.mp-card-coming .mp-logo-wrap img{filter:grayscale(.25)}
.pp-linked-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r1);font-size:12px;color:var(--text2);line-height:1.45}
.channel-linked-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px dashed var(--border);border-radius:var(--r1);background:var(--bg2);font-size:11px}
.channel-linked-status .channel-btn-logo{width:22px;height:22px;object-fit:contain}
.channel-linked-label{color:var(--text3);white-space:nowrap}

/* ===== Landing v3 (full reset) ===== */
.lp3{background:linear-gradient(180deg,#f6f7f8 0%,#f1f5f9 42%,#f7f7f6 100%);color:#111827}
.lp3-wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.lp3-topbar{position:sticky;top:0;z-index:60;border-bottom:1px solid #e5e7eb;background:rgba(247,248,250,.92);backdrop-filter:blur(8px)}
.lp3-topbar-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:12px 22px}
.lp3-brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}
.lp3-brand-mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#111827;color:#fff}
.lp3-brand span{display:flex;flex-direction:column;line-height:1.1}
.lp3-brand strong{font-size:14px}
.lp3-brand small{font-size:11px;color:#6b7280}
.lp3-nav{display:flex;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.lp3-nav::-webkit-scrollbar{display:none}
.lp3-nav a{text-decoration:none;color:#4b5563;font-size:12px;font-weight:600;padding:7px 11px;border:1px solid transparent;border-radius:999px;white-space:nowrap}
.lp3-nav a:hover{color:#111827;background:#fff;border-color:#e5e7eb}
.lp3-nav a.is-active{background:#111827;color:#fff;border-color:#111827}
.lp3-cta{display:flex;gap:8px;align-items:center}
.lp3-hero{padding:54px 0 26px}
.lp3-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.lp3-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;font-family:'Geist Mono',monospace;background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;margin:0 0 16px}
.lp3-hero-copy h1{font-size:clamp(36px,4.8vw,64px);line-height:1.02;letter-spacing:-1.3px;margin:0 0 14px;font-weight:600}
.lp3-hero-copy p{font-size:16px;line-height:1.65;color:#4b5563;max-width:630px;margin:0 0 20px}
.lp3-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.lp3-proof-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}
.lp3-proof-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}
.lp3-proof-list i{color:#16a34a}
.lp3-hero-card{background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:16px;box-shadow:0 16px 40px rgba(15,23,42,.08)}
.lp3-hero-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.lp3-hero-stat-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}
.lp3-hero-stat-grid strong{display:block;font-size:30px;line-height:1;letter-spacing:-1px}
.lp3-hero-stat-grid span{display:block;margin-top:6px;font-size:11px;color:#6b7280;font-family:'Geist Mono',monospace;line-height:1.45}
.lp3-hero-note{margin:10px 0 0;font-size:11px;color:#6b7280}
.lp3-logos{padding:6px 0 20px}
.lp3-logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lp3-logo-row span{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;font-size:12px;font-weight:600}
.lp3-logo-row img{width:22px;height:22px;object-fit:contain}
.lp3-section{padding:44px 0}
.lp3-head{text-align:center;max-width:760px;margin:0 auto 24px}
.lp3-head h2{font-size:34px;line-height:1.1;letter-spacing:-.8px;margin:0 0 8px}
.lp3-head p{font-size:15px;color:#4b5563;line-height:1.6}
.lp3-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lp3-feature-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}
.lp3-feature-grid i{font-size:22px;color:#2563eb}
.lp3-feature-grid h3{font-size:15px;margin:8px 0 5px}
.lp3-feature-grid p{font-size:12px;color:#4b5563;line-height:1.55}
.lp3-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp3-proof-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.lp3-proof-card header{padding:10px 14px;border-bottom:1px solid #e5e7eb;background:#f8fafc;font-size:11px;color:#6b7280;font-family:'Geist Mono',monospace}
.lp3-proof-card img{width:100%;display:block;object-fit:cover}
.lp3-flow-fallback{padding:14px}
.lp3-flow-fallback>div{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:9px;margin-bottom:8px;font-size:12px}
.lp3-flow-fallback b{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;color:#1e3a8a;font-size:11px}
.lp3-flow-fallback p{margin:10px 0 0;font-size:11px;color:#6b7280;line-height:1.5}
.lp3-empty{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;text-align:center}
.lp3-testimonials{padding-top:26px}
.lp3-quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp3-quote-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}
.lp3-quote-grid p{margin:0 0 10px;font-size:13px;line-height:1.65}
.lp3-quote-grid span{font-size:11px;color:#6b7280;font-family:'Geist Mono',monospace}
.lp3-contact{display:grid;grid-template-columns:1fr 1.05fr;gap:14px;align-items:start}
.lp3-contact h2{font-size:34px;line-height:1.1;letter-spacing:-.8px;margin:0 0 8px}
.lp3-contact p{color:#4b5563;font-size:15px}
.lp3-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lp3-contact-cards article{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}
.lp3-contact-cards i{font-size:20px;color:#2563eb}
.lp3-contact-cards b{font-size:13px}
.lp3-contact-cards a{color:#1d4ed8;text-decoration:none;font-size:12px}
.lp3-contact-cards small{font-size:11px;color:#6b7280}
@media(max-width:1060px){
  .lp3-topbar-inner{grid-template-columns:auto 1fr auto}
  .lp3-nav{justify-content:flex-start}
  .lp3-hero-grid{grid-template-columns:1fr}
  .lp3-feature-grid{grid-template-columns:1fr 1fr}
  .lp3-logo-row{grid-template-columns:1fr 1fr}
  .lp3-proof-grid{grid-template-columns:1fr}
  .lp3-quote-grid{grid-template-columns:1fr}
  .lp3-contact{grid-template-columns:1fr}
  .lp3-contact-cards{grid-template-columns:1fr}
}
@media(max-width:720px){
  .lp3-topbar-inner{grid-template-columns:auto auto;grid-template-areas:"brand cta" "nav nav";row-gap:10px}
  .lp3-brand{grid-area:brand}
  .lp3-cta{grid-area:cta}
  .lp3-nav{grid-area:nav}
  .lp3-cta .btn:first-child{display:none}
  .lp3-feature-grid{grid-template-columns:1fr}
  .lp3-hero-stat-grid{grid-template-columns:1fr}
}
.mp-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mp-logo-wrap{width:44px;height:44px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg);flex-shrink:0}
.mp-logo-wrap img{width:100%;height:100%;object-fit:contain}
.mp-logo-wrap span{font-size:12px;font-weight:700;font-family:'Geist Mono',monospace;color:var(--text2)}
.mp-name{font-size:15px;font-weight:600}
.mp-slug{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace;margin-top:2px}
.mp-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.mp-links{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px}
.mp-links a{color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.mp-links a:hover{text-decoration:underline}
.mp-blocket-note{display:flex;gap:8px;align-items:flex-start;background:var(--blue-bg);border:1px solid #BFDBFE;border-radius:var(--r);padding:10px 12px;font-size:11px;color:var(--blue-t);line-height:1.5;margin-bottom:12px}
.mp-blocket-note code{font-size:10px;background:rgba(255,255,255,.6);padding:1px 4px;border-radius:3px}
.mp-actions{display:flex;gap:8px}
.mp-toggle{width:44px;height:24px;border-radius:999px;border:1px solid var(--border2);background:var(--bg);cursor:pointer;position:relative;padding:0;transition:background .15s,border-color .15s}
.mp-toggle.on{background:var(--blue);border-color:var(--blue)}
.mp-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform .15s}
.mp-toggle.on .mp-toggle-knob{transform:translateX(20px)}
.mp-modal-panel{width:100%;max-width:640px;max-height:90vh;overflow:auto}
.mp-modal-form{padding:16px 18px 20px}
.mp-modal-section{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.mp-modal-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}
.mp-modal-section-title{font-size:12px;font-weight:600;margin-bottom:10px;font-family:'Geist Mono',monospace;color:var(--text2)}
.mp-hint{font-size:11px;color:var(--text3);line-height:1.5;margin-bottom:12px}
.mp-hint a{color:var(--blue)}
.mp-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:8px 0 4px;cursor:pointer}
.mp-dealer-form{margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}
.mp-dealer-fields{margin-top:12px;display:flex;flex-direction:column;gap:0}
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:300;align-items:center;justify-content:center;padding:16px}
.modal-backdrop.is-open{display:flex}

.wizard-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border);margin-top:20px;flex-wrap:wrap;gap:12px}
.wizard-foot-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.wizard-submit-btns{display:flex;gap:8px;flex-wrap:wrap}
.wizard-step-hint{font-size:12px;color:var(--text2);margin-top:12px;padding:10px 12px;background:var(--bg);border-radius:var(--r);border:1px solid var(--border)}
.step-info{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace}

/* Auth & landning */
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth-hero{background:var(--ink);color:#fff;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.auth-hero::after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%);top:-120px;right:-80px}
.auth-hero h1{font-size:32px;font-weight:600;letter-spacing:-.8px;margin-bottom:12px;position:relative;z-index:1}
.auth-hero p{color:rgba(255,255,255,.72);font-size:15px;max-width:380px;line-height:1.6;position:relative;z-index:1}
.auth-hero ul{list-style:none;margin-top:28px;position:relative;z-index:1}
.auth-hero li{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;color:rgba(255,255,255,.8)}
.auth-hero li i{color:var(--green);font-size:16px}
.auth-panel{background:var(--bg);display:flex;align-items:center;justify-content:center;padding:32px 24px}
.auth-box{width:100%;max-width:420px}
.auth-box h2{font-size:22px;font-weight:600;letter-spacing:-.4px;margin-bottom:6px}
.auth-box .sub{color:var(--text2);font-size:13px;margin-bottom:24px}
.landing{min-height:100vh;background:var(--bg)}
.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:1100px;margin:0 auto}
.landing-hero{text-align:center;padding:72px 24px 80px;max-width:720px;margin:0 auto}
.landing-hero h1{font-size:clamp(36px,5vw,52px);font-weight:600;letter-spacing:-1.5px;margin-bottom:16px;line-height:1.1}
.landing-hero p{font-size:17px;color:var(--text2);margin-bottom:28px;line-height:1.55}
.landing-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:960px;margin:0 auto;padding:0 24px 64px}
.landing-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:22px;text-align:left}
.landing-card i{font-size:22px;color:var(--blue);margin-bottom:10px;display:block}
.landing-card h3{font-size:15px;font-weight:600;margin-bottom:6px}
.landing-card p{font-size:13px;color:var(--text2);line-height:1.5}
.alert{padding:11px 14px;border-radius:var(--r);margin-bottom:16px;font-size:12px;border:1px solid}
.alert-err{background:var(--red-bg);border-color:#FECACA;color:var(--red-t)}
.alert-ok{background:var(--green-bg);border-color:#BBF7D0;color:var(--green-t)}
.alert-warn{background:var(--amber-bg);border-color:#FDE68A;color:var(--amber-t)}
.field{margin-bottom:14px}
.field label{display:block;font-size:11px;color:var(--text2);margin-bottom:5px;font-family:'Geist Mono',monospace}
.field input,.field select,.field textarea{width:100%;background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:9px 11px;font-size:13px;color:var(--text);font-family:'Geist',sans-serif;outline:none}
.field input:focus,.field select:focus{border-color:var(--blue)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plan-pick{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.plan-pick label.pp-card{display:block;cursor:pointer;margin:0}
.plan-pick input{position:absolute;opacity:0;pointer-events:none}
.trial-pill{background:linear-gradient(90deg,var(--green-bg),var(--blue-bg));border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;font-size:12px;text-align:center;margin-bottom:18px}
.trial-pill b{color:var(--green-t)}
.nav-item{text-decoration:none}
a.logo-row{text-decoration:none}
/* —— Marknadsföring / landning —— */
.mkt-page{background:var(--bg)}
.mkt-logo-link{text-decoration:none;color:inherit}
.mkt-nav{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,48px);max-width:1200px;margin:0 auto;position:sticky;top:0;z-index:50;background:rgba(244,243,239,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.mkt-nav-cta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn-lg{padding:10px 18px;font-size:13px}
.mkt-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:'Geist Mono',monospace;color:var(--blue-t);background:var(--blue-bg);border:1px solid #BFDBFE;padding:5px 10px;border-radius:999px;width:fit-content;margin-bottom:16px}
.mkt-accent{color:var(--blue-t)}

/* Startsida — hero */
.mkt-home-hero{background:var(--white);border-bottom:1px solid var(--border)}
.mkt-home-hero-inner{max-width:1200px;margin:0 auto;padding:48px clamp(20px,4vw,48px) 32px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.mkt-home-hero-text h1{font-size:clamp(34px,4.2vw,52px);font-weight:600;letter-spacing:-1.4px;line-height:1.06;margin-bottom:18px}
.mkt-home-hero-text .lead{font-size:17px;color:var(--text2);line-height:1.65;max-width:480px;margin-bottom:28px}
.mkt-home-hero-text .cta-row{margin-bottom:24px}
.mkt-channel-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.mkt-channel-chip{display:inline-flex;align-items:center;justify-content:center;width:52px;height:42px;padding:8px;background:var(--white);border:1px solid var(--border);border-radius:12px}
.mkt-channel-chip img{max-width:100%;max-height:100%;object-fit:contain}
.mkt-home-checks{list-style:none;display:flex;flex-direction:column;gap:8px}
.mkt-home-checks li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}
.mkt-home-checks i{color:var(--green);font-size:16px}
.mkt-home-hero-visual{position:relative}
.mkt-shot-stack{display:grid;grid-template-columns:1fr;gap:14px}
.mkt-shot-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r3);box-shadow:0 20px 50px rgba(0,0,0,.08);overflow:hidden}
.mkt-shot-card header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border);font-size:11px;font-family:'Geist Mono',monospace;color:var(--text3)}
.mkt-shot-content{padding:14px}
.mkt-shot-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.mkt-shot-kpis div{background:var(--bg);border-radius:var(--r);padding:8px;text-align:center}
.mkt-shot-kpis small{display:block;font-size:9px;color:var(--text3);font-family:'Geist Mono',monospace;margin-bottom:2px}
.mkt-shot-kpis strong{font-size:16px;font-weight:600;letter-spacing:-.3px}
.mkt-shot-kpis strong.ok{color:var(--green-t)}
.mkt-shot-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}
.mkt-shot-row:last-child{border-bottom:none}
.mkt-shot-channel-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}
.mkt-shot-channel-row:last-child{border-bottom:none}
.mkt-shot-channel-row img{width:28px;height:28px;object-fit:contain}
.mkt-home-metrics{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-top:1px solid var(--border)}
.mkt-home-metrics>div{background:var(--bg);padding:20px 24px;text-align:center}
.mkt-home-metrics strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.4px;margin-bottom:4px}
.mkt-home-metrics span{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace}

.mkt-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mkt-proof-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:20px}
.mkt-proof-card h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:8px}
.mkt-proof-card h3 i{color:var(--blue)}
.mkt-proof-card p{font-size:13px;line-height:1.6;color:var(--text2)}

.mkt-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mkt-step{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:24px}
.mkt-step-num{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-family:'Geist Mono',monospace}
.mkt-step h3{font-size:15px;font-weight:600;margin-bottom:8px}
.mkt-step p{font-size:13px;color:var(--text2);line-height:1.55}
.mkt-section-tight{padding-top:24px}
.mkt-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border);font-size:12px;color:var(--text3);font-family:'Geist Mono',monospace}

/* Landing v2 */
.mkt-home-v2{background:linear-gradient(180deg,#f7f7f5 0%,#f0f2f7 42%,#f6f6f3 100%)}
.mkt-nav-v2{background:rgba(247,247,245,.88);gap:16px;flex-wrap:nowrap}
.mkt-nav-v2 .mkt-nav-cta{margin-left:auto;flex-wrap:nowrap}
.mkt-nav-v2 .mkt-nav-cta .btn{white-space:nowrap}
.mkt-sticky-subnav{position:sticky;top:62px;z-index:42;background:linear-gradient(180deg,rgba(247,247,245,.96),rgba(247,247,245,.8));border-top:1px solid rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.05);backdrop-filter:blur(10px)}
.mkt-subnav-pills{display:flex;gap:8px;align-items:center;padding:10px 0;overflow-x:auto;scrollbar-width:none}
.mkt-subnav-pills::-webkit-scrollbar{display:none}
.mkt-subnav-pills a{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:12px;font-weight:600;text-decoration:none;color:var(--text2);background:var(--white);white-space:nowrap}
.mkt-subnav-pills a:hover{color:var(--text)}
.mkt-subnav-pills a.is-active{background:var(--blue-bg);color:var(--blue-t);border-color:#BFDBFE}
.mkt-v2-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.mkt-v2-hero{position:relative;padding:48px 0 36px;overflow:hidden}
.mkt-v2-bg-orb{position:absolute;border-radius:999px;filter:blur(60px);pointer-events:none;opacity:.45}
.mkt-v2-bg-orb-a{width:360px;height:360px;background:#dbeafe;right:-60px;top:-120px}
.mkt-v2-bg-orb-b{width:280px;height:280px;background:#fde68a;left:-80px;bottom:-100px}
.mkt-v2-hero .mkt-v2-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;position:relative;z-index:2}
.mkt-v2-copy h1{font-size:clamp(34px,4.4vw,58px);line-height:1.02;letter-spacing:-1.4px;margin-bottom:16px}
.mkt-v2-copy .lead{font-size:17px;color:var(--text2);line-height:1.7;max-width:540px;margin-bottom:22px}
.mkt-v2-trust{list-style:none;display:flex;flex-direction:column;gap:8px;margin:2px 0 0}
.mkt-v2-trust li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}
.mkt-v2-trust i{color:var(--green-t);font-size:16px}
.mkt-v2-preview{position:relative;display:grid;grid-template-columns:1fr 280px;gap:14px;align-items:end}
.mkt-v2-screen{background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 60px rgba(15,23,42,.14);border-radius:18px;overflow:hidden}
.mkt-v2-screen header{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:rgba(248,250,252,.9);border-bottom:1px solid var(--border);font-size:11px;font-family:'Geist Mono',monospace;color:var(--text3)}
.mkt-v2-screen-body{padding:14px}
.mkt-v2-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.mkt-v2-kpis div{padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;text-align:center}
.mkt-v2-kpis small{display:block;font-size:9px;color:var(--text3);font-family:'Geist Mono',monospace;margin-bottom:2px}
.mkt-v2-kpis strong{font-size:16px;font-weight:600;letter-spacing:-.3px}
.mkt-v2-kpis strong.ok{color:var(--green-t)}
.mkt-v2-list-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}
.mkt-v2-list-row:last-child{border-bottom:none}
.mkt-v2-screen-mini{transform:translateY(18px)}
.mkt-v2-channel-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:11px}
.mkt-v2-channel-row:last-child{border-bottom:none}
.mkt-v2-channel-row img{width:24px;height:24px;object-fit:contain}
.mkt-v2-logo-band{padding:10px 0 0}
.mkt-v2-logo-band-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mkt-v2-logo-pill{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.8);border-radius:14px;backdrop-filter:blur(8px)}
.mkt-v2-logo-pill img{width:28px;height:28px;object-fit:contain}
.mkt-v2-logo-pill b{font-size:13px}
.mkt-v2-logo-pill small{display:block;font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace}
.mkt-v2-impact{padding:18px 0 2px}
.mkt-v2-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mkt-v2-impact-grid article{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);border-radius:14px;padding:16px 14px;text-align:center}
.mkt-v2-impact-grid strong{display:block;font-size:30px;line-height:1;font-weight:600;letter-spacing:-1px;color:var(--ink);margin-bottom:6px}
.mkt-v2-impact-grid span{display:block;font-size:11px;color:var(--text3);line-height:1.45;font-family:'Geist Mono',monospace}
.mkt-v2-impact-note{margin:12px 0 0;text-align:center;font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace}
.mkt-v2-proof-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}
.mkt-v2-proof-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.mkt-v2-proof-card header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-family:'Geist Mono',monospace;color:var(--text3);background:var(--bg)}
.mkt-v2-proof-card img{width:100%;display:block;object-fit:cover}
.mkt-v2-flow-demo{padding:14px}
.mkt-v2-flow-step{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:12px;color:var(--text2);margin-bottom:8px}
.mkt-v2-flow-step b{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#dbeafe;color:#1e3a8a;font-size:11px}
.mkt-v2-flow-step.is-active{border-color:#BFDBFE;background:#eff6ff;color:#1e3a8a}
.mkt-v2-flow-bar{height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:10px 0 12px}
.mkt-v2-flow-bar span{display:block;height:100%;width:45%;background:linear-gradient(90deg,#2563eb,#0ea5e9);animation:mktFlowPulse 2.2s ease-in-out infinite}
.mkt-v2-flow-demo p{margin:0;font-size:11px;color:var(--text3);line-height:1.5}
@keyframes mktFlowPulse{0%{width:25%}50%{width:88%}100%{width:35%}}
.mkt-v2-section{padding-top:50px}
.mkt-v2-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.mkt-v2-benefit{background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.mkt-v2-benefit h3{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mkt-v2-benefit h3 i{color:var(--blue)}
.mkt-v2-benefit p{font-size:13px;color:var(--text2);line-height:1.6}
.mkt-v2-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mkt-v2-flow article{position:relative;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:18px}
.mkt-v2-flow article span{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-family:'Geist Mono',monospace;margin-bottom:10px}
.mkt-v2-flow article h3{font-size:15px;font-weight:600;margin-bottom:6px}
.mkt-v2-flow article p{font-size:13px;color:var(--text2);line-height:1.6}
.mkt-v2-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mkt-v2-feature-grid article{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:16px}
.mkt-v2-feature-grid i{font-size:20px;color:var(--blue);display:block;margin-bottom:8px}
.mkt-v2-feature-grid h3{font-size:14px;font-weight:600;margin-bottom:6px}
.mkt-v2-feature-grid p{font-size:12px;color:var(--text2);line-height:1.55}
.mkt-v2-exclusive-band{margin-top:18px;padding:16px;border-radius:14px;border:1px solid #BFDBFE;background:linear-gradient(135deg,#eff6ff 0%,#f8fbff 100%)}
.mkt-v2-exclusive-band h3{font-size:15px;font-weight:600;color:#1e3a8a;margin-bottom:10px}
.mkt-v2-exclusive-list{display:flex;flex-wrap:wrap;gap:8px}
.mkt-v2-exclusive-list span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;background:#fff;border:1px solid #dbeafe;border-radius:999px;font-size:12px;color:#1e3a8a}
.mkt-v2-exclusive-list i{font-size:14px}
.mkt-v2-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.mkt-v2-price-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(15,23,42,.05)}
.mkt-v2-price-card.is-featured{border-color:var(--blue);box-shadow:0 16px 40px rgba(37,99,235,.12)}
.mkt-v2-price-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:600;background:var(--blue-bg);color:var(--blue-t);border:1px solid #BFDBFE;padding:4px 8px;border-radius:999px}
.mkt-v2-price-card h3{font-size:18px;font-weight:600;margin-bottom:8px}
.mkt-v2-price-amount{margin-bottom:10px}
.mkt-v2-price-amount strong{font-size:32px;font-weight:600;letter-spacing:-.8px}
.mkt-v2-price-amount span{display:block;font-size:12px;color:var(--text3);margin-top:2px}
.mkt-v2-price-desc{font-size:13px;color:var(--text2);line-height:1.55;margin-bottom:12px}
.mkt-v2-price-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:7px;flex:1}
.mkt-v2-price-list li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text2);line-height:1.45}
.mkt-v2-price-list i{color:var(--green-t);font-size:14px;margin-top:1px;flex-shrink:0}
.mkt-v2-pricing-note{text-align:center;font-size:12px;color:var(--text3);max-width:680px;margin:16px auto 0;line-height:1.6}
.mkt-v2-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.mkt-v2-faq details{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.mkt-v2-faq summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none}
.mkt-v2-faq summary::-webkit-details-marker{display:none}
.mkt-v2-faq p{margin:10px 0 0;font-size:13px;color:var(--text2);line-height:1.6}
.mkt-v2-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mkt-v2-testimonials article{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:18px}
.mkt-v2-testimonials p{font-size:13px;line-height:1.65;color:var(--text);margin:0 0 10px}
.mkt-v2-testimonials span{font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace}
.mkt-v2-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mkt-v2-contact-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:22px;text-align:center}
.mkt-v2-contact-card i{font-size:24px;color:var(--blue);display:block;margin-bottom:10px}
.mkt-v2-contact-card h3{font-size:16px;font-weight:600;margin-bottom:8px}
.mkt-v2-contact-card p{font-size:14px;margin:0}
.mkt-v2-contact-card a{color:var(--blue-t);text-decoration:none;font-weight:500}
.mkt-v2-contact-card a:hover{text-decoration:underline}
.mkt-v2-contact-card small{display:block;margin-top:8px;font-size:11px;color:var(--text3);font-family:'Geist Mono',monospace}
.mkt-v2-contact-card-cta{text-align:left}
.mkt-v2-contact-card-cta i,.mkt-v2-contact-card-cta h3,.mkt-v2-contact-card-cta p{text-align:left}
.mkt-footer-v2{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;margin-top:32px;padding-top:28px;border-top:1px solid var(--border);font-size:12px;color:var(--text3)}
.mkt-footer-v2 .mkt-footer-brand .logo-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px}
.mkt-footer-v2 .mkt-footer-brand p{margin:0;line-height:1.5;max-width:220px}
.mkt-footer-col{display:flex;flex-direction:column;gap:6px}
.mkt-footer-col strong{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);margin-bottom:4px;font-family:'Geist Mono',monospace}
.mkt-footer-col a{color:var(--text2);text-decoration:none}
.mkt-footer-col a:hover{color:var(--text);text-decoration:underline}
.mkt-footer-copy{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border);margin-top:4px}
.mkt-cta-band-v2{box-shadow:0 25px 60px rgba(15,23,42,.22)}
html{scroll-behavior:smooth}
.mkt-nav-links a,.mkt-footer-col a{scroll-margin-top:80px}

/* Auth-sidor (login/register) */
.mkt-hero-visual{position:relative;min-height:360px;overflow:hidden}
.mkt-hero-img{width:100%;height:100%;object-fit:cover;min-height:100%}
.mkt-hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,rgba(17,17,17,.75) 0%,rgba(17,17,17,.2) 55%,transparent 100%)}
.mkt-hero-badge{position:absolute;bottom:28px;left:28px;right:28px;max-width:calc(100% - 56px);background:rgba(255,255,255,.97);color:var(--ink);backdrop-filter:blur(8px);padding:11px 15px;border-radius:var(--r2);font-size:13px;font-weight:600;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px;z-index:4;line-height:1.35}
.mkt-hero-badge--auth{top:24px;bottom:auto;left:24px;right:auto;max-width:min(320px,calc(100% - 48px))}
.mkt-hero-badge i{color:var(--blue)}
.mkt-hero-stats{position:absolute;top:28px;right:28px;display:flex;gap:10px;z-index:2}
.mkt-hero-stats div{background:rgba(255,255,255,.92);padding:12px 16px;border-radius:var(--r2);text-align:center;min-width:72px}
.mkt-hero-stats strong{display:block;font-size:20px;font-weight:600;letter-spacing:-.5px}
.mkt-hero-stats span{font-size:10px;color:var(--text3);font-family:'Geist Mono',monospace}
.mkt-section{max-width:1200px;margin:0 auto;padding:56px clamp(20px,4vw,48px)}
.mkt-section-head{text-align:center;max-width:560px;margin:0 auto 36px}
.mkt-section-head h2{font-size:28px;font-weight:600;letter-spacing:-.6px;margin-bottom:8px}
.mkt-section-head p{color:var(--text2);font-size:15px}
.mkt-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mkt-feat{background:var(--white);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;transition:transform .2s,box-shadow .2s}
.mkt-feat:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.mkt-feat-img{height:160px;object-fit:cover;width:100%;display:block}
.mkt-feat-body{padding:20px}
.mkt-feat-body h3{font-size:15px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.mkt-feat-body h3 i{color:var(--blue);font-size:18px}
.mkt-feat-body p{font-size:13px;color:var(--text2);line-height:1.55}
.mkt-cta-band{text-align:center;background:linear-gradient(145deg,var(--ink) 0%,#1a2744 50%,#0f172a 100%);color:#fff;padding:56px 32px;border-radius:var(--r3)}
.mkt-cta-band h2{font-size:26px;font-weight:600;margin-bottom:10px}
.mkt-cta-band p{opacity:.8;margin-bottom:24px;font-size:15px}
.auth-wrap.mkt-auth{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.auth-hero.mkt-auth-side{
  padding:0;border:none;background:var(--ink);
  display:grid;grid-template-rows:1fr auto;justify-content:stretch;min-height:100vh;
}
.auth-hero.mkt-auth-side::after{display:none}
.auth-hero.mkt-auth-side .mkt-hero-visual{min-height:0;height:100%;position:relative}
.auth-hero.mkt-auth-side .mkt-hero-img{min-height:280px}
.mkt-auth-side-foot{
  position:relative;z-index:2;
  background:linear-gradient(180deg,transparent 0%,rgba(17,17,17,.55) 24%,rgba(17,17,17,.92) 100%);
  margin-top:-72px;padding-top:48px;
}
.auth-panel.mkt-auth-form{
  align-items:center;justify-content:center;
  padding:clamp(24px,4vw,48px) clamp(20px,4vw,40px);
  min-height:100vh;
}
.auth-box-wide{max-width:420px;width:100%}
.auth-card{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--r3);
  padding:clamp(28px,4vw,36px);
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.06);
}
.auth-brand{
  display:inline-flex;align-items:center;gap:10px;
  text-decoration:none;color:inherit;margin-bottom:28px;
}
.auth-brand:hover .logo-name{color:var(--blue-t)}
.auth-brand-text{display:flex;flex-direction:column;gap:1px}
.auth-head{margin-bottom:4px}
.auth-head h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:6px}
.auth-head .sub{color:var(--text2);font-size:14px;line-height:1.5;margin-bottom:0}
.auth-alerts{display:flex;flex-direction:column;gap:8px;margin:20px 0 4px}
.auth-alerts .alert{margin-bottom:0}
.auth-form{margin-top:24px}
.auth-form .field:last-of-type{margin-bottom:20px}
.auth-submit{width:100%;padding:11px 16px;font-size:14px;font-weight:500}
.auth-foot{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--text2);line-height:1.5}
.auth-foot a{color:var(--text);text-decoration:none}
.auth-foot a:hover{color:var(--blue-t)}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.field-label-row label{margin-bottom:0}
.password-input-wrap{position:relative}
.password-input-wrap input{padding-right:42px}
.password-toggle{
  position:absolute;right:4px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border:none;background:transparent;
  border-radius:var(--r);color:var(--text3);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:color .12s,background .12s;
}
.password-toggle:hover{color:var(--text2);background:var(--bg)}
.password-toggle i{font-size:17px}
.mkt-benefits{list-style:none;margin:0;padding:20px 28px 28px}
.mkt-benefits li{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;font-size:13px;color:rgba(255,255,255,.88)}
.mkt-benefits li:last-child{margin-bottom:0}
.mkt-benefits .ico{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mkt-benefits .ico i{font-size:18px;color:#fff}
.mkt-benefit-copy{min-width:0;line-height:1.45}
.mkt-benefits strong{display:block;color:#fff;font-weight:600;font-size:14px;margin-bottom:4px;letter-spacing:-.2px}
.mkt-benefit-desc{display:block;color:rgba(255,255,255,.72);font-size:12px;line-height:1.5}
.page-auth .auth-box .sub{margin-bottom:0}
.page-register.reg-layout .auth-wrap.mkt-auth{grid-template-columns:minmax(260px,34%) minmax(0,1fr)}
.page-register .auth-panel.mkt-auth-form{align-items:flex-start;padding:28px clamp(16px,3vw,40px) 48px;overflow-y:auto}
.page-register .reg-wizard{max-width:960px;width:100%;background:var(--white);border:1px solid var(--border);border-radius:var(--r3);padding:clamp(24px,3vw,36px);box-shadow:0 4px 24px rgba(0,0,0,.05)}
.page-register .auth-brand{margin-bottom:20px}
.reg-wizard-head{margin-bottom:20px}
.reg-wizard-head h2{font-size:22px;font-weight:600;letter-spacing:-.4px;margin-bottom:4px}
.reg-wizard-head .sub{margin:0;font-size:13px;color:var(--text2)}
.reg-steps{display:flex;gap:0;margin:0 0 28px;padding:0;list-style:none;border-bottom:1px solid var(--border)}
.reg-step-dot{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px 14px;font-size:12px;color:var(--text3);position:relative}
.reg-step-dot span{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border2);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:'Geist Mono',monospace;flex-shrink:0;background:var(--white)}
.reg-step-dot.is-active{color:var(--text);font-weight:500}
.reg-step-dot.is-active span{border-color:var(--ink);background:var(--ink);color:#fff}
.reg-step-dot.is-done{color:var(--text2)}
.reg-step-dot.is-done span{border-color:var(--green);background:var(--green-bg);color:var(--green-t)}
.reg-pane{display:none}
.reg-pane.is-active{display:block;animation:regFade .2s ease}
@keyframes regFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.reg-pane-title{font-size:16px;font-weight:600;margin-bottom:4px;letter-spacing:-.3px}
.reg-pane-lead{font-size:13px;color:var(--text2);margin-bottom:20px;line-height:1.5}
.reg-pricing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;align-items:stretch}
.reg-plan{position:relative;display:flex;flex-direction:column;padding:20px 18px 16px;border:1.5px solid var(--border);border-radius:var(--r2);background:var(--white);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;min-height:100%}
.reg-plan:hover{border-color:var(--border2);box-shadow:0 4px 16px rgba(0,0,0,.04)}
.reg-plan.is-selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.reg-plan.is-featured.is-selected{border-color:var(--blue)}
.reg-plan.is-featured.is-selected{box-shadow:0 0 0 1px var(--blue),0 8px 28px rgba(37,99,235,.12)}
.reg-plan input{position:absolute;opacity:0;pointer-events:none}
.reg-plan-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--blue);color:#fff;font-size:10px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.reg-plan-name{font-size:14px;font-weight:600;margin-bottom:8px;padding-top:4px}
.reg-plan-price{margin-bottom:8px}
.reg-plan-amount{font-size:26px;font-weight:600;letter-spacing:-.6px;font-family:'Geist Mono',monospace}
.reg-plan-period{font-size:12px;color:var(--text3);margin-left:2px}
.reg-plan-desc{font-size:12px;color:var(--text2);line-height:1.45;margin-bottom:12px;min-height:2.9em}
.reg-plan-list{list-style:none;margin:0 0 16px;padding:0;flex:1;display:flex;flex-direction:column;gap:7px}
.reg-plan-list li{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--text2);line-height:1.35}
.reg-plan-list i{color:var(--green);font-size:14px;flex-shrink:0;margin-top:1px}
.reg-plan-cta{display:block;text-align:center;padding:9px 12px;border-radius:var(--r);font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--bg);color:var(--text2);margin-top:auto}
.reg-plan.is-selected .reg-plan-cta{background:var(--ink);border-color:var(--ink);color:#fff}
.reg-plan.is-featured.is-selected .reg-plan-cta{background:var(--blue);border-color:var(--blue)}
.reg-promo label{display:block;font-size:11px;color:var(--text2);margin-bottom:6px;font-family:'Geist Mono',monospace}
.reg-promo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.reg-promo-row input{flex:1;min-width:180px;max-width:280px;background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:9px 12px;font-size:13px}
.reg-promo-hint{font-size:11px;color:var(--text3)}
.reg-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);padding:14px 16px;margin-bottom:18px}
.reg-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 0}
.reg-summary-row.muted{color:var(--text2)}
.reg-summary-row strong{font-weight:600}
.reg-wizard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}
.reg-wizard-foot-right{display:flex;gap:8px}
.auth-terms{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--text2);margin:4px 0 16px;cursor:pointer;line-height:1.5}
.register-success-icon{font-size:56px;color:var(--green);margin-bottom:12px}
.register-success-icon i{display:block}
.plan-modal-panel{width:100%;max-width:520px;max-height:90vh;overflow:auto}
.reg-btn-back i{font-size:15px}
@media(max-width:820px){
  .reg-pricing-row{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}
  .page-register.reg-layout .auth-wrap.mkt-auth{grid-template-columns:1fr}
  .page-register .auth-hero.mkt-auth-side{display:none}
}
@media(min-width:821px) and (max-width:980px){
  .reg-pricing-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .reg-plan{padding:16px 12px 14px}
  .reg-plan-amount{font-size:22px}
  .reg-plan-desc{min-height:0;font-size:11px}
}
.db-setup{background:var(--amber-bg);border:1px solid #FDE68A;color:var(--amber-t);padding:14px;border-radius:var(--r2);margin-bottom:16px;font-size:12px;line-height:1.5}
.listings-filter-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:8px}
.pub-badges{display:flex;flex-wrap:wrap;gap:4px}
.pub-badges .badge{font-size:10px;padding:3px 7px}
.listing-actions{white-space:nowrap}
.listing-actions .row-btn{margin-left:4px}
.listings-table-wrap{overflow-x:auto;padding:0 0 8px}
.listings-table{width:100%;border-collapse:collapse}
.listings-table th{font-size:11px;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.listings-table td{padding:14px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:13px}
.listings-row:hover td{background:rgba(0,0,0,.015)}
.listings-car-cell{display:flex;align-items:center;gap:12px;min-width:220px}
.listings-thumb{width:64px;height:48px;display:block;flex-shrink:0;text-decoration:none}
.listings-title-link{color:var(--text);text-decoration:none;font-weight:600}
.listings-title-link:hover{color:var(--blue)}
.listings-reg{font-family:'Geist Mono',monospace;font-size:12px;color:var(--text);background:var(--bg);padding:2px 6px;border-radius:4px}
.listings-date-cell{white-space:nowrap;font-size:12px}
.listings-exp-soon{color:var(--amber-t);font-weight:500}
.listings-exp-badge{display:inline-block;margin-left:4px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--amber-bg);color:var(--amber-t)}
.listings-th-actions{width:1%;white-space:nowrap}
.listing-action-group{display:flex;gap:6px;justify-content:flex-end}
.listing-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r);border:1px solid var(--border);background:var(--white);color:var(--text2);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}
.listing-action-btn:hover{background:var(--bg);color:var(--text);border-color:var(--border2)}
.listing-action-btn i{font-size:15px}
.listing-action-btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}
.listing-action-btn-primary:hover{background:#333;border-color:#333;color:#fff}
.listing-action-btn-sm{padding:6px 10px;font-size:11px}
.listing-pub-icons{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.listing-pub-icon{position:relative;display:inline-flex;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--white);padding:4px;cursor:help}
.listing-pub-icon img{width:100%;height:100%;object-fit:contain}
.listing-pub-dot{position:absolute;bottom:2px;right:2px;width:8px;height:8px;border-radius:50%;border:2px solid var(--white)}
.listing-pub-icon.b-pub .listing-pub-dot{background:var(--green)}
.listing-pub-icon.b-warn .listing-pub-dot{background:var(--amber)}
.listing-pub-icon.b-err .listing-pub-dot{background:var(--red)}
.listing-pub-icon.b-draft .listing-pub-dot{background:var(--text3)}
.listing-view-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.renew-channel-list{display:flex;flex-direction:column;gap:8px}
.renew-channel-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;background:var(--white)}
.renew-channel-row:hover{border-color:var(--blue)}
.renew-channel-row input{margin:0}
.renew-channel-info{flex:1;min-width:0}
.renew-channel-info strong{display:block;font-size:13px}
.renew-channel-cost{text-align:right}
.renew-fee{font-size:12px;font-weight:600;color:var(--text)}
.renew-price-options{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.renew-price-opt{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r2);cursor:pointer}
.renew-price-opt input{margin-top:3px}
.renew-price-opt span{display:flex;flex-direction:column;gap:2px}
.renew-price-opt small{font-size:11px;color:var(--text3)}
.renew-reduce-fields{margin-top:12px}
.renew-summary{margin:16px 0;padding:12px 14px;background:var(--bg);border-radius:var(--r2);border:1px solid var(--border)}
.renew-summary-row{display:flex;justify-content:space-between;font-size:13px}
.renew-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media(max-width:900px){
  .listing-action-btn span{display:none}
  .listing-action-btn{padding:8px 10px}
}
tr.row-failed{background:rgba(254,242,242,.35)}
.panel-head .row-btn{margin-left:auto;font-size:12px}
@media(max-width:960px){
  .mkt-home-hero-inner{grid-template-columns:1fr;gap:32px}
  .mkt-home-hero-visual{order:-1}
  .mkt-home-metrics{grid-template-columns:repeat(2,1fr)}
  .mkt-steps,.mkt-features,.mkt-proof-grid{grid-template-columns:1fr}
  .mkt-sticky-subnav{top:58px}
  .mkt-v2-hero .mkt-v2-wrap{grid-template-columns:1fr;gap:20px}
  .mkt-v2-preview{grid-template-columns:1fr}
  .mkt-v2-screen-mini{transform:none}
  .mkt-v2-logo-band-inner{grid-template-columns:1fr 1fr}
  .mkt-v2-impact-grid{grid-template-columns:1fr 1fr}
  .mkt-v2-proof-grid{grid-template-columns:1fr}
  .mkt-v2-benefits{grid-template-columns:1fr}
  .mkt-v2-flow{grid-template-columns:1fr}
  .mkt-v2-feature-grid{grid-template-columns:1fr 1fr}
  .mkt-v2-testimonials{grid-template-columns:1fr}
  .mkt-v2-pricing-grid{grid-template-columns:1fr}
  .mkt-v2-contact-grid{grid-template-columns:1fr}
  .mkt-footer-v2{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .mkt-nav-v2{padding:12px 14px}
  .mkt-nav-v2 .mkt-nav-cta .btn{padding:9px 12px;font-size:11px}
  .mkt-nav-v2 .mkt-nav-cta .btn:first-child{display:none}
  .mkt-sticky-subnav{top:54px}
  .mkt-v2-impact-grid{grid-template-columns:1fr}
  .mkt-v2-feature-grid{grid-template-columns:1fr}
  .mkt-v2-exclusive-list{flex-direction:column}
  .mkt-v2-exclusive-list span{border-radius:12px}
  .mkt-footer-v2{grid-template-columns:1fr}
}
.kpi-grid-extended{grid-template-columns:repeat(5,1fr)}
.kpi-with-delta .kpi-delta{display:block;margin-top:6px;font-size:11px;font-weight:500}
.kpi-delta-up{color:var(--green-t)}
.kpi-delta-down{color:var(--red-t)}
.kpi-delta i{font-size:13px;vertical-align:-2px}
.dashboard-charts canvas{max-height:220px}
.dashboard-page{padding:20px 24px 32px;max-width:1200px}
.dash-alert{margin:0 0 16px}
.dash-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.kpi-compact{padding:14px 16px}
.kpi-compact .kpi-val{font-size:22px}
.dash-layout{display:grid;grid-template-columns:1fr 260px;gap:16px;align-items:start}
.dash-chart-panel{margin-bottom:16px}
.panel-head-tight{padding:12px 16px;border-bottom:1px solid var(--border)}
.dash-chart-wrap{height:200px;padding:8px 16px 16px}
.dash-link-sm{font-size:12px;font-weight:500;color:var(--blue);text-decoration:none}
.dash-link-sm:hover{text-decoration:underline}
.dash-recent-panel{overflow:hidden}
.dash-recent-head-actions{display:flex;align-items:center;gap:8px}
.dash-empty{padding:32px;text-align:center;color:var(--text3)}
.dash-empty p{margin-bottom:12px}
.dash-recent-list{list-style:none;margin:0;padding:0}
.dash-recent-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}
.dash-recent-item:last-child{border-bottom:none}
.dash-recent-item:hover{background:rgba(0,0,0,.02)}
.dash-recent-thumb{width:56px;height:42px;flex-shrink:0;border-radius:var(--r);overflow:hidden;display:block;border:1px solid var(--border)}
.dash-recent-thumb img{width:100%;height:100%;object-fit:cover}
.dash-recent-body{flex:1;min-width:0}
.dash-recent-title{display:block;font-weight:600;font-size:13px;color:var(--text);text-decoration:none;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-recent-title:hover{color:var(--blue)}
.dash-recent-meta{font-size:12px;color:var(--text2);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dash-recent-foot{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.dash-recent-pubs .listing-pub-icon{width:28px;height:28px}
.dash-recent-pubs .listing-pub-dot{width:6px;height:6px}
.dash-recent-actions{flex-shrink:0}
.dash-recent-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r);border:1px solid var(--border);color:var(--text2);text-decoration:none}
.dash-recent-link:hover{background:var(--bg);color:var(--text)}
.dash-aside{display:flex;flex-direction:column;gap:12px}
.dash-aside-card{padding:14px 16px}
.dash-aside-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text3);margin-bottom:6px}
.dash-aside-title{font-size:15px;font-weight:600;margin-bottom:4px}
.dash-aside-stat{font-size:28px;font-weight:600;font-family:'Geist Mono',monospace}
.dash-aside-muted{background:var(--bg)}
.dash-quick-links{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.dash-quick-links a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r);font-size:13px;color:var(--text2);text-decoration:none}
.dash-quick-links a:hover{background:var(--bg);color:var(--text)}
.dash-quick-links i{font-size:16px;opacity:.8}
.support-page{padding:22px 24px 32px;max-width:960px}
.support-page-head{margin-bottom:20px}
.support-page-head h1{font-size:22px;font-weight:600;margin:0 0 4px}
.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:900px){.support-layout{grid-template-columns:1fr}}
.support-ticket-list{list-style:none;margin:0;padding:0}
.support-ticket-row{display:block;padding:14px 16px;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}
.support-ticket-row:hover{background:var(--bg)}
.support-ticket-row.has-unread{border-left:3px solid var(--blue);background:var(--blue-bg)}
.support-ticket-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}
.support-ticket-preview{font-size:12px;color:var(--text2);margin:0 0 4px;line-height:1.4}
.support-thread{padding:16px 20px;max-height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.support-bubble{max-width:85%;padding:12px 14px;border-radius:var(--r2);font-size:13px;line-height:1.5}
.support-bubble.is-mine{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.support-bubble.is-mine .car-meta{color:rgba(255,255,255,.65)}
.support-bubble.is-support{align-self:flex-start;background:var(--bg);border:1px solid var(--border);border-bottom-left-radius:4px}
.support-bubble-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px}
.support-bubble-body{word-break:break-word}
.support-reply-form{padding:16px 20px;border-top:1px solid var(--border)}
@media(max-width:1000px){
  .dash-layout{grid-template-columns:1fr}
  .dash-kpi-row{grid-template-columns:repeat(2,1fr)}
}
.platform-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.platform-stat-card{padding:14px 16px;text-align:center}
.platform-stat-logo{width:40px;height:40px;object-fit:contain;margin:0 auto 8px;display:block}
.platform-stat-name{font-weight:600;font-size:13px}
.platform-stat-meta{font-size:11px;color:var(--text3);margin:4px 0 10px}
.platform-stat-numbers{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--text2)}
.import-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}
.import-subtitle{font-size:14px;font-weight:600;margin:0 0 8px}
.import-format-table{width:100%;font-size:12px;border-collapse:collapse}
.import-format-table th,.import-format-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}
.import-demo-links{display:flex;flex-wrap:wrap;gap:8px}
.import-video-placeholder{background:linear-gradient(135deg,#1e1e24,#2d2d35);border-radius:var(--r2);margin:0 16px 12px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.import-video-inner{text-align:center;color:#fff;padding:20px}
.import-video-inner .ti-brand-youtube{font-size:48px;color:#ff0000;display:block;margin-bottom:8px}
.import-steps-list{padding:0 20px 20px;margin:0;font-size:13px;color:var(--text2);line-height:1.8}
.blocket-import-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}
.blocket-import-table tr.is-muted{opacity:.65}
.blocket-import-table .field-hint{font-size:11px}
.bulk-list-cards{max-height:none}
.bulk-card{border:1px solid var(--border);border-radius:var(--r2);padding:12px 14px;margin-bottom:10px;background:var(--white)}
.bulk-row-with-thumb{align-items:center;border:none;padding:0;margin-bottom:10px;background:transparent}
.bulk-row-with-thumb:hover{background:transparent;border-color:transparent}
.bulk-thumb{width:72px;height:54px;border-radius:var(--r);overflow:hidden;flex-shrink:0;background:var(--bg);border:1px solid var(--border)}
.bulk-thumb img{width:100%;height:100%;object-fit:cover}
.bulk-thumb-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text3);font-size:22px}
.channel-publish-wrap{margin-top:4px}
.channel-publish-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.channel-publish-form{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0}
.channel-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;min-width:100px;border:1.5px solid var(--border);border-radius:var(--r2);background:var(--white);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.channel-btn:hover:not(:disabled){border-color:var(--blue);box-shadow:0 4px 14px rgba(37,99,235,.12)}
.channel-btn.is-done{opacity:.65;cursor:default}
.channel-btn-logo{width:36px;height:36px;object-fit:contain}
.channel-btn-label{font-size:11px;font-weight:600}
.channel-btn-status{font-size:9px;padding:2px 6px}
.channel-btn-all{flex-direction:row;min-width:auto;background:var(--ink);color:#fff;border-color:var(--ink)}
.channel-btn-all:hover:not(:disabled){background:#333;border-color:#333;color:#fff}
.channel-traffic-hint{font-size:10px;color:var(--text3);text-align:center;max-width:110px;line-height:1.3}
.channel-publish-all-form{margin-bottom:8px}
.channel-pick-grid .channel-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;min-width:120px}
.channel-pick-grid .channel-pick small{font-size:10px;color:var(--text3);text-align:center}
.channel-pick-logo{width:32px;height:32px;object-fit:contain}

/* ==== Landing page v4 reset ==== */
.lp4{background:radial-gradient(1000px 600px at 90% -10%,rgba(59,130,246,.18),transparent 55%),radial-gradient(900px 500px at -10% 12%,rgba(56,189,248,.16),transparent 48%),#f4f6fa;color:#0f172a}
.lp4-wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.lp4-header{position:sticky;top:0;z-index:70;background:rgba(244,246,250,.88);border-bottom:1px solid #dde3ee;backdrop-filter:blur(10px)}
.lp4-header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:12px 22px}
.lp4-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.lp4-brand-mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#0f172a;color:#fff}
.lp4-brand strong{display:block;font-size:14px}
.lp4-brand small{display:block;font-size:11px;color:#64748b}
.lp4-nav{display:flex;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.lp4-nav::-webkit-scrollbar{display:none}
.lp4-nav a{font-size:12px;font-weight:600;padding:7px 11px;border-radius:999px;border:1px solid transparent;text-decoration:none;color:#475569;white-space:nowrap}
.lp4-nav a:hover{background:#fff;border-color:#dbe2ef;color:#0f172a}
.lp4-nav a.is-active{background:#0f172a;color:#fff;border-color:#0f172a}
.lp4-header-cta{display:flex;gap:8px;align-items:center}
.lp4-hero{padding:56px 0 28px}
.lp4-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}
.lp4-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-size:11px;font-family:'Geist Mono',monospace;margin:0 0 14px}
.lp4-hero-copy h1{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-1.5px;margin:0 0 12px}
.lp4-hero-copy p{margin:0 0 18px;font-size:16px;line-height:1.65;color:#475569;max-width:640px}
.lp4-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.lp4-counter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lp4-counter-row article{background:#fff;border:1px solid #dbe2ef;border-radius:12px;padding:12px}
.lp4-counter-row strong{display:block;font-size:28px;line-height:1;letter-spacing:-1px}
.lp4-counter-row span{display:block;margin-top:6px;font-size:11px;color:#64748b;font-family:'Geist Mono',monospace}
.lp4-hero-visual{position:relative;min-height:260px}
.lp4-glow{position:absolute;inset:25px 30px 10px;border-radius:24px;background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(16,185,129,.18));filter:blur(40px)}
.lp4-ui-stack{position:relative;display:grid;gap:12px}
.lp4-ui-card{background:rgba(255,255,255,.92);border:1px solid #dbe2ef;border-radius:14px;padding:14px;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.lp4-ui-card header{font-size:11px;color:#64748b;font-family:'Geist Mono',monospace;margin-bottom:8px}
.lp4-ui-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #eef2f7;font-size:12px}
.lp4-ui-row:last-child{border-bottom:none}
.lp4-ui-row .ok{color:#15803d}
.lp4-ui-card-shift{transform:translateX(26px)}
.lp4-ui-ch{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12px}
.lp4-ui-ch img{width:24px;height:24px;object-fit:contain}
.lp4-live-strip{padding:8px 0 14px}
.lp4-live-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#2563eb;margin-bottom:8px}
.lp4-live-track{display:flex;gap:8px;flex-wrap:wrap}
.lp4-live-item{font-size:12px;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #dbe2ef;color:#334155}
.lp4-section{padding:44px 0}
.lp4-head{text-align:center;max-width:760px;margin:0 auto 24px}
.lp4-head h2{font-size:34px;line-height:1.1;letter-spacing:-.8px;margin:0 0 8px}
.lp4-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lp4-features article{background:#fff;border:1px solid #dbe2ef;border-radius:14px;padding:16px}
.lp4-features i{font-size:22px;color:#2563eb}
.lp4-features h3{font-size:15px;margin:8px 0 5px}
.lp4-features p{font-size:12px;color:#475569;line-height:1.55}
.lp4-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp4-proof-card{background:#fff;border:1px solid #dbe2ef;border-radius:14px;overflow:hidden}
.lp4-proof-card header{padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:11px;color:#64748b;font-family:'Geist Mono',monospace}
.lp4-proof-card img{width:100%;display:block;object-fit:cover}
.lp4-flow{padding:14px}
.lp4-flow div{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #dbe2ef;background:#f8fafc;border-radius:10px;margin-bottom:8px;font-size:12px}
.lp4-flow b{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;color:#1e3a8a;font-size:11px}
.lp4-gif-placeholder{padding:28px 18px;text-align:center;color:#64748b}
.lp4-gif-placeholder i{font-size:34px;color:#2563eb}
.lp4-empty{background:#fff;border:1px solid #dbe2ef;border-radius:12px;padding:20px;text-align:center}
.lp4-quote-section{padding-top:20px}
.lp4-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp4-quotes article{background:#fff;border:1px solid #dbe2ef;border-radius:14px;padding:16px}
.lp4-quotes p{margin:0 0 10px;font-size:13px;line-height:1.6}
.lp4-quotes span{font-size:11px;color:#64748b;font-family:'Geist Mono',monospace}
.lp4-contact{display:grid;grid-template-columns:1fr 1.05fr;gap:14px;align-items:start}
.lp4-contact h2{font-size:34px;line-height:1.1;letter-spacing:-.8px;margin:0 0 8px}
.lp4-contact p{font-size:15px;color:#475569}
.lp4-contact-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lp4-contact-boxes article{background:#fff;border:1px solid #dbe2ef;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}
.lp4-contact-boxes i{font-size:20px;color:#2563eb}
.lp4-contact-boxes b{font-size:13px}
.lp4-contact-boxes a{font-size:12px;text-decoration:none;color:#1d4ed8}
.lp4-contact-boxes small{font-size:11px;color:#64748b}
.lp4-reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .55s ease,transform .55s ease}
.lp4-reveal.is-in{opacity:1;transform:none}
@media(max-width:1080px){
  .lp4-hero-grid{grid-template-columns:1fr}
  .lp4-features{grid-template-columns:1fr 1fr}
  .lp4-proof-grid{grid-template-columns:1fr}
  .lp4-quotes{grid-template-columns:1fr}
  .lp4-contact{grid-template-columns:1fr}
  .lp4-contact-boxes{grid-template-columns:1fr}
}
@media(max-width:760px){
  .lp4-header-inner{grid-template-columns:auto auto;grid-template-areas:"brand cta" "nav nav";row-gap:10px}
  .lp4-brand{grid-area:brand}
  .lp4-nav{grid-area:nav;justify-content:flex-start}
  .lp4-header-cta{grid-area:cta}
  .lp4-header-cta .btn:first-child{display:none}
  .lp4-hero-copy h1{font-size:44px}
  .lp4-counter-row{grid-template-columns:1fr}
  .lp4-features{grid-template-columns:1fr}
}
.dash-listing-cards{padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}
.dash-listing-card{border:1px solid var(--border);border-radius:var(--r2);padding:12px}
.dash-listing-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}
.dash-listing-head .row-btn{margin-left:auto}
.dash-thumb{width:56px;height:42px}
.plat-logo-img{width:36px;height:36px;object-fit:contain;border-radius:8px}
.listing-view-hero-inner{display:flex;gap:16px;align-items:center}
.listing-view-thumb{width:120px;height:90px}
.pub-platform-cell{display:flex;align-items:center;gap:8px}
.pub-events{padding:6px 0 10px 44px;font-size:11px;color:var(--text2)}
.pub-events-row td{background:var(--bg);border-top:none}
.pub-event-item{display:block;margin-bottom:2px}
@media(max-width:1100px){
  .kpi-grid-extended{grid-template-columns:repeat(2,1fr)}
  .platform-stats-row{grid-template-columns:1fr}
  .import-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .auth-wrap,.auth-wrap.mkt-auth,.landing-grid{grid-template-columns:1fr}
  .auth-hero.mkt-auth-side{display:none}
  .auth-panel.mkt-auth-form{min-height:auto;padding:24px 20px 40px}
  .auth-card{box-shadow:0 8px 28px rgba(0,0,0,.06)}
  .app{grid-template-columns:1fr}
  .sidebar{display:none}
  .main{margin-left:0}
}
.settings-team-page{padding:22px 24px;max-width:720px}
.team-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
