:root{
  --bg:#0b0c10; --panel:#0f1218; --text:#e8eaed; --muted:#a1a1aa; --border:#1f2430; --accent:#60a5fa; --ok:#22c55e; --err:#ef4444;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#f8fafc; --panel:#ffffff; --text:#0f172a; --muted:#475569; --border:#e5e7eb; --accent:#2563eb; --ok:#16a34a; --err:#dc2626; }
}
*{ box-sizing:border-box; }
body{
  margin:0; background:var(--bg); color:var(--text);
  font:16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}
.wrap{ max-width:960px; margin:0 auto; padding:24px; }
a.back{ color:var(--muted); text-decoration:none; display:inline-flex; gap:.4rem; align-items:center; margin-bottom:14px; }
.panel{
  background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
h1{ margin:6px 0 18px 0; font-size:1.25rem; }
.row{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.mb12{ margin-bottom:12px; }
label{ font-size:.95rem; color:var(--muted); min-width:90px; }
select, input[type=text]{
  background:transparent; color:var(--text); border:1px solid var(--border);
  padding:10px 12px; border-radius:12px; outline:none; min-width:260px; flex:1;
}
.btn{ background:var(--accent); color:#fff; border:0; padding:10px 14px; border-radius:12px; font-weight:600; cursor:pointer; }
.btn:active{ transform: translateY(1px); }
.status{ font-size:.92rem; color:var(--muted); }
.toast{
  position: fixed; right: 16px; bottom: 16px; padding:12px 14px; border-radius:12px;
  background: rgba(0,0,0,.7); color:#fff; backdrop-filter: blur(6px);
  box-shadow: 0 8px 24px rgba(0,0,0,.35); opacity:0; transform: translateY(8px);
  transition: opacity .15s ease, transform .15s ease;
}
.toast.show{ opacity:1; transform: translateY(0); }