:root{ --bg:#0f0f14; --card:#15151b; --muted:#a7acc2; --text:#f7f8ff; }
*{box-sizing:border-box}
body{ margin:0; font-family:Poppins,system-ui,Arial,sans-serif; color:var(--text); background:#0f0f14; }
.shell{ width:min(1100px, 94vw); margin:36px auto; }
.card{ background:#15151b; border:1px solid #2a2a35; border-radius:18px; padding:18px; }
h1{ margin:0 0 10px; }
.muted{ color:var(--muted); }
.row{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:10px 0; }
.col{ flex:1; min-width:240px; }
label{ display:block; font-size:13px; margin:0 0 6px; color:#d2d5ec; }
input, select{ width:100%; padding:10px 12px; border-radius:12px; border:1px solid #2a2a35; background:#0f0f16; color:#f0f1ff; }
.btn{ background:#2563eb; color:#fff; border:0; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:700; }
.btn.secondary{ background:#374151; }
.btn.danger{ background:#dc2626; }
.chk{ display:flex; align-items:center; gap:8px; font-size:14px; }
.grid{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:12px; }
.log{ background:#0f0f16; border:1px solid #2a2a35; border-radius:12px; padding:12px; min-height:160px; max-height:300px; overflow:auto; }
.chip{ display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; background:#1b1b26; border:1px solid #2a2a35; color:#d6daf0; font-size:13px; }