.auth-card { max-width: 420px; }

.sidebar { width: 260px; min-height: 100vh; position: sticky; top: 0; height: 100vh; overflow-y: auto; }
.sidebar-bg { background: #1f3a5f; }
.sidebar-bg .nav-link { color: #dbe5f1; }
.sidebar-bg .nav-link:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.sidebar-bg .nav-link.active { background: rgba(255, 255, 255, .18); color: #fff; }

.main-area { min-width: 0; }
.spacer-mobile { width: 42px; }

.stat-icon {
    width: 48px; height: 48px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; color: #1f3a5f; background: #e8eff8;
}
.nav-header {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #9fb3cc;
    padding: .9rem .5rem .2rem;
}
.card-link { transition: box-shadow .15s ease, transform .15s ease; }
.card-link:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .12) !important; }