/* assets/css/app.css */
:root{ --bg:#0b0f1a; --card:#121a2a; --text:#e8eefc; --muted:#9fb0d0; --line:#24314f; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; background:var(--bg); color:var(--text); }
.wrap{ max-width:980px; margin:40px auto; padding:0 16px; }
h1,h2{ margin:0 0 12px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px; margin:16px 0; }
.grid{ display:grid; gap:12px; }
label{ display:grid; gap:6px; font-size:14px; color:var(--muted); }
input{ padding:10px 12px; border-radius:10px; border:1px solid var(--line); background:#0f1626; color:var(--text); }
.btn{ display:inline-block; padding:10px 14px; border-radius:12px; border:1px solid var(--line); background:#182444; color:var(--text); text-decoration:none; cursor:pointer; }
.btn:hover{ filter:brightness(1.08); }
.btn.danger{ background:#3a1b1b; border-color:#5a2b2b; }
.alert{ padding:10px 12px; border-radius:12px; margin:12px 0; border:1px solid var(--line); }
.alert.ok{ background:#112a1c; border-color:#204c31; }
.alert.err{ background:#2a1414; border-color:#5a2b2b; }
.muted{ color:var(--muted); }
.small{ font-size:12px; }
.topbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
table{ width:100%; border-collapse:collapse; }
th,td{ border-bottom:1px solid var(--line); padding:10px; vertical-align:top; text-align:left; }
.inline{ display:inline; }
code{ background:#0f1626; padding:2px 6px; border-radius:8px; border:1px solid var(--line); }