:root{--bg:#08111f;--panel:#101c30;--muted:#94a3b8;--text:#eef5ff;--brand:#38bdf8;--brand2:#a78bfa;--ok:#22c55e;--warn:#f59e0b;--line:#243249}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#17345f,#08111f 45%);color:var(--text)}.hero{display:flex;justify-content:space-between;gap:24px;padding:44px clamp(18px,5vw,70px);align-items:center}.badge{display:inline-block;background:rgba(56,189,248,.14);color:#bae6fd;border:1px solid rgba(56,189,248,.35);padding:8px 12px;border-radius:999px;font-size:13px}h1{font-size:clamp(32px,5vw,58px);line-height:1;margin:16px 0 12px}p{color:var(--muted)}.heroCard,.panel{background:rgba(16,28,48,.86);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 60px rgba(0,0,0,.25);border-radius:24px}.heroCard{min-width:220px;padding:24px;text-align:center}.heroCard strong{display:block;font-size:46px;color:var(--brand)}.visitCounter{margin:14px 0 18px;padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:8px}.visitCounter b{display:inline;font-size:22px;color:#fff}.visitCounter small{color:var(--muted);font-weight:700}button,select,input{font:inherit}button{border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#06111f;font-weight:800;cursor:pointer}main{padding:0 clamp(18px,5vw,70px) 40px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.stat b{display:block;font-size:28px}.filters{padding:20px;margin-bottom:18px}.searchBox{display:block}.searchBox input{width:100%;margin-top:8px;font-size:18px;padding:16px;border-radius:16px;background:#07101d;color:var(--text);border:1px solid #26364f}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}label span,label{color:#cbd5e1;font-weight:700;font-size:13px}select{width:100%;margin-top:7px;padding:12px;border-radius:14px;background:#07101d;color:var(--text);border:1px solid #26364f}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.insights{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.insights .panel,.resultsHead{padding:20px}.bar{margin:12px 0}.barTop{display:flex;justify-content:space-between;font-size:13px}.barFill{height:10px;border-radius:20px;background:linear-gradient(90deg,var(--brand),var(--brand2));margin-top:6px}.resultsHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#0d1728;border:1px solid #25334a;border-radius:20px;padding:18px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand2))}.card h3{margin:8px 0 10px;font-size:18px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.chip{font-size:12px;padding:6px 9px;border-radius:999px;background:#16243a;color:#dbeafe}.meta{display:grid;gap:8px;color:#cbd5e1;font-size:14px}.comment{margin-top:12px;padding:10px;border-radius:12px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);color:#fde68a}.pagination{display:flex;gap:14px;justify-content:center;align-items:center;margin:24px 0}footer{text-align:center;padding:28px;color:#94a3b8}@media(max-width:1000px){.hero,.resultsHead{display:block}.stats,.grid,.insights,.cards{grid-template-columns:1fr}.heroCard{margin-top:20px}.cards{gap:12px}}@media print{.hero,.filters,.insights,.pagination,footer{display:none}.cards{grid-template-columns:1fr}.card{break-inside:avoid}}