*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1B7A4A;--primary-light: #E6F4ED;--primary-dark: #15613b;--secondary: #2E7D32;--secondary-light: #E3F2FD;--accent: #FF9800;--accent-light: #FFF3E0;--danger: #D32F2F;--danger-light: #FFEBEE;--yellow: #F9A825;--purple: #7B1FA2;--background: #F5F7F5;--surface: #FFFFFF;--border: #E0E0E0;--text-primary: #1A1A1A;--text-secondary: #666666;--text-muted: #999999;--green: #4CAF50;--sidebar-bg: #1a1a2e;--sidebar-hover: #16213e;--sidebar-active: #0f3460;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background);color:var(--text-primary);line-height:1.5}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;padding:32px;overflow-y:auto}.sidebar{width:250px;background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0}.sidebar-brand{padding:var(--spacing-xxl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand h2{font-size:20px;font-weight:700;color:var(--primary)}.sidebar-subtitle{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;gap:2px}.sidebar-divider{height:1px;background:#ffffff1a;margin:6px 8px}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);color:#ffffffb3;text-decoration:none;font-size:14px;transition:all .15s;border:none;background:none;cursor:pointer;width:100%;text-align:left}.sidebar-link:hover{background:var(--sidebar-hover);color:#fff}.sidebar-link.active{background:var(--sidebar-active);color:#fff}.sidebar-logout{margin:var(--spacing-sm);color:#ffffff80}.sidebar-logout:hover{color:#ff6b6b;background:#ff6b6b1a}.page-title{font-size:24px;font-weight:700;margin-bottom:var(--spacing-xxl)}.page-filters{margin-bottom:var(--spacing-lg)}.page-filters select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--surface)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.stats-card{background:var(--surface);border-radius:var(--radius);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:0 1px 3px #00000014}.stats-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center}.stats-label{display:block;font-size:13px;color:var(--text-muted)}.stats-value{display:block;font-size:24px;font-weight:700}.table-container{background:var(--surface);border-radius:var(--radius);box-shadow:0 1px 3px #00000014;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap}.data-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:14px;border-bottom:1px solid var(--border)}.data-table tbody tr:hover{background:#f9fafb}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);font-size:13px;color:var(--text-muted)}.pagination-buttons{display:flex;gap:var(--spacing-sm)}.pagination-buttons button{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.pagination-buttons button:hover:not(:disabled){background:#f3f4f6}.table-actions{display:flex;gap:var(--spacing-sm)}.btn-icon{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.btn-icon:hover{background:#f3f4f6;color:var(--primary)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.skeleton{height:16px;background:linear-gradient(90deg,var(--border) 25%,#f3f4f6 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background)}.login-form{background:var(--surface);padding:40px;border-radius:var(--radius-md);box-shadow:0 4px 24px #0000001a;width:100%;max-width:400px}.login-form h1{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:4px}.login-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:var(--spacing-xxl)}.login-error{background:var(--danger-light);color:var(--danger);padding:var(--spacing-md) 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:var(--spacing-lg)}.login-form label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.login-form input{display:block;width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-md) 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1b7a4a26}.login-form button[type=submit]{width:100%;padding:var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;margin-top:var(--spacing-sm)}.login-form button[type=submit]:hover{background:var(--primary-dark)}.login-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xxl)}.page-header .page-title{margin-bottom:0}.form-input{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--surface);color:var(--text-primary);font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1b7a4a26}.filter-tab{padding:var(--spacing-xs) var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-full, 999px);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;margin-right:var(--spacing-sm)}.filter-tab:hover{border-color:var(--primary);color:var(--primary)}.filter-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.sidebar-footer{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-user{font-size:12px;color:#ffffff80;padding:0 var(--spacing-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-close-btn{display:none;background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:var(--radius-sm);align-items:center;justify-content:center}.sidebar-close-btn:hover{color:#fff;background:var(--sidebar-hover)}.mobile-header,.sidebar-overlay{display:none}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.dashboard-main{padding:16px}.mobile-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--sidebar-bg);color:#fff;position:sticky;top:0;z-index:100;min-height:52px}.mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.mobile-menu-btn:hover{background:var(--sidebar-hover)}.mobile-brand{font-size:18px;font-weight:700;color:var(--primary)}.sidebar{position:fixed;left:-260px;top:0;height:100vh;min-height:100vh;z-index:200;transition:left .25s ease;overflow-y:auto}.sidebar.open{left:0}.sidebar-close-btn{display:flex}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}.sidebar-overlay.open{display:block}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-header{flex-wrap:wrap;gap:12px}.page-title{font-size:20px}.table-pagination{flex-direction:column;align-items:flex-start;gap:8px}.page-filters{overflow-x:auto;white-space:nowrap;padding-bottom:4px}.login-form{padding:28px 20px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr!important}}