/* dark.css - minimal */
body { font-family: Arial, sans-serif; background:#0b0d10; color:#bcd; margin:0; padding:30px }
.container { max-width:600px; margin:40px auto; background:#071018; padding:30px; border-radius:10px; box-shadow: 0 8px 30px rgba(0,0,0,0.6); }
input { display:block; margin:8px 0 16px; padding:10px; width:100%; border-radius:6px; border:1px solid #223; background:#071a20; color:#cfe; }
button { background:#1e90ff; color:#fff; border:none; padding:10px 16px; border-radius:6px; cursor:pointer; }
.sidebar { width:220px; position:fixed; left:0; top:0; bottom:0; background:#10202b; color:#fff; padding-top:20px; }
.main { margin-left:240px; padding:20px; color:#111; background:#f6f7f9; min-height:100vh; }
.card-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
.card { background:#fff; padding:20px; border-radius:10px; box-shadow: 0 4px 18px rgba(0,0,0,0.08); }