/* assets/css/styles.css */
:root { --bg:#0f172a; --panel:#111827; --card:#1f2937; --text:#e5e7eb; --muted:#9ca3af; --ok:#16a34a; --err:#dc2626; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:#93c5fd;text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0b1220;border-bottom:1px solid #1f2937}
.brand{font-weight:700}
.user a{color:#fecaca}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}
.card{display:block;background:var(--card);padding:16px;border-radius:16px;border:1px solid #374151;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.card:hover{transform:translateY(-1px)}
.pad{padding:16px}
.table{width:100%;border-collapse:collapse;margin-top:8px}
.table th,.table td{border-bottom:1px solid #374151;padding:8px;text-align:left;vertical-align:top}
.form label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.form input,.form select,.form button{width:100%;padding:10px;border-radius:10px;border:1px solid #374151;background:#0b1220;color:var(--text)}
.form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.form .row-end{display:flex;align-items:end}
.inline{display:flex;gap:6px}
.alert{margin:12px 0;padding:10px;border-radius:10px}
.alert.ok{background:rgba(22,163,74,.15);border:1px solid var(--ok)}
.alert.err{background:rgba(220,38,38,.15);border:1px solid var(--err)}
.tabs a{display:inline-block;padding:8px 12px;margin-right:6px;border-radius:10px;background:#0b1220;border:1px solid #374151}
.tabs a.active{background:#172554;border-color:#3b82f6}
.foot{padding:20px;text-align:center;color:var(--muted);border-top:1px solid #1f2937;background:#0b1220}
.login-body{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0b1220,#111827)}
.login-card{width:100%;max-width:360px;background:#0b1220;border:1px solid #374151;border-radius:16px;padding:24px}
.login-card h1{margin-top:0}
.hint{color:var(--muted);font-size:12px}