/* General Styles */
	* { margin: 0; padding: 0; box-sizing: border-box; }
	body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f8f9fc; transition: background-color 0.3s ease; }
	body.dark-mode { background-color: #1a1a2e; color: #eee; }
	/* Wrapper */
	.wrapper { display: flex; width: 100%; align-items: stretch; min-height: 100vh; position: relative; padding-bottom: 80px; }
	/* Sidebar */
	.sidebar { min-width: 250px; max-width: 250px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; transition: all 0.3s; position: fixed; height: 100vh; z-index: 1000; overflow-y: auto; }
	.sidebar.active { margin-left: -250px; }
	.sidebar-header { padding: 20px; background: rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: center; }
	.sidebar-header h3 { color: #fff; font-size: 1.2rem; margin: 0; }
	.sidebar-toggle-btn { display: none; cursor: pointer; font-size: 1.2rem; }
	.sidebar .components { padding: 20px 0; }
	.sidebar .components li { padding: 0; font-size: 1rem; position: relative; }
	.sidebar .components li a { color: #fff; text-decoration: none; display: flex; align-items: center; padding: 12px 20px; border-radius: 0; transition: all 0.3s; position: relative; }
	.sidebar .components li a:hover { background: rgba(255, 255, 255, 0.1); }
	.sidebar .components li.active > a { background: rgba(255, 255, 255, 0.2); }
	.sidebar .components li .badge { margin-left: auto; }
	/* Sidebar Dropdown Styles */
	.sidebar .dropdown-toggle { position: relative; }
	.sidebar .dropdown-toggle::after { display: inline-block; margin-left: auto; transition: transform 0.3s ease; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; }
	.sidebar .dropdown-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
	.sidebar .dropdown-menu { background: rgba(0, 0, 0, 0.2); border: none; border-radius: 0; padding: 0; margin: 0; width: 100%; box-shadow: none; }
	.sidebar .dropdown-item { color: #fff; padding: 10px 20px 10px 40px; border-left: 3px solid transparent; transition: all 0.3s; }
	.sidebar .dropdown-item:hover { background: rgba(255, 255, 255, 0.1); border-left: 3px solid rgba(255, 255, 255, 0.5); }
	.sidebar .dropdown-item i { width: 20px; text-align: center; margin-right: 8px; }
	/* Sidebar Footer */
	.sidebar-footer { position: absolute; bottom: 0; width: 100%; padding: 20px; background: rgba(0, 0, 0, 0.1); }
	.user-info { display: flex; align-items: center; }
	.user-info img { width: 40px; height: 40px; margin-right: 10px; }
	.user-details h6 { margin: 0; font-size: 0.9rem; }
	.user-details small { font-size: 0.8rem; opacity: 0.8; }
	/* Main Content */
	#content { width: 100%; padding: 0; min-height: 100vh; transition: all 0.3s; margin-left: 250px; display: flex; flex-direction: column; }
	#content.active { margin-left: 0; }
	/* Top Navbar */
	.top-navbar { box-shadow: 0 2px 4px rgba(0,0,0,.1); padding: 15px 0; background: #fff !important; }
	#sidebarCollapse { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; padding: 8px 12px; }
	#sidebarCollapse:hover { background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); }
	.search-bar .input-group { width: 300px; }
	.search-bar .form-control { border-right: none; }
	.search-bar .btn { border-left: none; }
	/* Statistics Cards */
	.border-left-primary { border-left: 4px solid #4e73df !important; }
	.border-left-success { border-left: 4px solid #1cc88a !important; }
	.border-left-info { border-left: 4px solid #36b9cc !important; }
	.border-left-warning { border-left: 4px solid #f6c23e !important; }
	.card { border: none; border-radius: 10px; transition: transform 0.3s, box-shadow 0.3s; }
	.card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
	.text-xs { font-size: 0.75rem; }
	.font-weight-bold { font-weight: 700 !important; }
	.text-gray-800 { color: #5a5c69 !important; }
	.text-gray-300 { color: #dddfeb !important; }
	/* Charts */
	.chart-area { position: relative; height: 300px; }
	.chart-pie { position: relative; height: 200px; }
	/* Tables */
	.table { margin-bottom: 0; }
	.table th { border-top: none; font-weight: 600; color: #5a5c69; background-color: #f8f9fc; }
	.badge { font-size: 0.75rem; }
	/* List Group */
	.list-group-item { border: none; border-bottom: 1px solid #e3e6f0; transition: background-color 0.3s; }
	.list-group-item:hover { background-color: #f8f9fc; }
	.list-group-item:last-child { border-bottom: none; }
	/* Main Footer */
	.main-footer { background: #fff; padding: 20px 0; margin-top: auto; border-top: 1px solid #e3e6f0; box-shadow: 0 -2px 10px rgba(0,0,0,0.05); }
	.main-footer p { margin: 0; color: #6c757d; }
	.footer-links a { color: #6c757d; text-decoration: none; margin-right: 15px; transition: color 0.3s; }
	.footer-links a:hover { color: #667eea; }
	/* Modal */
	.modal-content { border: none; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
	.modal-header { border-bottom: 1px solid #e3e6f0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; border-radius: 10px 10px 0 0; }
	.modal-header .btn-close { filter: brightness(0) invert(1); }
	/* Dark Mode Styles */
	body.dark-mode .top-navbar { background: #2d2d44 !important; }
	body.dark-mode .card { background: #2d2d44; color: #eee; }
	body.dark-mode .table th { background-color: #1a1a2e; color: #eee; }
	body.dark-mode .table td { border-color: #444; }
	body.dark-mode .list-group-item { background: #2d2d44; border-color: #444; color: #eee; }
	body.dark-mode .list-group-item:hover { background-color: #3a3a4e; }
	body.dark-mode .modal-content { background: #2d2d44; color: #eee; }
	body.dark-mode .form-control, body.dark-mode .form-select { background: #1a1a2e; border-color: #444; color: #eee; }
	body.dark-mode .form-control:focus, body.dark-mode .form-select:focus { background: #1a1a2e; border-color: #667eea; color: #eee; }
	body.dark-mode .search-bar .form-control { background: #1a1a2e; border-color: #444; color: #eee; }
	body.dark-mode .breadcrumb { background: transparent; }
	body.dark-mode .breadcrumb-item + .breadcrumb-item::before { color: #aaa; }
	body.dark-mode .breadcrumb-item a { color: #667eea; }
	/* Dark Mode Footer */
	body.dark-mode .main-footer { background: #2d2d44; border-top: 1px solid #444; }
	body.dark-mode .main-footer p { color: #aaa; }
	body.dark-mode .footer-links a { color: #aaa; }
	body.dark-mode .footer-links a:hover { color: #667eea; }
	.dark-mode .breadcrumb-item .active { color: #ffffff; }
	/* Responsive Design */
	@media (max-width: 768px) {
	    .sidebar { margin-left: -250px; }
	    .sidebar.active { margin-left: 0; }
	    #content { margin-left: 0; }
	    .sidebar-toggle-btn { display: block; }
	    .search-bar .input-group { width: 200px; }
	    .d-flex.justify-content-between { flex-direction: column; align-items: flex-start !important; }
	    .d-flex.justify-content-between button { margin-top: 10px; }
	    .wrapper { padding-bottom: 100px; }
	    .main-footer { padding: 15px 0; }
	    .footer-links { margin-top: 10px; }
	    .footer-links a { display: block; margin: 5px 0; }
	}
	@media (max-width: 576px) {
	    .search-bar { display: none; }
	    .col-xl-3 { margin-bottom: 1rem; }
	    .table-responsive { font-size: 0.875rem; }
	    .sidebar .dropdown-item { padding: 8px 15px 8px 35px; }
	}
	/* Animations */
	@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
	.card { animation: fadeIn 0.5s ease-out; }
	/* Custom Scrollbar */
	.sidebar::-webkit-scrollbar { width: 6px; }
	.sidebar::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); }
	.sidebar::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; }
	.sidebar::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.5); }
	/* Loading Spinner */
	.spinner { border: 4px solid #f3f3f3; border-top: 4px solid #667eea; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 20px auto; }
	@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
	/* Tooltips */
	.tooltip { font-size: 0.875rem; }
	/* Dropdown Animations */
	.dropdown-menu { animation: fadeIn 0.3s ease-out; border: none; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 8px; }
	/* Button Styles */
	.btn { border-radius: 6px; font-weight: 500; transition: all 0.3s; }
	.btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
	.btn-primary { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; }
	.btn-primary:hover { background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); }
	/* Form Styles */
	.form-control:focus { border-color: #667eea; box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25); }
	.form-select:focus { border-color: #667eea; box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25); }
	/* Notification Badge Animation */
	.badge { animation: pulse 2s infinite; }
	@keyframes pulse { 
	    0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
	    70% { box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); }
	    100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
	}