/* Simple, professional neutral styling for shared hosting */
:root { --bg:#0b1020; --card:#121a2f; --muted:#90a3b3; --text:#eef3f8; --accent:#5cc8ff; --accent2:#6ef19a; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#091022,#0b1428);color:var(--text)}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
.nav{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 20px rgba(0,0,0,.35)}
.card{background:linear-gradient(180deg,#11182c,#0f1a33);border:1px solid #1f2b4a;border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--accent),#1c7dcc);color:#04263c;box-shadow:0 8px 18px rgba(32,124,255,.25)}
.btn.secondary{background:linear-gradient(135deg,#5ee7a3,#2ea46a);color:#06301e}
.btn.warn{background:linear-gradient(135deg,#ffb86b,#ff5757);color:#3a0b0b}
.input{width:100%;padding:10px 12px;border-radius:10px;background:#0b162d;color:var(--text);border:1px solid #1d2d53}
label{color:var(--muted);font-size:14px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1f2b4a;padding:10px 8px;text-align:left;font-size:14px}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid #29406e;color:#a9bfd4}
footer{margin-top:40px;color:#7f91a5;text-align:center;font-size:13px}
.alert{padding:10px 12px;border-radius:10px;background:#0b243d;border:1px solid #244a78;color:#bfe1ff;margin:12px 0}
.success{background:#0b3d2b;border-color:#1c7b55;color:#c8ffd8}
code.k{background:#0a1c33;padding:2px 6px;border-radius:6px;border:1px solid #1d2d53}
.small{font-size:12px;color:#97a7b8}
hr.sep{border:0;border-top:1px solid #1f2b4a;margin:16px 0}