/* Minimal modern UI - edit freely */
:root{ --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.25); }
body{ background:#f6f7fb; }
.topbar{ position:sticky; top:0; z-index:10; background:#ffffffcc; backdrop-filter:blur(10px); border-bottom:1px solid #eaecef; padding:.8rem 0; }
.brand{ text-decoration:none; color:#111827; font-weight:700; }
.brand-logo{ height:28px; width:auto; border-radius:10px; border:1px solid #e5e7eb; background:#fff; padding:4px; }
.brand-name{ letter-spacing:.2px; }
.app{ display:flex; min-height: calc(100vh - 62px); }
.sidebar{ width:255px; background:#0b1220; color:#e5e7eb; padding:18px 12px; }
.sidebar .nav-link{ display:block; color:rgba(229,231,235,.86); padding:10px 12px; border-radius:12px; text-decoration:none; margin-bottom:6px; }
.sidebar .nav-link:hover{ background:rgba(148,163,184,.10); color:#fff; }
.sidebar .nav-link.active{ background:rgba(59,130,246,.20); color:#fff; }
.content{ flex:1; }
.card-soft{ border:1px solid #eaecef; border-radius:var(--radius); box-shadow:0 10px 30px rgba(15,23,42,.04); }
.card{ border-radius:var(--radius); }
.auth-body{ min-height:100vh; display:flex; align-items:center; justify-content:center; background: radial-gradient(1200px 600px at 20% 10%, rgba(59,130,246,.16), transparent 60%), radial-gradient(900px 500px at 90% 80%, rgba(16,185,129,.14), transparent 60%), #0b1220; padding:24px; }
.auth-card{ width:min(460px,100%); background:#fff; border-radius:22px; box-shadow:var(--shadow); padding:28px; }
.auth-brand{ text-align:center; }
.auth-logo{ height:54px; width:auto; border-radius:14px; border:1px solid #e5e7eb; padding:8px; background:#fff; }
.auth-title{ font-weight:800; font-size:1.2rem; margin-top:10px; }
.auth-subtitle{ color:#6b7280; font-size:.92rem; }
.table thead th{ color:#6b7280; font-weight:700; font-size:.85rem; }
.btn{ border-radius:12px; }
.form-control,.form-select{ border-radius:12px; }
.avatar-fallback{ height:36px;width:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border:1px solid #e5e7eb;font-weight:800;color:#111827; }