*{box-sizing:border-box}
:root{
  --bg:#070812;
  --bg2:#0d1020;
  --panel:#101522;
  --panel2:#131a2b;
  --soft:#171f33;
  --line:rgba(150,160,210,.13);
  --muted:#97a3b8;
  --text:#edf2ff;
  --cyan:#5ee7ff;
  --violet:#8d6bff;
  --pink:#ff4f8b;
  --orange:#ffbd66;
  --green:#4ee69b;
  --red:#ff667f;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 5%, rgba(141,107,255,.16), transparent 28%),
    radial-gradient(circle at 100% 28%, rgba(94,231,255,.13), transparent 26%),
    radial-gradient(circle at 30% 100%, rgba(255,79,139,.09), transparent 25%),
    linear-gradient(180deg,#070812 0%,#0b0d18 100%);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:42px 42px;
}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;color:#fff;letter-spacing:-.035em}
h1{font-size:clamp(26px,3vw,42px);line-height:1.03}
h2{font-size:20px} h3{font-size:14px;margin:16px 0 10px}
.muted{color:var(--muted)} .mini{font-size:12px}
.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;position:relative;z-index:1}
.sidebar{
  position:sticky;top:0;height:100vh;padding:18px;
  background:rgba(8,10,20,.78);
  border-right:1px solid var(--line);
  backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.brand-orb{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  font-weight:950;background:linear-gradient(135deg,var(--pink),var(--violet) 55%,var(--cyan));
  box-shadow:0 0 34px rgba(141,107,255,.23);
}
.brand-title{font-size:14px;font-weight:950;letter-spacing:.16em}
.brand-sub{font-size:10px;font-weight:900;letter-spacing:.28em;color:var(--cyan);margin-top:2px}
.side-nav{display:grid;gap:8px}
.side-nav a{
  display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;
  color:#d7def0;font-weight:800;font-size:13px;background:transparent;border:1px solid transparent;
}
.side-nav a:hover{background:rgba(255,255,255,.055);border-color:var(--line)}
.side-card{
  position:absolute;left:18px;right:18px;bottom:18px;
  padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(141,107,255,.13),rgba(94,231,255,.055));
  border:1px solid var(--line);
}
.side-card span{display:block;color:var(--muted);font-size:12px;font-weight:800}
.side-card b{display:block;font-size:24px;margin:4px 0;color:#fff}
.side-card small{display:block;color:#9aa8bd;font-size:11px;line-height:1.45}
.main-panel{min-width:0;padding:22px;max-width:1500px;width:100%;margin:0 auto}
.card,.scan-section{
  background:rgba(16,21,34,.78);
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  margin-bottom:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.20);
  backdrop-filter:blur(14px);
}
.card.compact{padding:12px}
.panel-hero{
  padding:22px;
  background:
    radial-gradient(circle at 88% 10%,rgba(94,231,255,.16),transparent 24%),
    linear-gradient(135deg,rgba(141,107,255,.16),rgba(16,21,34,.74) 45%,rgba(94,231,255,.07));
  overflow:hidden;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);
  background:rgba(255,255,255,.045);color:#cbd4e8;border-radius:999px;
  padding:6px 10px;font-weight:900;font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:12px;
}
.accent{color:var(--cyan)}
.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.right{text-align:right}.gap8{gap:8px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:none;border-radius:14px;color:#fff;padding:10px 14px;cursor:pointer;font-weight:900;
  background:linear-gradient(135deg,var(--pink),var(--violet) 55%,#4aa7ff);
  box-shadow:0 12px 30px rgba(141,107,255,.18);
}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.small{padding:8px 10px;font-size:12px}.btn.full{width:100%;margin-top:16px}.btn.ghost{background:rgba(255,255,255,.055);box-shadow:none;border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.metric{
  background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:14px;min-height:88px;position:relative;overflow:hidden;
}
.metric:before{content:"";position:absolute;inset:auto 12px 0 12px;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));opacity:.55}
.metric span{color:#aeb8ca;font-size:12px;font-weight:850}.metric b{display:block;font-size:28px;margin-top:8px;line-height:1}
.metric.danger:before{background:linear-gradient(90deg,var(--pink),var(--red))}.metric.warn:before{background:linear-gradient(90deg,var(--orange),#ffe29b)}.metric.ok:before{background:linear-gradient(90deg,var(--green),var(--cyan))}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px;margin:14px 0}.info-grid>div{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px;padding:10px;font-size:13px}.info-grid b{color:#fff}
label{display:block;margin:12px 0 6px;color:#cad5e7;font-size:13px;font-weight:850}
input,textarea{width:100%;background:rgba(6,8,16,.72);border:1px solid rgba(150,160,210,.18);border-radius:14px;padding:12px;color:#fff;outline:none}
input:focus,textarea:focus{border-color:rgba(94,231,255,.5);box-shadow:0 0 0 3px rgba(94,231,255,.09)}
textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.fullcol{grid-column:1/-1}
.token-box{font-size:20px;background:rgba(6,8,16,.72);border:1px dashed rgba(94,231,255,.4);border-radius:16px;padding:14px;display:inline-block;font-family:Consolas,monospace;letter-spacing:.5px;word-break:break-all}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950}
.badge.ok{background:rgba(78,230,155,.16);color:#bffbd9}.badge.warn{background:rgba(255,189,102,.16);color:#ffe2aa}.badge.danger{background:rgba(255,79,139,.17);color:#ffc3d3}.badge.pending{background:rgba(94,231,255,.13);color:#c9f6ff}
.pill{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;background:rgba(255,255,255,.045);border:1px solid var(--line);color:#d9e7fb}.pill b{color:#fff}
.alert{border-radius:14px;padding:12px;margin:12px 0}.alert.danger{background:rgba(255,79,139,.12);border:1px solid rgba(255,79,139,.18);color:#ffc8d5}.alert.warn{background:rgba(255,189,102,.12);border:1px solid rgba(255,189,102,.18);color:#ffe6b7}.danger-text{color:#ffbfca;background:rgba(255,79,139,.10);border:1px solid rgba(255,79,139,.17);border-radius:14px;padding:10px;margin:12px 0 0}
.empty{padding:12px;color:#aeb9cc;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.category-card{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:14px;transition:.15s}
.category-card:hover{transform:translateY(-1px);border-color:rgba(94,231,255,.25);background:rgba(255,255,255,.055)}
.category-card .num{font-size:25px;font-weight:950}.category-card p{margin:5px 0 0;color:#9faabd;font-size:12px;line-height:1.4}
.section-nav-card{padding:8px 0;background:transparent;border:none;box-shadow:none}.section-nav{display:flex;flex-wrap:wrap;gap:8px}.section-nav a{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:8px 10px;color:#e9edf7;font-size:12px;font-weight:900}.section-nav a:hover{background:rgba(141,107,255,.12);border-color:rgba(141,107,255,.25)}.section-nav b{background:rgba(6,8,16,.6);border-radius:999px;padding:2px 7px;margin-left:5px;color:#fff}
.scan-section{padding:0;overflow:hidden}.scan-section summary{list-style:none;cursor:pointer;padding:14px 16px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.01));user-select:none}.scan-section summary::-webkit-details-marker{display:none}.scan-section summary:before{content:"＋";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--line);margin-right:10px;font-weight:900;color:var(--cyan)}.scan-section[open] summary:before{content:"—"}.scan-body{padding:0 16px 16px}.scan-section.danger summary{background:linear-gradient(180deg,rgba(255,79,139,.13),rgba(255,255,255,.01))}.scan-section.warn summary{background:linear-gradient(180deg,rgba(255,189,102,.12),rgba(255,255,255,.01))}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-head p{margin:5px 0 0;color:#9faabd;max-width:900px;font-size:13px;line-height:1.45}.section-count{min-width:42px;text-align:center;background:rgba(6,8,16,.6);border:1px solid var(--line);border-radius:14px;padding:8px 10px;font-size:22px;font-weight:950;color:#fff}
.record-list{display:grid;gap:10px}.record-item{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:17px;overflow:hidden}.record-item.high{border-color:rgba(255,79,139,.20);background:rgba(255,79,139,.075)}.record-item.sus{border-color:rgba(255,189,102,.20);background:rgba(255,189,102,.065)}.record-item summary{list-style:none;cursor:pointer;padding:12px 14px}.record-item summary::-webkit-details-marker{display:none}.record-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.record-title{font-weight:900;font-size:14px;line-height:1.35;color:#f6fbff;word-break:break-word}.record-sub{margin-top:4px;color:#92a3bf;font-size:12px}.record-body{padding:0 14px 14px}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding-top:4px}.field{background:rgba(255,255,255,.032);border:1px solid rgba(150,160,210,.10);border-radius:14px;padding:10px;min-width:0}.field span{display:block;font-size:11px;color:#8ea2c2;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.field b{display:block;font-size:12.5px;line-height:1.45;color:#f1f6ff;font-weight:650;word-break:break-word}
.report-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.report-card{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:14px}.report-card.high{border-color:rgba(255,79,139,.20);background:rgba(255,79,139,.075)}.report-card.sus{border-color:rgba(255,189,102,.20);background:rgba(255,189,102,.065)}.report-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.report-title{font-size:17px;font-weight:950;line-height:1.15}.report-meta{color:#a2aec2;font-size:12px;margin-top:4px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.mini-stat{background:rgba(6,8,16,.48);border:1px solid var(--line);border-radius:13px;padding:8px}.mini-stat span{display:block;color:#9cabc3;font-size:11px}.mini-stat b{display:block;font-size:16px;margin-top:4px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:rgba(4,8,15,.28)}table{border-collapse:collapse;width:100%;font-size:12px;min-width:720px}th,td{border-bottom:1px solid rgba(152,178,220,.1);padding:8px;vertical-align:top}th{position:sticky;top:0;background:#161d2f;text-align:left;z-index:1;color:#f6fbff;font-size:12px}tr:hover{background:rgba(255,255,255,.03)}tr.sus{background:rgba(255,189,102,.06)}tr.high{background:rgba(255,79,139,.08)}pre{white-space:pre-wrap;margin:0;font-family:Consolas,monospace;font-size:11.5px;line-height:1.36}.jsonbox{background:rgba(6,8,16,.66);border:1px solid var(--line);border-radius:14px;padding:12px;max-height:320px;overflow:auto}
@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:14px}.side-card{position:relative;left:auto;right:auto;bottom:auto;margin-top:12px}.main-panel{padding:16px}.side-nav{grid-template-columns:repeat(4,1fr)}.side-nav a{justify-content:center}.side-nav a span{display:none}}
@media (max-width:640px){.side-nav{grid-template-columns:repeat(2,1fr)}.mini-stats{grid-template-columns:repeat(2,1fr)}.category-grid,.report-cards,.grid,.record-grid{grid-template-columns:1fr}.section-head{display:block}.section-count{margin-top:10px;display:inline-block}.section-nav{display:grid;grid-template-columns:repeat(2,1fr)}}


.report-layout{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}
.report-categories{position:sticky;top:18px;padding:16px}
.report-categories-head h2{margin:4px 0 8px}
.report-cat-list{display:grid;gap:10px;margin-top:10px}
.report-cat-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#edf3ff;font-weight:800}
.report-cat-list a:hover{background:rgba(141,107,255,.12);border-color:rgba(141,107,255,.24)}
.report-cat-list a span{display:block;line-height:1.25;font-size:13px}
.report-cat-list a b{min-width:38px;text-align:center;background:rgba(6,8,16,.72);border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#fff}
.report-mainsections{display:grid;gap:14px}
@media (max-width:1100px){.report-layout{grid-template-columns:1fr}.report-categories{position:relative;top:auto}}


/* ---------- public premium site ---------- */
:root{--bg:#060912;--bg2:#0a0f1b;--line:rgba(255,255,255,.08);--text:#eef3ff;--muted:#aab3d0;--purple:#ae5cff;--cyan:#2ad4ff;--pink:#ff4fc8}
body.public-body{background:radial-gradient(circle at 20% 90%, rgba(134,79,255,.22), transparent 24%),linear-gradient(180deg,#05070e,#060913 38%,#060912);color:var(--text);min-height:100vh}
.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.public-header{position:sticky;top:0;z-index:30;background:rgba(5,7,14,.72);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.public-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}
.public-brand{display:flex;align-items:center;gap:12px;color:#fff}
.public-brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple),var(--cyan));font-weight:900;color:#fff;box-shadow:0 0 25px rgba(154,101,255,.35)}
.public-brand b{display:block;letter-spacing:1px}.public-brand small{display:block;color:#b9c0db;letter-spacing:3px}
.public-nav nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.public-nav nav a{padding:10px 14px;border-radius:999px;color:#c8cde2}
.public-nav nav a:hover,.public-nav nav a.active{background:rgba(255,255,255,.06);color:#fff}
.nav-pill{background:#fff;color:#111 !important;font-weight:800}
.public-main{padding:34px 0 60px}
.hero-premium,.download-hero{padding:70px 24px 52px;border:1px solid rgba(255,255,255,.07);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));text-align:center;position:relative;overflow:hidden}
.hero-premium::before,.download-hero::before{content:'';position:absolute;inset:auto 50% -120px auto;width:340px;height:340px;background:radial-gradient(circle, rgba(160,92,255,.30), transparent 60%);filter:blur(20px);transform:translateX(50%)}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(173,96,255,.34);border-radius:999px;background:rgba(136,64,255,.10);color:#c89cff;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.hero-premium h1,.download-hero h1{font-size:72px;line-height:.95;margin:20px 0 8px;font-weight:900;color:#fff}
.hero-premium h2{font-size:34px;margin:0 0 16px;color:#b571ff}
.download-hero h1 span{color:#b571ff}
.hero-premium p,.download-hero p{max-width:820px;margin:0 auto;color:#bac2dc;font-size:18px;line-height:1.6}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn.xl{padding:16px 28px;font-size:17px}
.btn.ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);color:#fff}
.trust-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:28px;color:#dfe6ff;font-size:14px}
.public-section{padding:38px 0}.public-section.tight{padding-top:28px}
.section-heading{margin-bottom:18px}.section-heading h3{font-size:34px;margin:6px 0 0}.eyebrow{display:inline-block;color:#b779ff;letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:800}
.public-grid{display:grid;gap:16px}.public-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.feature-card,.step-card,.cta-panel{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.feature-card .icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,79,200,.22),rgba(42,212,255,.18));margin-bottom:12px;font-size:18px}
.feature-card h4,.step-card h4{margin:0 0 8px;font-size:18px;color:#fff}.feature-card p,.step-card p{margin:0;color:#afbad7;line-height:1.6}.feature-card.compact{padding:18px;min-height:132px}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.step-card span{display:inline-flex;min-width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;background:rgba(173,96,255,.14);border:1px solid rgba(173,96,255,.22);font-weight:900;margin-bottom:12px;color:#dcb8ff}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;margin-top:10px}
.download-form{max-width:640px;margin:26px auto 14px;display:grid;grid-template-columns:1fr auto;gap:12px}.download-form input{height:62px;font-size:18px}
.pin-dots{display:flex;justify-content:center;gap:10px;margin-top:14px}.pin-dots span{width:12px;height:12px;border-radius:999px;border:1px solid rgba(191,132,255,.42);background:rgba(138,72,255,.22)}
.center{text-align:center}
@media (max-width: 1100px){.public-grid.four,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-premium h1,.download-hero h1{font-size:58px}.hero-premium h2{font-size:28px}.cta-panel{flex-direction:column;align-items:flex-start}}
@media (max-width: 720px){.public-nav{flex-direction:column;align-items:flex-start}.download-form{grid-template-columns:1fr}.public-grid.four,.steps-grid{grid-template-columns:1fr}.hero-premium,.download-hero{padding:44px 18px}.hero-premium h1,.download-hero h1{font-size:42px}.hero-premium h2{font-size:22px}}


/* bilingual + premium refresh */
.lang-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03)}
.lang-switch a{min-width:38px;text-align:center;padding:8px 10px;border-radius:999px;color:#cfd6f1;font-weight:800;font-size:12px}
.lang-switch a.active{background:linear-gradient(135deg,#ff57cb,#a95fff,#32d7ff);color:#fff}
.public-brand-image img{height:64px;display:block;width:auto}
.hero-logo .hero-logo-img{width:min(520px,90%);margin:22px auto 4px;display:block;filter:drop-shadow(0 16px 30px rgba(0,0,0,.35))}
.download-hero .hero-logo-img.small{width:min(340px,80%);margin:18px auto 4px;display:block}
.hero-premium h1{display:none}.hero-premium h2{margin-top:10px}
.login-shell{padding:36px 0 70px}
.login-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.login-info,.login-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:32px;padding:30px;box-shadow:0 14px 40px rgba(0,0,0,.24)}
.login-logo{width:min(360px,100%);display:block;margin-bottom:10px}
.login-info h1{font-size:40px;margin:8px 0}.login-info p{color:#b4bdd8;font-size:16px;line-height:1.7}.login-bullets{margin:18px 0 0;padding-left:18px;color:#e7ecfb;line-height:1.9}
.pretty-form{display:grid;gap:12px}.pretty-form label{font-size:13px;font-weight:700;color:#d3daf4}.pretty-form input{height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(6,9,18,.88);padding:0 16px;color:#fff;font-size:15px}
.brand-logo{display:block;padding:6px 0 18px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:14px}.brand-logo img{width:100%;height:auto;border-radius:20px}
.panel-lang{margin-top:18px;justify-content:center}.side-label{font-size:11px;letter-spacing:3px;color:#8f98bc;margin:14px 0 8px}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.side-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(145,95,255,.13);color:#d2b3ff;font-size:12px;font-weight:800}.side-user{margin-top:10px;color:#fff;font-weight:700}
.report-layout{grid-template-columns:330px 1fr;gap:18px}.report-categories,.scan-section,.report-card,.metric,.card{backdrop-filter:blur(10px)}
.report-cat-list a{padding:14px 15px;border-radius:18px}.scan-section{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);overflow:hidden}.scan-section > summary{list-style:none;cursor:pointer;padding:20px 22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.scan-section > summary::-webkit-details-marker{display:none}.scan-section h2{margin:0 0 4px;font-size:22px}.scan-section p{margin:0;color:#aeb8d6}.section-count{display:inline-grid;place-items:center;min-width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-weight:900;color:#fff}.scan-body{padding:16px 18px 20px}.scan-body h3{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#c78dff;margin:14px 4px}
.record-list{display:grid;gap:12px}.record-item{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(6,9,18,.68);overflow:hidden}.record-item summary{cursor:pointer;list-style:none;padding:14px 16px}.record-item summary::-webkit-details-marker{display:none}.record-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.record-title{font-size:15px;font-weight:800;color:#fff}.record-sub{color:#93a0c5;font-size:12px;margin-top:3px}.record-body{padding:0 16px 16px}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.field{padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.field span{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#9aa7cc;margin-bottom:6px}.field b{display:block;line-height:1.5;color:#eef3ff;font-weight:600}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.info-grid>div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.report-card{border-radius:24px}.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-stat{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.mini-stat span{display:block;color:#9faad0;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.mini-stat b{display:block;font-size:18px;color:#fff;margin-top:4px}
@media(max-width:1180px){.login-wrap{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.record-grid,.mini-stats,.info-grid{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto}.content{margin-left:0}.app-shell{display:block}}


/* ---- Clean language dropdown + category tabs v2 ---- */
.language-dropdown{
    display:inline-flex;
    align-items:center;
    position:relative;
}
.language-dropdown select{
    appearance:none;
    -webkit-appearance:none;
    min-width:128px;
    height:42px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.10);
    background:
        linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),
        #101422;
    color:#eef3ff;
    font-weight:900;
    padding:0 42px 0 16px;
    outline:none;
    cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.18);
}
.language-dropdown:after{
    content:"⌄";
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-56%);
    color:#caa0ff;
    pointer-events:none;
    font-weight:900;
}
.language-dropdown select:hover{
    border-color:rgba(174,92,255,.45);
    box-shadow:0 0 0 4px rgba(174,92,255,.08),0 14px 34px rgba(0,0,0,.22);
}
.panel-lang{
    margin-top:18px;
    display:flex;
}
.panel-lang .language-dropdown select{
    width:100%;
    min-width:0;
}
.public-nav .language-dropdown{
    margin-left:4px;
}
.lang-switch{display:none!important}

.report-cat-list{
    display:grid;
    gap:11px;
}
.report-cat-list button{
    width:100%;
    display:grid;
    grid-template-columns:34px 1fr auto;
    align-items:center;
    gap:12px;
    text-align:left;
    padding:13px 14px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.035);
    color:#edf3ff;
    cursor:pointer;
    transition:.18s ease;
}
.report-cat-list button i{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:linear-gradient(135deg,rgba(174,92,255,.22),rgba(42,212,255,.12));
    font-style:normal;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.report-cat-list button span{
    font-weight:900;
    font-size:13px;
    line-height:1.2;
}
.report-cat-list button b{
    min-width:38px;
    text-align:center;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(5,8,18,.78);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
}
.report-cat-list button:hover{
    transform:translateX(3px);
    background:rgba(174,92,255,.10);
    border-color:rgba(174,92,255,.24);
}
.report-cat-list button.active{
    background:linear-gradient(135deg,rgba(174,92,255,.22),rgba(42,212,255,.10));
    border-color:rgba(174,92,255,.38);
    box-shadow:0 0 0 4px rgba(174,92,255,.08);
}
.report-mainsections .scan-section{
    display:none;
}
.report-mainsections .scan-section.active{
    display:block;
}
.category-placeholder{
    min-height:360px;
    display:grid;
    place-items:center;
    text-align:center;
    border-radius:28px;
    border:1px dashed rgba(174,92,255,.28);
    background:
        radial-gradient(circle at 50% 20%,rgba(174,92,255,.16),transparent 36%),
        rgba(255,255,255,.025);
    padding:42px 24px;
}
.placeholder-icon{
    width:78px;
    height:78px;
    border-radius:26px;
    display:grid;
    place-items:center;
    margin:0 auto 18px;
    font-size:34px;
    color:#d7b1ff;
    background:linear-gradient(135deg,rgba(174,92,255,.18),rgba(42,212,255,.12));
    border:1px solid rgba(255,255,255,.08);
}
.category-placeholder h2{
    margin:0 0 8px;
    font-size:28px;
}
.category-placeholder p{
    margin:0;
    color:#aeb8d6;
    max-width:480px;
    line-height:1.6;
}
.scan-section > summary{
    pointer-events:none;
}
.scan-section > summary:before{
    display:none!important;
}
.public-nav nav a{
    transition:.18s ease;
}
.public-nav nav a:hover{
    transform:translateY(-1px);
}
@media(max-width:740px){
    .public-nav nav{gap:8px}
    .public-nav .language-dropdown{width:100%}
    .public-nav .language-dropdown select{width:100%}
}


/* ---- Sidebar + content clean fix ---- */
.app-shell{
    display:grid !important;
    grid-template-columns:278px minmax(0,1fr) !important;
    min-height:100vh;
}
.content{
    min-width:0;
    padding:22px;
    max-width:1640px;
    width:100%;
    margin:0 auto;
}
.sidebar{
    display:flex !important;
    flex-direction:column !important;
    gap:0;
    overflow:hidden;
}
.brand-logo{
    display:flex !important;
    justify-content:center;
    align-items:center;
    padding:18px 0 26px !important;
    margin:0 0 18px !important;
    border-bottom:1px solid rgba(255,255,255,.08);
    pointer-events:none;
}
.brand-logo img{
    width:220px !important;
    max-width:100%;
    height:auto;
    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
}
.sidebar-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
}
.sidebar-nav a{
    display:flex !important;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:44px;
    padding:11px 13px;
    border-radius:14px;
    border:1px solid transparent;
    color:#dbe3ff;
    font-size:14px;
    font-weight:800;
    line-height:1;
    background:transparent;
    transition:.16s ease;
    white-space:nowrap;
}
.sidebar-nav a:hover{
    transform:translateX(3px);
    background:rgba(174,92,255,.10);
    border-color:rgba(174,92,255,.22);
}
.side-label{
    margin:0 0 10px !important;
}
.panel-lang{
    margin:18px 0 0 !important;
}
.panel-lang .language-dropdown{
    width:100%;
}
.panel-lang .language-dropdown select{
    width:100%;
    text-align:left;
}
.sidebar-footer{
    margin-top:auto !important;
    padding-top:18px !important;
}
.side-badge{
    margin-bottom:8px;
}
.public-brand-image{
    pointer-events:none;
}
.public-brand-image img,
.hero-logo-img,
.login-logo,
.brand-logo img{
    user-select:none !important;
    -webkit-user-drag:none !important;
}
img{
    -webkit-user-drag:none;
}
@media(max-width:980px){
    .app-shell{
        display:block !important;
    }
    .content{
        padding:16px;
    }
    .sidebar{
        height:auto !important;
        position:relative !important;
    }
    .sidebar-nav{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .sidebar-nav a{
        justify-content:center;
    }
    .brand-logo img{
        width:180px !important;
    }
}


/* ---- Discord license pricing ---- */
.pricing-hero{
    text-align:center;
    padding:44px 20px 22px;
}
.pricing-hero h1{
    font-size:54px;
    margin:18px 0 8px;
    color:#fff;
}
.pricing-hero p{
    color:#b9c2de;
    font-size:17px;
    max-width:760px;
    margin:0 auto;
}
.plans-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:28px;
}
.plan-card{
    position:relative;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
    border-radius:30px;
    padding:28px;
    box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.plan-card.popular{
    border-color:rgba(174,92,255,.55);
    box-shadow:0 0 0 4px rgba(174,92,255,.08),0 24px 70px rgba(143,79,255,.18);
}
.popular-badge{
    position:absolute;
    top:18px;
    right:18px;
    padding:7px 10px;
    border-radius:999px;
    background:linear-gradient(135deg,#ff56cb,#8f5cff);
    color:#fff;
    font-size:11px;
    font-weight:900;
}
.plan-icon{
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    border-radius:18px;
    background:linear-gradient(135deg,rgba(174,92,255,.24),rgba(42,212,255,.12));
    border:1px solid rgba(255,255,255,.10);
    font-size:24px;
    margin-bottom:18px;
}
.plan-card h2{
    font-size:28px;
    margin:0 0 8px;
}
.plan-card p{
    color:#aeb8d7;
    line-height:1.55;
}
.plan-price{
    font-size:34px;
    font-weight:950;
    margin:22px 0;
    color:#fff;
}
.plan-card ul{
    list-style:none;
    padding:0;
    margin:0 0 24px;
    display:grid;
    gap:12px;
}
.plan-card li{
    color:#dfe6fb;
    padding-left:28px;
    position:relative;
}
.plan-card li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:19px;
    height:19px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#8f5cff;
    color:#fff;
    font-size:12px;
    font-weight:900;
}
.account-panel{
    display:grid;
    gap:18px;
}
.discord-profile,.license-card{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.035);
    border-radius:30px;
    padding:28px;
}
.discord-profile{
    display:flex;
    align-items:center;
    gap:18px;
}
.discord-profile img{
    width:86px;
    height:86px;
    border-radius:26px;
    object-fit:cover;
    border:1px solid rgba(255,255,255,.12);
}
.discord-profile h1{
    margin:6px 0;
    font-size:36px;
}
.discord-profile p{
    margin:0;
    color:#aeb8d7;
}
.license-card.active{
    border-color:rgba(77,255,172,.28);
    background:linear-gradient(135deg,rgba(77,255,172,.08),rgba(255,255,255,.03));
}
.license-card.blocked{
    border-color:rgba(255,87,137,.32);
    background:linear-gradient(135deg,rgba(255,87,137,.08),rgba(255,255,255,.03));
}
.license-status{
    display:inline-flex;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(77,255,172,.14);
    color:#79ffbd;
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
}
.license-status.danger{
    background:rgba(255,87,137,.14);
    color:#ff8dad;
}
@media(max-width:980px){
    .plans-grid{grid-template-columns:1fr}
    .pricing-hero h1{font-size:40px}
}


/* ---- Account individual/enterprise info ---- */
.account-grid{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:18px;
    margin-bottom:18px;
}
.account-profile-card{
    min-height:190px;
}
.team-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:14px 0 4px;
}
.team-pill{
    padding:9px 12px;
    border-radius:999px;
    background:rgba(174,92,255,.12);
    border:1px solid rgba(174,92,255,.24);
    color:#e5d6ff;
    font-weight:800;
    font-size:13px;
}
.account-panels{
    display:grid;
    gap:18px;
}
.account-section{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.035);
    border-radius:30px;
    padding:24px;
}
.section-heading.inline{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:16px;
}
.section-heading.inline h3{
    margin:6px 0 4px;
}
.section-heading.inline p{
    color:#aeb8d7;
    margin:0;
}
.count-pill{
    min-width:50px;
    min-height:50px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    font-weight:950;
}
.user-report-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
    gap:14px;
}
.user-report-card{
    display:block;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(6,9,18,.55);
    border-radius:22px;
    padding:16px;
    color:#fff;
    transition:.16s ease;
}
.user-report-card:hover{
    transform:translateY(-2px);
    border-color:rgba(174,92,255,.35);
    background:rgba(174,92,255,.08);
}
.user-report-card p{
    color:#aeb8d7;
    margin:8px 0 12px;
}
.plan-card.enterprise{
    border-color:rgba(42,212,255,.28);
    background:linear-gradient(180deg,rgba(42,212,255,.06),rgba(255,255,255,.025));
}
@media(max-width:980px){
    .account-grid{grid-template-columns:1fr}
}


/* login discord gateway quick compatibility */
.discord-login-icon{width:22px;height:22px;display:inline-block}


/* Web panel real final */
.report-card .btn.small{white-space:nowrap}.customer-hero .license-card{min-height:220px}.scan-create-card input,.scan-create-card textarea{width:100%}