/* Minimal, modern look */
:root { --bg:#0b0f1a; --card:#101826; --muted:#9fb0c7; --text:#e5ecf5; --accent:#4f8cff; --danger:#ff5b5b; }
*{box-sizing:border-box}
html,body{
  margin:0;padding:0;
  background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)), url('https://media.discordapp.net/attachments/1422185633677443085/1427109513256894464/vertexBots_-_Nero_Desktop.png?ex=68edaace&is=68ec594e&hm=282b8b1597e2c15533fa87d4481868176c28e03ca9a4beb8de1dab22229abce8&=&format=webp&quality=lossless&width=550&height=300') center / cover fixed no-repeat;
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif
}
.container{max-width:960px;margin:40px auto;padding:0 16px}
.container.narrow{max-width:520px}
h1,h2{margin:0 0 12px}
h1{font-size:28px}
h2{font-size:20px;color:#d2ddf3}

.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(13,21,34,.75);backdrop-filter:blur(6px);border-bottom:1px solid #1c2a41;position:sticky;top:0}
.brand{font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,#dbe7ff,#7aa2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{background:rgba(16,24,38,.78);backdrop-filter:blur(6px);border:1px solid #1c2a41;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.auth{max-width:420px}
label{display:block;margin:12px 0 6px;color:var(--muted)}
input[type=email],input[type=password],input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #1c2a41;background:#0e1624;color:var(--text)}
button{margin-top:14px;padding:10px 14px;border-radius:10px;border:1px solid #1c2a41;background:var(--accent);color:white;cursor:pointer}
button.text{background:transparent;border:none;color:var(--muted)}
.btn{display:inline-block;padding:8px 12px;border-radius:8px;border:1px solid #1c2a41;background:#142036;color:var(--text);text-decoration:none}
.btn.danger{background:#2a1320;border-color:#441a29;color:#ffd7d7}
.alert{background:#2a1a1a;border:1px solid #4a2626;color:#ffd7d7;padding:10px 14px;border-radius:10px;margin:12px 0}
.table-wrap{width:100%;overflow:auto}
.table{width:100%;border-collapse:collapse;min-width:560px}
th,td{border-bottom:1px solid #1c2a41;padding:10px 8px}
.actions{display:flex;gap:8px}
small{color:var(--muted);margin-left:8px}

/* Enhancements */
.topbar{box-shadow:0 6px 24px rgba(0,0,0,.25)}

@keyframes fadeInUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.card{animation:fadeInUp .35s ease both}

button,.btn{transition:all .2s ease}
button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.25);filter:brightness(1.05)}
button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.btn:hover{transform:translateY(-1px);background:#1a2b4a}
.btn.danger:hover{background:#3a1827}

input[type=email],input[type=password],input[type=text]{outline:none}
input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#2a72ff;box-shadow:0 0 0 3px rgba(79,140,255,.25)}

.table tr:nth-child(even){background:rgba(255,255,255,.02)}
.table tr:hover{background:rgba(79,140,255,.08)}

/* Badges */
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#1a2b4a;border:1px solid #22385f;color:#cfe0ff;font-size:12px}

/* File input nicer */
input[type=file]::file-selector-button{margin-right:10px;border:1px solid #1c2a41;background:#16243c;color:#e5ecf5;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s}
input[type=file]::file-selector-button:hover{background:#1c2f50}

/* Login centering when only auth page is shown */
body:has(.auth){display:grid;min-height:100vh;align-items:start}
@media (min-height:700px){body:has(.auth){align-items:center}}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{background:#243552;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#2f4a79}