@import url(https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap);.navbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:100}.navbar-container{height:60px;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 24px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#5b5ce2;font-size:20px;font-weight:700;gap:8px;text-decoration:none}.navbar-right{align-items:center;display:flex;gap:16px}.notification-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background .2s}.notification-btn:hover{background:#f3f4f6}.notification-icon{color:#6b7280;font-size:20px}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:0;text-align:center;top:0}.user-greeting{color:#6b7280;font-size:14px;font-weight:500}.profile-circle-container{align-items:center;display:flex;gap:4px;position:relative}.profile-circle{align-items:center;background:linear-gradient(135deg,#5b5ce2,#7c3aed);border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;transition:all .2s;width:36px}.profile-circle:hover{box-shadow:0 4px 12px #5b5ce24d;transform:scale(1.05)}.profile-initials{color:#fff;font-size:14px;font-weight:600}.profile-avatar{height:100%;object-fit:cover;width:100%}.dropdown-arrow{background:none;border:none;color:#6b7280;cursor:pointer;font-size:10px;padding:4px;transition:transform .2s}.dropdown-arrow:hover{color:#5b5ce2}.profile-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;min-width:220px;overflow:hidden;position:absolute;right:0;top:45px;z-index:200}.dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#5b5ce2,#7c3aed);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.dropdown-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-avatar span{color:#fff;font-size:16px;font-weight:600}.dropdown-info{flex:1 1}.dropdown-info strong{color:#1f2937;display:block;font-size:14px}.dropdown-info small{color:#6b7280;display:block;font-size:11px}.dropdown-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-divider{border:none;border-top:1px solid #e5e7eb;margin:0}.logout-btn{color:#ef4444}.logout-btn:hover{background:#fef2f2}.notifications-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:400px;overflow:auto;position:absolute;right:80px;top:50px;width:320px;z-index:200}.notifications-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.notifications-header strong{color:#1f2937;font-size:14px}.mark-all-read{background:none;border:none;color:#5b5ce2;cursor:pointer;font-size:12px}.notification-item{border-bottom:1px solid #e5e7eb;padding:12px 16px;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eef2ff}.notification-item p{color:#374151;font-size:13px;margin-bottom:4px}.notification-item small{color:#6b7280;font-size:11px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-greeting{display:none}.navbar-container{padding:0 16px}.profile-dropdown{min-width:200px;right:-10px}.notifications-dropdown{right:50px;width:280px}.dark-mode .navbar{background-color:#0f172a!important;border-bottom-color:#334155!important}.dark-mode .navbar-logo{color:#818cf8!important}.dark-mode .user-greeting{color:#cbd5e1!important}.dark-mode .notification-btn:hover{background-color:#334155!important}.dark-mode .notification-icon{color:#94a3b8!important}.dark-mode .profile-circle{background:linear-gradient(135deg,#818cf8,#a78bfa)!important}.dark-mode .dropdown-arrow{color:#94a3b8!important}.dark-mode .profile-dropdown{background-color:#1e293b!important;border-color:#334155!important}.dark-mode .dropdown-header{background-color:#334155!important;border-bottom-color:#475569!important}.dark-mode .dropdown-info strong{color:#f1f5f9!important}.dark-mode .dropdown-info small{color:#94a3b8!important}.dark-mode .dropdown-item{color:#cbd5e1!important}.dark-mode .dropdown-item:hover{background-color:#475569!important}.dark-mode .notifications-dropdown{background-color:#1e293b!important;border-color:#334155!important}.dark-mode .notifications-header{background-color:#334155!important;border-bottom-color:#475569!important}.dark-mode .notification-item{border-bottom-color:#334155!important}.dark-mode .notification-item:hover{background-color:#334155!important}.dark-mode .notification-item p{color:#cbd5e1!important}.dark-mode .mark-all-read{color:#818cf8!important}}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;position:sticky;top:60px;transition:width .3s ease}.sidebar,.sidebar.expanded{width:260px}.sidebar.collapsed{width:70px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#f1f1f1}.sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.sidebar-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding:20px 16px;text-align:center;transition:padding .3s ease}.sidebar-logo{color:#5b5ce2;font-size:20px;font-weight:700;margin:0;white-space:nowrap}.sidebar-logo-small{font-size:24px}.sidebar-toggle-btn{align-items:center;background:#5b5ce2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;right:-12px;top:20px;transition:all .2s ease;width:24px;z-index:100}.sidebar-toggle-btn:hover{background:#4c4dd6;transform:scale(1.05)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:0 12px}.nav-link{align-items:center;border-radius:8px;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background-color:#f3f4f6;color:#5b5ce2}.nav-link.active{background-color:#5b5ce21a;color:#5b5ce2;font-weight:600}.nav-icon{font-size:20px;min-width:24px;text-align:center}.nav-label{flex:1 1}.sidebar.collapsed .nav-link{justify-content:center;padding:12px}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .sidebar-header{padding:20px 0}.sidebar.collapsed .sidebar-footer{display:flex;justify-content:center;padding:20px 0}.sidebar-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding:20px 16px;transition:padding .3s ease}.mobile-menu-btn{background:#5b5ce2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:20px;left:16px;padding:8px 12px;position:fixed;top:70px;z-index:1001}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:89}.sidebar-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;display:none;font-size:20px;position:absolute;right:16px;top:16px}@media (max-width:768px){.mobile-menu-btn{display:block}.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar-toggle-btn{display:none}.sidebar-close-btn,.sidebar-overlay{display:block}.dark-mode .sidebar{background-color:#0f172a!important;border-right-color:#334155!important}.dark-mode .sidebar-logo{color:#818cf8!important}.dark-mode .nav-link{color:#94a3b8!important}.dark-mode .nav-link:hover{background-color:#334155!important;color:#818cf8!important}.dark-mode .nav-link.active{background-color:#818cf833!important;color:#818cf8!important}.dark-mode .sidebar-footer{border-top-color:#334155!important}}.main-content{background-color:var(--background-main);flex:1 1;min-height:100vh;overflow-y:auto;padding:var(--spacing-2xl);transition:margin-left .3s ease,width .3s ease}.sidebar.expanded+.main-content,.sidebar.expanded~.main-content{margin-left:260px;width:calc(100% - 260px)}.sidebar.collapsed+.main-content,.sidebar.collapsed~.main-content{margin-left:70px;width:calc(100% - 70px)}@media (max-width:768px){.main-content{margin-left:0!important;padding:var(--spacing-lg);width:100%!important}}.dashboard-container{background-color:var(--background-main);display:flex;min-height:100vh}.card-grid{grid-gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card-grid,.dashboard-grid{display:grid;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.dashboard-grid{grid-gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card{background-color:var(--background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:var(--spacing-sm)}.card-value{color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.stat-card{align-items:center;background-color:var(--background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon.blue{background:var(--info-bg)}.stat-icon.green{background:var(--success-bg)}.stat-icon.orange{background:var(--warning-bg)}.stat-icon.purple{background:var(--primary-light)}.stat-icon.red{background:var(--danger-bg)}.stat-info h3{color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:4px}.stat-info p{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.stats-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--spacing-2xl)}.table-container{background-color:var(--background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-xl);overflow-x:auto}table{border-collapse:collapse;min-width:600px;width:100%}th{background-color:var(--background-header);color:var(--text-secondary);font-size:13px;font-weight:600;text-align:left}td,th{border-bottom:1px solid var(--border-light);padding:var(--spacing-md) var(--spacing-lg)}td{color:var(--text-primary);font-size:14px}tr:hover{background-color:#f9fafb}.btn-primary{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);padding:10px 16px;transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--border-light);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--border-medium)}.btn-danger{background-color:var(--danger-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all var(--transition-fast)}.btn-danger:hover{background-color:#dc2626}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.badge-success{background-color:var(--success-bg);color:var(--success-color)}.badge-danger{background-color:var(--danger-bg);color:var(--danger-color)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-color)}.badge-info{background-color:var(--info-bg);color:var(--info-color)}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.active,.status-badge.approved,.status-badge.available,.status-badge.paid{background-color:var(--success-bg);color:var(--success-color)}.status-badge.pending{background-color:var(--warning-bg);color:var(--warning-color)}.status-badge.full,.status-badge.overdue,.status-badge.rejected{background-color:var(--danger-bg);color:var(--danger-color)}.status-badge.in-progress{background-color:var(--info-bg);color:var(--info-color)}.info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.info-item label{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:4px}.info-item p{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.info-grid{grid-template-columns:1fr}}@media (max-width:768px){.main-content{padding:var(--spacing-lg)}.card-grid,.dashboard-grid,.stats-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.stat-card{padding:var(--spacing-lg)}td,th{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.main-content{padding:var(--spacing-md)}.stat-icon,.stat-info p{font-size:20px}.stat-icon{height:40px;width:40px}.card-value{font-size:22px}.main-content{transition:all .3s ease}.main-content,.page-container{background-color:#f7f8fc}.main-content{background:#f5f7fa;flex:1 1;margin-left:260px;min-height:calc(100vh - 60px);overflow-y:auto;padding:24px;transition:margin-left .3s ease}.sidebar.collapsed+.main-content,.sidebar.collapsed~.main-content{margin-left:70px}.page-container{background:#f5f7fa;display:flex;min-height:100vh}.content-wrapper{flex:1 1;margin-left:260px;min-height:100vh;transition:margin-left .3s ease}.sidebar.collapsed+.content-wrapper,.sidebar.collapsed~.content-wrapper{margin-left:70px}@media (max-width:768px){.main-content{padding:16px}.content-wrapper,.main-content{margin-left:0!important}}}:root{--primary-color:#5b5ce2;--primary-hover:#4c4dd6;--background-main:#f5f7fa;--background-card:#fff;--text-primary:#1a1a2e;--text-secondary:#6b7280;--border-light:#e5e7eb;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--shadow-sm:0 1px 2px #0000000d;--radius-lg:12px}.dark-mode{--primary-color:#818cf8;--primary-hover:#a78bfa;--background-main:#0f172a;--background-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-light:#334155;--shadow-sm:0 1px 2px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;background-color:var(--background-main);color:#1a1a2e;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;line-height:1.5;transition:background-color .3s ease,color .3s ease}.dark-mode body{background-color:#0f172a;color:#f1f5f9}.dark-mode .navbar{background-color:#0f172a!important;border-bottom-color:#334155!important}.dark-mode .navbar-logo{color:#818cf8!important}.dark-mode .user-greeting{color:#cbd5e1!important}.dark-mode .sidebar{background-color:#0f172a!important;border-right-color:#334155!important}.dark-mode .nav-link{color:#94a3b8!important}.dark-mode .nav-link.active,.dark-mode .nav-link:hover{background-color:#334155!important;color:#818cf8!important}.dark-mode .card,.dark-mode .modal-content,.dark-mode .notifications-dropdown,.dark-mode .profile-dropdown,.dark-mode .stat-card,.dark-mode .table-container{background-color:#1e293b!important;border-color:#334155!important}.dark-mode .card-title,.dark-mode h1,.dark-mode h2,.dark-mode h3{color:#f1f5f9!important}.dark-mode label,.dark-mode p,.dark-mode span{color:#cbd5e1!important}.dark-mode input,.dark-mode select,.dark-mode textarea{background-color:#334155!important;border-color:#475569!important;color:#f1f5f9!important}.dark-mode table{background-color:#1e293b!important}.dark-mode th{background-color:#334155!important;color:#cbd5e1!important}.dark-mode td{border-bottom-color:#334155!important;color:#cbd5e1!important}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .2s ease;background:#fff;border-radius:12px;border-radius:var(--radius-lg);max-height:80vh;max-width:90%;overflow:auto;padding:24px;width:500px}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}@media (max-width:768px){.modal-content{padding:16px;width:95%}}
/*# sourceMappingURL=main.b5f222a2.css.map*/