/* Tema XUI-like simplificado */ 
body { font-family: Inter, Arial, sans-serif; margin:0; background:#0b0b0c; color:#e6e6e6; }
.login-body{ display:flex; height:100vh; align-items:center; justify-content:center; }
.login-card{ background:linear-gradient(180deg,#0f1720,#0b0b0c); padding:28px; border-radius:12px; width:360px; box-shadow:0 8px 30px rgba(2,6,23,0.7); }
.login-card .logo{ font-weight:700; font-size:20px; margin-bottom:8px; color:#fff; }
.login-card input{ width:100%; padding:10px; margin:8px 0; border-radius:6px; border:1px solid #111; background:#060607; color:#fff; }
.login-card button{ width:100%; padding:10px; border-radius:6px; border:0; background:#0066ff; color:#fff; font-weight:600; }
.topbar{ display:flex; justify-content:space-between; padding:12px 20px; background:#071024; align-items:center; }
.brand{ font-weight:700; font-size:18px; }
.container{ padding:20px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.card{ background:#0f1720; padding:12px; border-radius:8px; box-shadow: 0 6px 18px rgba(2,6,23,0.6); }
pre{ background:#071024; color:#cfe9ff; padding:8px; border-radius:6px; overflow:auto; }
.menu a{ color:#9fb8ff; text-decoration:none; margin-left:12px; }
@media(max-width:900px){ .container{ grid-template-columns:1fr; } }