:root{
  --bg:#0b1220;
  --card:#0f1a2f;
  --text:#e8eefc;
  --muted:#9fb0d0;
  --accent:#6ae4ff;
  --danger:#ff5d7a;
  --ok:#53f6b1;
  --border: rgba(255,255,255,0.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; background: radial-gradient(1200px 600px at 20% 0%, rgba(106,228,255,0.18), transparent 50%), var(--bg); color:var(--text);}
a{color:var(--accent); text-decoration:none}
.container{max-width:980px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg, rgba(106,228,255,0.9), rgba(83,246,177,0.7)); box-shadow:0 10px 30px rgba(0,0,0,0.35)}
.h1{font-size:18px;font-weight:700;margin:0}
.sub{font-size:12px;color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)); border:1px solid var(--border); border-radius:18px; padding:16px; box-shadow:0 18px 40px rgba(0,0,0,0.35)}
.row{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:780px){ .row.two{grid-template-columns:1fr 1fr} .grid{grid-template-columns:1.15fr 0.85fr} }
label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
input,select,textarea{
  width:100%; padding:12px 12px; border-radius:14px; border:1px solid var(--border);
  background:rgba(0,0,0,0.25); color:var(--text); outline:none;
}
input[type=file]{padding:10px}
small{color:var(--muted)}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 14px; border-radius:14px; border:1px solid rgba(106,228,255,0.35);
  background:rgba(106,228,255,0.1); color:var(--text); font-weight:650; cursor:pointer;
}
.btn:hover{background:rgba(106,228,255,0.16)}
.btn.danger{border-color:rgba(255,93,122,0.5); background:rgba(255,93,122,0.10)}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border); font-size:12px; color:var(--muted)}
.hr{height:1px;background:var(--border);margin:12px 0}
.kv{display:flex;flex-wrap:wrap;gap:8px}
.kv .pill{padding:8px 10px;border-radius:999px;border:1px solid var(--border); color:var(--muted); font-size:12px}
.note{font-size:12px;color:var(--muted); line-height:1.4}
.error{color:var(--danger); font-weight:650}
.ok{color:var(--ok); font-weight:650}
.footer{margin-top:18px; font-size:12px; color:var(--muted)}