/* Minimal, clean styles */
:root { --bg:#0b1020; --card:#111935; --text:#e6e8f0; --muted:#96a0c8; --accent:#6aa4ff; }
*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
body{margin:0;background:var(--bg);color:var(--text);}
a{color:var(--accent);text-decoration:none}
.container{max-width:900px;margin:40px auto;padding:16px}
.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(0,0,0,.35)}
h1,h2,h3{margin:0 0 12px}
input,textarea,button{width:100%;padding:12px;border-radius:10px;border:1px solid #202b55;background:#0f1733;color:var(--text);}
button{cursor:pointer;font-weight:600}
.row{display:grid;gap:12px}
.grid-2{grid-template-columns:1fr 1fr}
.note{padding:14px;border:1px solid #223067;border-radius:12px;background:#0e1530}
.note h3{margin:0 0 6px}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#17234a;color:#c9d4ff;font-size:12px}
nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
nav .right{display:flex;gap:8px;align-items:center}
small{color:var(--muted)}
.footer{margin-top:18px;display:flex;justify-content:space-between;align-items:center}
hr{border:0;border-top:1px solid #223067;margin:16px 0}
.form-inline{display:flex;gap:8px}
label{font-size:13px;color:#c9d4ff}
.success{color:#b6ffcc}
.error{color:#ffb6c1}