@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body { font-family: 'Inter', sans-serif; background: #f4f6f9; color: #333; overflow-x: hidden; }
.wrapper { display: flex; width: 100%; align-items: stretch; }

#sidebar-overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 1040; opacity: 0; transition: opacity 0.3s ease-in-out; }
#sidebar-overlay.active { display: block; opacity: 1; }

#sidebar { min-width: 260px; max-width: 260px; background: #11141a; color: #fff; transition: all 0.3s ease-in-out; min-height: 100vh; z-index: 1050; }
#sidebar .sidebar-header { padding: 24px; background: #0b0d11; text-align: center; border-bottom: 1px solid #1f242e; }
#sidebar .sidebar-header h3 { font-size: 20px; font-weight: 700; letter-spacing: 1px; margin: 0; color: #d4af37; }
#sidebar ul.components { padding: 20px 0; }
#sidebar ul li a { padding: 14px 24px; font-size: 15px; display: block; color: #a0aec0; text-decoration: none; transition: all 0.3s; font-weight: 500; }
#sidebar ul li a i { margin-right: 12px; font-size: 18px; }
#sidebar ul li a:hover { color: #fff; background: #1f242e; }
#sidebar ul li.active > a { color: #fff; background: #d4af37; font-weight: 600; }
#sidebar ul li.active > a i { color: #fff; }

#content { width: 100%; min-height: 100vh; transition: all 0.3s; display: flex; flex-direction: column; }
.navbar { padding: 10px 15px; background: #fff !important; border: none; }
.stat-card { border: none; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: transform 0.2s; }
.stat-card:hover { transform: translateY(-3px); }
.stat-card h6 { font-size: 11px; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 5px; font-weight: 600; }
.stat-card h2 { font-weight: 700; margin: 0; }

.badge-pending { background-color: #f6ad55; color: #fff; }
.badge-deposited { background-color: #4299e1; color: #fff; }
.badge-processing { background-color: #9f7aea; color: #fff; }
.badge-completed { background-color: #48bb78; color: #fff; }
.badge-cancelled { background-color: #f56565; color: #fff; }

#loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; display: flex; justify-content: center; align-items: center; }
.table th { font-weight: 600; font-size: 13px; }
.table td { font-size: 13px; }
.swal2-popup { font-size: 0.9rem !important; }

@media (max-width: 768px) {
    #sidebar { position: fixed; top: 0; left: -260px; height: 100%; overflow-y: auto; }
    #sidebar.active { left: 0; }
    #sidebarCollapse { padding: 4px 10px; }
    .table th, .table td { font-size: 12px; padding: 8px 5px; }
    .schedule-table td, .schedule-table th { white-space: nowrap; }
}