:root{--bg:#08111f;--card:#0f172a;--soft:#162033;--text:#e5eefc;--muted:#9fb1cc;--line:#263449;--green:#22c55e;--green2:#16a34a;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#07101d,#0b1424 45%,#111827);color:var(--text)}a{color:#93c5fd;text-decoration:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#050b16;border-bottom:1px solid var(--line)}.topbar nav a{margin-left:14px}.container{max-width:1180px;margin:0 auto;padding:24px}.panel{background:rgba(15,23,42,.95);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.28)}.hero{margin-bottom:20px}.cards,.grid,.actions{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:18px 0}.mini-card{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:18px}.btn,button{display:inline-block;background:var(--green);color:#03210e;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.btn:hover,button:hover{background:var(--green2)}.secondary{background:#1e293b;color:var(--text)}.google{background:#fff;color:#111827}.searchbar,form{display:grid;gap:12px}input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#09111f;color:var(--text)}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.ok{color:#86efac}.error{color:#fca5a5}.muted{color:var(--muted)}.extra{display:none}.extra.show{display:grid;gap:12px}h1,h2,h3{margin-top:0}ul{padding-left:18px}@media(max-width:760px){.topbar{flex-direction:column;align-items:flex-start;gap:10px}.container{padding:16px}.panel{padding:18px}}