/* Modern admin look */
:root{
  --bg:#0b1020;
  --card:#0f172a;
  --muted:#94a3b8;
  --text:#e2e8f0;
  --primary:#2563eb;
  --primary-soft:#1d4ed8;
  --border:#1f2937;
}
*{box-sizing:border-box}
body{background:linear-gradient(120deg,#0b1020,#111c3a);color:var(--text);min-height:100vh}
a{text-decoration:none}
.layout{display:flex;gap:0}
.sidebar{width:260px;background:rgba(15,23,42,.9);backdrop-filter: blur(6px);border-right:1px solid var(--border);min-height:100vh;position:sticky;top:0}
.brand{padding:18px 16px;font-weight:700;letter-spacing:.3px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;color:#fff}
.logo-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary);}
.menu{display:flex;flex-direction:column;padding:10px}
.menu a{color:var(--muted);padding:10px 14px;border-radius:10px;transition:.2s}
.menu a:hover{background:#0b1330;color:#fff}
.menu-section{color:#8aa0c7;font-size:.8rem;text-transform:uppercase;margin:14px 10px 8px}
.content{flex:1;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(11,16,32,.8);backdrop-filter: blur(6px);z-index:10}
.topbar .title{font-weight:600}
.page{padding:24px}
.card{background:var(--card);border:1px solid var(--border);color:var(--text)}
.table{color:#e5e7eb}
.table thead{background:#0b1330}
.form-control,.form-select,textarea{background:#0b1330;color:#e5e7eb;border:1px solid var(--border)}
.form-control:focus,.form-select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(37,99,235,.15)}
.btn-primary{background:var(--primary);border:none}
.btn-primary:hover{background:var(--primary-soft)}
.alert{border:none}
input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1)}
.login-bg{display:grid;place-items:center;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(37,99,235,.25),transparent),radial-gradient(800px 500px at 90% 10%,rgba(99,102,241,.25),transparent),linear-gradient(120deg,#0b1020,#111c3a)}
.auth-card{max-width:420px;width:100%}
.small-muted{color:var(--muted);font-size:.9rem}