.al-panel-body {
    background: linear-gradient(160deg, #1e1b4b, #3730a3 60%, #4f46e5);
    min-height: 100vh;
    color: #fff;
}

.al-panel-header {
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.al-panel-title {
    font-size: 2rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.al-panel-room-name {
    font-size: 1.3rem;
    font-weight: 500;
    opacity: 0.85;
}

.al-panel-clock {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: right;
}

.al-panel-clock small {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    opacity: 0.8;
    text-transform: capitalize;
}

.al-panel-room-select {
    font-size: 1.15rem;
    padding: 0.6rem 1rem;
    border-radius: var(--bs-border-radius);
    min-width: 260px;
}

.al-panel-tabs {
    padding: 0 2rem;
    display: flex;
    gap: 0.5rem;
}

.al-panel-tab {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0.75rem 2rem;
    border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.75);
    border: none;
    cursor: pointer;
}

.al-panel-tab.active {
    background: #fff;
    color: var(--al-navbar-bg);
}

.al-panel-content {
    background: #fff;
    color: #0b0b0b;
    border-radius: var(--bs-border-radius-lg);
    margin: 0 2rem 2rem;
    padding: 2rem;
    min-height: 60vh;
    overflow-x: auto;
}

.al-panel-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.6rem;
}

.al-panel-table th {
    text-transform: uppercase;
    font-size: 0.95rem;
    letter-spacing: 0.05em;
    color: #6b7280;
    text-align: left;
    padding: 0 1.25rem;
}

.al-panel-row {
    font-size: 1.35rem;
}

.al-panel-row td {
    background: #f8fafc;
    padding: 1.1rem 1.25rem;
    vertical-align: middle;
}

.al-panel-row td:first-child {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    font-weight: 700;
    white-space: nowrap;
}

.al-panel-row td:last-child {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.al-panel-row.is-free td {
    background: #ecfdf5;
    color: #059669;
    font-weight: 700;
}

.al-panel-day-heading {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 2rem 0 0.75rem;
    text-transform: capitalize;
    color: var(--al-navbar-bg);
}

.al-panel-day-heading:first-child {
    margin-top: 0;
}

.al-panel-footer {
    text-align: center;
    padding: 1rem;
    font-size: 1rem;
    opacity: 0.8;
}

.al-panel-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
    font-size: 1.2rem;
}