/* Custom Styles */
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f6f9; }
.sidebar { min-height: 100vh; background-color: #fff; border-right: 1px solid #dee2e6; }
.sidebar .nav-link { color: #333; font-weight: 500; padding: 10px 20px; border-radius: 5px; margin-bottom: 5px;}
.sidebar .nav-link:hover, .sidebar .nav-link.active { background-color: #e9ecef; }
.sidebar .nav-link.active { background-color: #0d6efd; color: white; }
.sidebar .nav-link i { margin-right: 10px; }
.topbar { background-color: #fff; border-bottom: 1px solid #dee2e6; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
.content-area { padding: 20px; }
.stat-card { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; padding: 15px; text-align: center; height: 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
.stat-card h6 { color: #6c757d; font-size: 0.85rem; margin-bottom: 10px;}
.stat-card h3 { font-weight: bold; margin: 0; }
.table-custom th { font-size: 0.85rem; color: #495057; font-weight: 600; text-transform: uppercase; background-color: #f8f9fa;}
.footer { background: #fff; border-top: 1px solid #dee2e6; padding: 15px; text-align: center; font-size: 0.85rem; color: #6c757d;}
.red-annotation { color: red; font-size: 0.75rem; font-weight: bold; }