:root{--bg:#07111f;--panel:#0d1a2f;--panel2:#101f39;--line:#1f3761;--text:#eef6ff;--muted:#9fb7d7;--accent:#2fa4ff;--accent2:#5dd0ff;--ok:#0f9d58;--warn:#f4a62a;--err:#ff6f61}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(180deg,#06101d,#0a1630);color:var(--text)}a{color:inherit;text-decoration:none} .topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #1b2f51;background:#081425cc;backdrop-filter:blur(8px);position:sticky;top:0}.topbar nav a{margin-left:16px;color:var(--muted)}.brand{font-size:1.35rem;font-weight:800}.brand.small{font-size:1rem}
.hero{max-width:1200px;margin:28px auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;gap:22px}.hero>div,.single-ad,.card,.auth-wrap,.table-wrap,.stat,.sidebar,.panel-main{background:rgba(10,22,48,.9);border:1px solid var(--line);border-radius:18px}.hero>div:first-child{padding:28px}.hero h1{margin:0 0 8px;font-size:2.4rem}.hero p{color:var(--muted)}.search-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;margin-top:18px}.search-grid select,.search-grid input,textarea{width:100%;padding:14px 14px;background:#081425;border:1px solid #24426f;color:var(--text);border-radius:12px}.button,button{border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04101d;padding:12px 16px;font-weight:800;cursor:pointer}.button.ghost{background:#0b1930;color:var(--text);border:1px solid #2a4f7f}.button.small{padding:8px 12px}.single-ad{padding:24px}.container{max-width:1200px;margin:0 auto;padding:0 20px 36px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.section-head h2,.section-head h1{margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{overflow:hidden}.thumb{height:170px;background:linear-gradient(135deg,#1f6ba7,#7fd3ff);position:relative}.watermark span{position:absolute;inset:auto 10px 10px auto;padding:6px 10px;border-radius:999px;background:#07111faa;border:1px solid #ffffff2e;font-size:.8rem}.card-body{padding:14px}.eyebrow{color:var(--accent2);font-size:.9rem;margin-bottom:6px}.card h3{margin:0 0 8px;font-size:1.05rem}.meta{display:flex;gap:10px;color:var(--muted);font-size:.9rem;flex-wrap:wrap}.price{margin-top:10px;font-size:1.2rem;font-weight:800}.card-actions{display:flex;gap:10px;margin-top:12px}.auth-wrap{max-width:760px;margin:48px auto;padding:28px}.auth-wrap.narrow{max-width:640px}.stack>*+*{margin-top:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:12px 14px;border-radius:12px;margin:12px 0}.notice.success{background:#0f9d5820;border:1px solid #0f9d58}.notice.error{background:#ff6f611a;border:1px solid #ff6f61}.small{font-size:.85rem}.muted{color:var(--muted)}
.panel-layout{display:grid;grid-template-columns:260px 1fr;gap:18px;max-width:1280px;margin:24px auto;padding:0 20px}.sidebar{padding:16px;display:flex;flex-direction:column;gap:8px;height:fit-content;position:sticky;top:24px}.sidebar a{padding:12px 14px;border-radius:12px;color:var(--muted)}.sidebar a.active,.sidebar a:hover{background:#0b1930;color:var(--text)}.panel-main{padding:22px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat{padding:18px}.stat strong{display:block;font-size:1.6rem}.stat span{color:var(--muted)}.table-wrap{padding:18px;margin-bottom:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #1f3761;vertical-align:top}th{color:var(--muted);font-weight:600}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.8rem;border:1px solid}.badge.ok{color:#7ff0b3;border-color:#2a8d59;background:#103023}.badge.warn{color:#ffd37f;border-color:#b07812;background:#2e2208}
@media (max-width: 980px){.hero,.panel-layout{grid-template-columns:1fr}.search-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.sidebar{position:static}}
@media (max-width: 640px){.search-grid,.grid2,.stats-row{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.topbar{flex-direction:column;gap:10px;align-items:flex-start}}