/* Dark theme panel styles */
:root{
  --bg:#05060a; /* near-black */
  --card:#0b1220; /* dark card */
  --accent:#6b76ff; /* slightly brighter accent */
  --muted:#9aa4b2;
  --danger:#ef4444;
}
html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial; background:var(--bg); color:#e6eef8}
.container{max-width:900px;margin:36px auto;padding:24px;background:var(--card);box-shadow:0 6px 18px rgba(2,6,23,0.6);border-radius:8px}
h1{margin:0 0 8px;font-size:1.6rem;color:var(--accent)}
h2{margin-top:18px;font-size:1.1rem;color:#e6eef8}
.form-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
input[type="text"], input[type="password"], input[type="search"], input[name="panelType"], input[name="name"], input[name="description"]{padding:8px 10px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);color:#e6eef8;border-radius:6px}
select{min-width:180px;background:rgba(255,255,255,0.02);color:#e6eef8;border:1px solid rgba(255,255,255,0.06);padding:8px 10px;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select option{background:var(--card);color:#e6eef8}
select:focus{outline:2px solid rgba(107,118,255,0.25);outline-offset:2px}
.btn{background:var(--accent);color:white;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;text-decoration:none}
.btn-danger{background:var(--danger)}
ul{padding-left:18px}
a{color:var(--accent)}
p, li, label{color:var(--muted)}
.container a.btn{display:inline-block}
@media (max-width:600px){.container{margin:16px;padding:16px}}