/* =========================================
   AURPON MODz - Responsive
   ========================================= */

@media (max-width: 992px) {
    .sidebar {
        transform: translateX(-100%);
    }
    .sidebar.open {
        transform: translateX(0);
    }
    .main-content {
        margin-left: 0;
    }
    .sidebar-toggle {
        display: block;
    }
    .sidebar-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        z-index: 99;
    }
    .sidebar-overlay.show {
        display: block;
    }
    .hero-title { font-size: 2.2rem; }
    .section-title { font-size: 2rem; }
}

@media (max-width: 768px) {
    .content-area { padding: 20px 16px; }
    .stat-card { padding: 18px; }
    .stat-value { font-size: 1.4rem; }
    .topbar { padding: 12px 16px; }
    .auth-card { padding: 28px 22px; }
    .hero-section { padding: 100px 0 60px; }
    .hero-title { font-size: 1.8rem; }
    .pricing-amount { font-size: 2.2rem; }
    .table-responsive-stack { display: block; }
    .table-responsive-stack thead { display: none; }
    .table-responsive-stack tbody tr {
        display: block;
        margin-bottom: 12px;
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 12px;
    }
    .table-responsive-stack tbody td {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border: none;
    }
    .table-responsive-stack tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--text-secondary);
        font-size: 0.8rem;
        text-transform: uppercase;
    }
}

@media (max-width: 576px) {
    .hero-subtitle { font-size: 1rem; }
    .glass-card { padding: 22px; }
    .footer-section { padding: 40px 0 20px; }
}