*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#e2e8f0}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#111827;padding:24px}.brand{font-size:24px;font-weight:700;margin-bottom:24px;line-height:1.1}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:10px;margin-bottom:6px}.sidebar a:hover{background:#1f2937;color:#fff}.content{flex:1;padding:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#1e293b;border-bottom:1px solid #334155}.wrap{padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#1e293b;padding:18px;border-radius:16px;border:1px solid #334155}.card h3{margin-top:0}.table{width:100%;border-collapse:collapse;background:#1e293b;border-radius:16px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #334155;text-align:left}.btn{display:inline-block;background:#2563eb;color:#fff;text-decoration:none;padding:10px 14px;border:none;border-radius:10px;cursor:pointer}.btn-secondary{background:#475569}.login-page{min-height:100vh;display:grid;place-items:center}.login-box{background:#111827;padding:28px;border-radius:18px;width:min(420px,92vw);border:1px solid #334155}.login-box h1{margin-top:0}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px}.field input,.field textarea, .field select{width:100%;padding:12px;border-radius:10px;border:1px solid #475569;background:#0f172a;color:#e2e8f0}.alert{padding:12px;border-radius:10px;margin-bottom:16px}.alert-error{background:#7f1d1d}.alert-success{background:#14532d}.code{background:#020617;padding:12px;border-radius:12px;white-space:pre-wrap}.muted{color:#94a3b8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.sidebar{display:none}.content{width:100%}.grid-2{grid-template-columns:1fr}}