:root {
    --navbar-height: 56px;
    --sidebar-width: 250px;
}

body {
    background: #f4f6f9;
}

.guest-body {
    background: linear-gradient(135deg, #eef2ff 0%, #f4f6f9 100%);
    min-height: 100vh;
}

.login-tabs .nav-link {
    font-size: .78rem;
    white-space: nowrap;
}

.app-navbar {
    height: var(--navbar-height);
    z-index: 1040;
}

.app-content {
    padding-top: var(--navbar-height);
}

@media (min-width: 992px) {
    .app-sidebar {
        position: fixed;
        top: var(--navbar-height);
        bottom: 0;
        left: 0;
        width: var(--sidebar-width);
        overflow-y: auto;
    }

    .app-content {
        margin-left: var(--sidebar-width);
    }
}

.app-sidebar .nav-link {
    color: #444;
    padding: .45rem 1.25rem;
    border-left: 3px solid transparent;
}

.app-sidebar .nav-link:hover {
    background: #f1f3f7;
}

.app-sidebar .nav-link.active {
    color: var(--bs-primary);
    background: #eef2ff;
    border-left-color: var(--bs-primary);
    font-weight: 500;
}

.sidebar-heading {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #8a8f98;
    padding: .9rem 1.25rem .25rem;
}

.stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.attendance-grid .btn-check + .btn {
    min-width: 72px;
}

.register-table th,
.register-table td {
    font-size: .75rem;
    padding: .2rem .3rem;
    text-align: center;
    white-space: nowrap;
}

.calendar-day {
    min-height: 64px;
}

.timetable-grid td {
    min-width: 120px;
    font-size: .85rem;
}

@media print {
    .app-navbar,
    .app-sidebar,
    .no-print,
    .btn,
    .alert {
        display: none !important;
    }

    .app-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    body {
        background: #fff;
    }

    .card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}