/* KASKO24 – sistemi i dizajnit (stil paneli si OpenAI): gri neutrale, pa gradientë, pa shkëlqime, tipografi Inter.
   Ngarkohet i fundit në çdo faqe; tokenët këtu mbishkruajnë ngjyrat e vjetra. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
:root{
  --bg:#0e0e0e;--bg2:#131313;--card:#161616;--card2:#1d1d1d;--line:#242424;--line2:#303030;--hover:rgba(255,255,255,.05);--sel:rgba(255,255,255,.08);
  --text:#ececec;--muted:#a3a3a3;--dim:#6f6f6f;
  --up:#22c55e;--up-bg:rgba(34,197,94,.10);--down:#ef4444;--down-bg:rgba(239,68,68,.10);
  --accent:#7cacf8;--accent2:#7cacf8;--warn:#eab308;--warn-bg:rgba(234,179,8,.10);
  --radius:12px;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:Inter,ui-sans-serif,system-ui,sans-serif;--code:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sbw:252px;color-scheme:dark;
}
html,body{font-family:var(--sans)!important;font-size:14px;line-height:1.55;letter-spacing:-.003em;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
body{background:var(--bg)!important;color:var(--text)}
::selection{background:rgba(124,172,248,.3)}
a{color:var(--accent)}
code,pre,kbd,.code{font-family:var(--code)!important;font-size:.92em}
h1{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:4px 0 6px}
h2{font-size:18px;font-weight:600;letter-spacing:-.01em}
h3,h4{font-weight:600}
*{scrollbar-width:thin;scrollbar-color:#333 transparent}

/* ───── kartat ───── */
.card,.feat,.step,.c-form,.c-card,.cmp,.ind,.liq-box,.alert,.risk-note,.toc,.faq details,.pl,.box,.panel,.tile{
  background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;backdrop-filter:none!important}
.card{padding:20px}
.card h3,.card-head h3{font-size:14px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--text)!important}
.card-head{margin-bottom:14px}
.kpi .label,.label{font-size:12.5px!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important;font-weight:500}
.kpi .value{font-family:var(--sans)!important;font-size:24px!important;font-weight:600!important;letter-spacing:-.02em!important}
.k{letter-spacing:.02em!important}
.muted{color:var(--muted)}.dim{color:var(--dim)}
.up{color:var(--up)}.down{color:var(--down)}

/* ───── butonat dhe fushat ───── */
.btn,button.btn,a.btn{background:transparent;border:1px solid var(--line2)!important;color:var(--text)!important;border-radius:8px!important;padding:7px 12px;font:500 13px/1.3 var(--sans)!important;box-shadow:none!important;transition:background .12s,border-color .12s}
.btn:hover{background:var(--hover)!important;border-color:#3d3d3d!important;text-decoration:none}
.btn.primary,.b-primary,.cta,.login form button,button.primary{background:#ececec!important;color:#0e0e0e!important;border:1px solid #ececec!important;font-weight:600!important;box-shadow:none!important;filter:none!important}
.btn.primary:hover,.b-primary:hover,.cta:hover,button.primary:hover{background:#fff!important;border-color:#fff!important}
.btn.danger{color:#f87171!important}.btn.danger:hover{background:rgba(239,68,68,.08)!important;border-color:rgba(239,68,68,.35)!important}
.btn.sm{padding:4px 9px;font-size:12px!important}
input,select,textarea{font-family:var(--sans)!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.field input,.inline-form input,.inline-form select,.form input,.search-in,.sel{
  background:var(--bg)!important;border:1px solid var(--line2)!important;color:var(--text)!important;border-radius:8px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#5a5a5a!important;box-shadow:0 0 0 3px rgba(255,255,255,.06)!important}
input::placeholder,textarea::placeholder{color:var(--dim)}

/* ───── tabela ───── */
table{font-size:13px}
th{font-weight:500!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;border-bottom:1px solid var(--line)!important}
td{border-bottom:1px solid var(--line)!important}
tbody tr:hover td{background:rgba(255,255,255,.018)}

/* ───── etiketat, skedat ───── */
.pill,.badge,.tag,.chip{border-radius:999px!important;font-weight:500!important;letter-spacing:0!important;font-family:var(--sans)!important}
.tabs,.chips-bar,.seg{background:var(--bg2)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:3px!important;gap:2px!important}
.tabs button,.chips-bar button,.seg button{background:transparent!important;border:0!important;color:var(--muted)!important;border-radius:7px!important;font:500 13px var(--sans)!important;padding:6px 11px!important;box-shadow:none!important}
.tabs button:hover,.chips-bar button:hover{color:var(--text)!important}
.tabs button.on,.chips-bar button.on,.seg button.on{background:var(--card2)!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px var(--line2)!important}
.msg.s{color:var(--up)}.msg.e{color:var(--down)}
.empty{color:var(--dim)}
.avatar{background:#2a2a2a!important;color:var(--text)!important;border-radius:999px!important;font-weight:600}
.dot{box-shadow:none!important;animation:none!important}
.coin{box-shadow:none}
.thermo-bar{background:linear-gradient(90deg,#3b82f6,#22c55e 30%,#eab308 65%,#ef4444)!important}
.hero-body h1 em{background:none!important;-webkit-text-fill-color:currentColor;color:var(--muted)!important}
[hidden]{display:none!important}

/* ───── shiriti anësor ───── */
.sb{display:none}
body.shell .sb{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:var(--sbw);z-index:50;background:var(--bg2);border-right:1px solid var(--line);padding:10px 10px 12px}
body.shell{padding-left:var(--sbw)}
.sb-top{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px}
.sb-brand{display:flex;align-items:center;gap:10px;color:var(--text)!important;text-decoration:none!important;font-weight:600;font-size:15px;letter-spacing:-.01em}
.sb-brand img{width:26px;height:26px;border-radius:7px}
.sb-x{display:none;background:none;border:0;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px}
.sb-ws{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;margin:2px 4px 8px;background:var(--bg);border:1px solid var(--line);border-radius:10px}
.sb-ws a{text-align:center;padding:6px 0;border-radius:7px;color:var(--muted)!important;font-weight:500;font-size:13px;text-decoration:none!important}
.sb-ws a.on{background:var(--card2);color:var(--text)!important;box-shadow:inset 0 0 0 1px var(--line2)}
.sb-nav{flex:1;overflow-y:auto;margin:0 -4px;padding:0 4px}
.sb-sec{padding:2px 0 6px}
.sb-h{font-size:12px;font-weight:500;color:var(--dim);padding:12px 10px 4px}
.sb-i{display:flex;align-items:center;gap:10px;padding:6.5px 10px;margin:1px 0;border-radius:8px;color:var(--muted)!important;font-size:13.5px;font-weight:500;text-decoration:none!important;transition:background .1s,color .1s}
.sb-i svg{flex:0 0 18px;opacity:.85}
.sb-i:hover{background:var(--hover);color:var(--text)!important}
.sb-i.on{background:var(--sel);color:var(--text)!important}
.sb-i.on svg{opacity:1}
.sb-foot{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}
.sb-cta{justify-content:center;text-align:center;display:block}
.sb-plan{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;text-decoration:none!important;color:var(--text)!important}
.sb-plan b{font-size:13px;font-weight:600}.sb-plan span{font-size:12px;color:var(--muted)}
.sb-plan.up{background:#ececec;border-color:#ececec}.sb-plan.up b{color:#0e0e0e}.sb-plan.up span{color:#525252}
.sb-user{display:flex;align-items:center;gap:6px}
.sb-me{flex:1;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;color:var(--text)!important;text-decoration:none!important;min-width:0}
.sb-me:hover{background:var(--hover)}
.sb-me .avatar{width:30px;height:30px;display:grid;place-items:center;font-size:13px;flex:0 0 30px}
.sb-me b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-me small{display:block;font-size:11.5px;color:var(--dim)}
.sb-out{background:none;border:0;color:var(--muted);padding:8px;border-radius:8px;cursor:pointer}
.sb-out:hover{background:var(--hover);color:var(--text)}
.sb-scrim{display:none}

/* ───── shiriti i sipërm ───── */
body.shell .topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;height:56px;padding:0 28px!important;background:rgba(14,14,14,.86)!important;backdrop-filter:saturate(1.4) blur(10px)!important;border-bottom:1px solid var(--line)!important}
body.shell .topbar>.brand,body.shell .topbar>.nav,body.shell #world-sw,body.shell .mnav,body.shell .msheet,body.shell .topbar #user,body.shell .topbar #logout{display:none!important}
.tb-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.tb-menu{display:none;background:none;border:1px solid var(--line2);color:var(--text);border-radius:8px;padding:6px;cursor:pointer;line-height:0}
.tb-crumb{display:flex;align-items:center;gap:8px;font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-crumb span{color:var(--muted)}.tb-crumb i{color:var(--dim);font-style:normal}.tb-crumb b{font-weight:600}
body.shell .topbar .status{gap:12px;color:var(--muted)}
.topsearch input{height:34px!important;width:240px;border-radius:8px!important;background:var(--bg2)!important;font-size:13px}
.topsearch .res{background:var(--card)!important;border:1px solid var(--line2)!important;border-radius:10px!important;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.topsearch .res a:hover,.topsearch .res a.act{background:var(--hover)!important}
.langsw{border:1px solid var(--line2)!important;border-radius:8px!important;overflow:hidden}
.langsw button{color:var(--dim)!important;font:600 11px var(--sans)!important;padding:5px 8px!important}
.langsw button.on{background:var(--card2)!important;color:var(--text)!important}
body.shell main{max-width:1440px;padding:28px 32px 64px}
.lp-bar,.imp-bar{position:relative;z-index:31}

@media (max-width:980px){
  body.shell{padding-left:0}
  body.shell .sb{transform:translateX(-102%);transition:transform .2s ease;width:min(84vw,300px);box-shadow:none}
  body.sb-open .sb{transform:none;box-shadow:0 0 60px rgba(0,0,0,.6)}
  body.sb-open .sb-scrim{display:block;position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.55)}
  .sb-x,.tb-menu{display:inline-flex}
  body.shell .topbar{padding:0 14px!important;gap:10px}
  body.shell main{padding:18px 16px 48px}
  body.shell .topbar .live,body.shell .topbar .badge{display:none}
}
@media (max-width:720px){.topsearch{display:none}body.shell{padding-bottom:0!important}}

/* ───── faqet publike (landing, hyrja, ligjore) ───── */
.site-nav{background:rgba(14,14,14,.86)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(10px)!important}
.auth-hero{background:var(--bg2)!important;border-right:1px solid var(--line)}
.auth-hero::after{display:none!important}
.features li{background:var(--card)!important;border-radius:10px!important}
.features li span{display:none}
.done-icon{background:var(--up)!important;box-shadow:none!important}
.mnav{background:rgba(14,14,14,.97)!important}

/* ───── pa gradientë dekorativë (shiritat e progresit mbeten) ───── */
.hub-head,.hub-head.spot,.hub-head.fut,.hub-head.fx,.sig-card,.fl-post,.dpos,.dcl,.pr,.sn.signal,.sn.signal.forex,.nw.hi,.mb.user,.imp-bar,.lp-bar{background-image:none!important}
.hub-head,.sig-card,.fl-post,.dpos,.dcl,.pr,.sn.signal{background-color:var(--card)!important;border-color:var(--line)!important}
.hub-head{border-radius:var(--radius)!important;padding:28px!important}
.hub-kicker,.sn-k{color:var(--muted)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.04em!important}
.hub-head h1,.hub-head h2{font-size:26px!important;font-weight:600!important;letter-spacing:-.02em!important}
.mb.user{background-color:#2a2a2a!important;color:var(--text)!important}
.imp-bar{background-color:#3a2a0a!important;color:#fde68a!important;border-bottom:1px solid #5a4410}
.lp-bar{background-color:var(--card2)!important;color:var(--text)!important;border-bottom:1px solid var(--line)}
.nw.hi{border-left:2px solid var(--down)!important}
.stables{font-size:12.5px!important;gap:3px 10px!important}