/***app.css**/
:root { --primary:
#4361ee; --bg:
#0f172a; --card:
#111827; --text:
#e5e7eb; --muted:
#9ca3af; }
* { box-sizing: border-box; }
html, body { height:100%; margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji"; }
body { background:
#0b1220; color:var(--text); }
.topbar { display:flex; align-items:center; gap:16px; padding:12px 18px; background:
#0d1324; border-bottom:1px solid 
#1f2937; position:sticky; top:0; z-index:10; }
.brand { font-weight:700; letter-spacing:0.5px; }
.container { max-width:1100px; margin:24px auto; padding:0 16px; }
.card { background: 
#0f172a; padding:20px; border:1px solid 
#1f2937; border-radius:12px; box-shadow: 0 4px 18px rgba(0,0,0,0.25); }
h1,h2,h3 { margin: 0 0 12px 0; }
label { display:block; margin:10px 0; }
input, select { width:100%; padding:10px; border-radius:10px; border:1px solid 
#1f2937; background:
#0b1020; color:var(--text); outline:none; }
button { background: var(--primary); color:white; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; }
button:hover { filter:brightness(1.1); }
a { color:
#93c5fd; text-decoration:none; }
a:hover { text-decoration:underline; }
ul { padding-left:18px; }