:root{--bg:#0c1018;--card:#141b27;--line:#263143;--txt:#eef3ff;--mut:#9aa8bd;--acc:#d6ad55;--err:#ff7272;--ok:#7bd88f}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:radial-gradient(circle at top,#1d2635,var(--bg));color:var(--txt)}a{color:var(--acc);text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:28px}.card{background:rgba(20,27,39,.92);border:1px solid var(--line);border-radius:18px;padding:22px;margin:16px 0;box-shadow:0 20px 50px rgba(0,0,0,.25)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.nav{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.nav div{display:flex;gap:12px;flex-wrap:wrap}.btn,button{background:var(--acc);border:0;color:#111;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.btn.secondary{background:#293449;color:var(--txt)}input,select,textarea{width:100%;padding:11px;border-radius:10px;border:1px solid var(--line);background:#0d1320;color:var(--txt);margin:6px 0 12px}label{font-size:13px;color:var(--mut);font-weight:700}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.flash{padding:12px 14px;border-radius:12px;margin:12px 0}.flash.ok{background:rgba(123,216,143,.12);border:1px solid var(--ok)}.flash.error{background:rgba(255,114,114,.12);border:1px solid var(--err)}.muted{color:var(--mut)}.hero{padding:40px 0}.preview{max-width:180px;border-radius:12px;border:1px solid var(--line)}