*,: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:#fff;--border:#e0e0e0;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--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{background:var(--background);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.dashboard-layout{min-height:100vh;display:flex}.dashboard-main{flex:1;padding:32px;overflow-y:auto}.sidebar{background:var(--sidebar-bg);color:#fff;flex-direction:column;width:250px;min-height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{padding:var(--spacing-xxl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid #ffffff1a}.sidebar-brand h2{color:var(--primary);font-size:20px;font-weight:700}.sidebar-subtitle{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:12px}.sidebar-nav{padding:var(--spacing-md) var(--spacing-sm);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-divider{background:#ffffff1a;height:1px;margin:6px 8px}.sidebar-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.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{margin-bottom:var(--spacing-xxl);font-size:24px;font-weight:700}.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);background:var(--surface);font-size:14px}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.stats-card{background:var(--surface);border-radius:var(--radius);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);display:flex;box-shadow:0 1px 3px #00000014}.stats-icon{border-radius:var(--radius-md);background:var(--primary-light);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;display:flex}.stats-label{color:var(--text-muted);font-size:13px;display:block}.stats-value{font-size:24px;font-weight:700;display:block}.table-container{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #00000014}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;font-size:12px;font-weight:600}.data-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);font-size:14px}.data-table tbody tr:hover{background:#f9fafb}.table-pagination{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.pagination-buttons{gap:var(--spacing-sm);display:flex}.pagination-buttons button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.pagination-buttons button:hover:not(:disabled){background:#f3f4f6}.table-actions{gap:var(--spacing-sm);display:flex}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--primary);background:#f3f4f6}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #f3f4f6 50%, var(--border) 75%);background-size:200% 100%;border-radius:4px;height:16px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.login-page{background:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background:var(--surface);border-radius:var(--radius-md);width:100%;max-width:400px;padding:40px;box-shadow:0 4px 24px #0000001a}.login-form h1{color:var(--primary);margin-bottom:4px;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:var(--spacing-xxl);font-size:14px}.login-error{background:var(--danger-light);color:var(--danger);padding:var(--spacing-md) 14px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);font-size:13px}.login-form label{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:13px;font-weight:600;display:block}.login-form input{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-md) 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;display:block}.login-form input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1b7a4a26}.login-form button[type=submit]{width:100%;padding:var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;margin-top:var(--spacing-sm);border:none;font-size:15px;font-weight:600}.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{margin-bottom:var(--spacing-xxl);justify-content:space-between;align-items:center;display:flex}.page-header .page-title{margin-bottom:0}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:14px;display:block}.form-input:focus{border-color:var(--primary);outline:none;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);cursor:pointer;margin-right:var(--spacing-sm);font-size:13px;font-weight:500;transition:all .15s}.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);gap:var(--spacing-xs);border-top:1px solid #ffffff1a;flex-direction:column;display:flex}.sidebar-user{color:#ffffff80;padding:0 var(--spacing-md);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}