:root { --bg:#0b0f14; --card:#111824; --text:#eaf2ff; --muted:#89a; --accent:#4ad; --accent2:#7df; }
*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}
body{margin:0;background:linear-gradient(180deg,#0a0e13,#0b1420 40%,#0e1a2a);color:var(--text)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0a121d;border-bottom:1px solid #132136}
h1{margin:0;font-size:18px}
.container{max-width:1100px;margin:20px auto;padding:0 16px}
.card{background:var(--card);border:1px solid #18263b;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.card.light{background:#0f1622}
h2{margin:0 0 12px 0;font-size:18px}
h3{margin:4px 0 8px 0;font-size:16px;color:#cfe6ff}
.muted{color:var(--muted)}
.btn{background:var(--accent);color:#012;border:0;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn-secondary{background:#1a2a40;color:#cfe6ff}
.hidden{display:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:block;margin-top:10px;color:#cfe6ff}
.form input,.form select{width:100%;padding:10px;border-radius:10px;border:1px solid #22344f;background:#0c1220;color:#eaf2ff}
.row{display:flex;gap:10px;align-items:center;margin-top:10px}
.cam{width:100%;border-radius:12px;border:1px solid #22344f;background:#000}
ul#items{list-style:none;padding:0;margin:0}
ul#items li{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #21324d;border-radius:10px;margin-top:8px;background:#0f1828}
.footer{padding:20px;text-align:center;color:#9ab}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}