:root {
    --if-navy: #0b2545;
    --if-navy-light: #123a6b;
    --if-gold: #c9a227;
    --if-bg: #f4f6f9;
}

body {
    background: var(--if-bg);
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.admin-header {
    background: var(--if-navy);
    color: #fff;
    height: 60px;
}

.admin-brand {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: .02em;
}

.admin-brand span {
    color: var(--if-gold);
}

.admin-layout {
    min-height: calc(100vh - 60px - 48px);
}

.admin-sidebar {
    width: 260px;
    flex-shrink: 0;
    background: #fff;
    border-right: 1px solid #e3e7ee;
    min-height: 100%;
    padding: 1rem 0;
}

.admin-sidebar .nav-link {
    color: #33415c;
    padding: .65rem 1.25rem;
    border-left: 3px solid transparent;
}

.admin-sidebar .nav-link:hover {
    background: #f0f3f9;
}

.admin-sidebar .nav-link.active {
    background: #eef2fb;
    border-left-color: var(--if-gold);
    color: var(--if-navy);
    font-weight: 600;
}

.admin-content {
    max-width: 100%;
}

.card-stat {
    border: none;
    border-radius: .75rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}

.card-stat .stat-value {
    font-size: 2rem;
    font-weight: 700;
    color: var(--if-navy);
}

.badge-status-0 { background-color: #64748b; }
.badge-status-10 { background-color: #1a7f4b; }
.badge-status-20 { background-color: #b3261e; }

.login-card {
    width: 100%;
    max-width: 380px;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(11, 37, 69, .15);
}

.login-card .card-header {
    background: var(--if-navy);
    color: #fff;
    border-radius: 1rem 1rem 0 0 !important;
}