:root{--primary: #4f46e5;--primary-hover: #4338ca;--bg-dark: #111827;--bg-card: #ffffff;--bg-main: #f3f4f6;--text-main: #1f2937;--text-secondary: #6b7280;--border: #e5e7eb;--danger: #ef4444;--success: #10b981;--radius: .5rem;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5}button{cursor:pointer;border:none;font-family:inherit}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-danger{background-color:var(--danger);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--border)}.btn-outline:hover{background-color:#f9fafb}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-main)}.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem}.form-input:focus{outline:2px solid var(--primary);border-color:transparent}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--bg-dark);color:#fff;display:flex;flex-direction:column}.mobile-header{display:none;background-color:var(--bg-dark);color:#fff;padding:1rem;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:40}.mobile-brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.1rem}.mobile-menu-btn{background:transparent;color:#fff;display:flex;align-items:center;justify-content:center}.sidebar-close-btn{display:none;background:transparent;color:#9ca3af;margin-left:auto}.mobile-overlay{display:none}@media (max-width: 768px){.layout{flex-direction:column}.mobile-header{display:flex}.mobile-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:45;animation:fadeIn .2s ease-out}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:50;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #00000026}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.sidebar-close-btn{display:flex}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{padding:1.5rem;font-size:1.25rem;font-weight:700;border-bottom:1px solid #374151}.nav-menu{flex:1;padding:1rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#d1d5db;border-radius:var(--radius);margin-bottom:.25rem}.nav-item:hover,.nav-item.active{background-color:#374151;color:#fff}.sidebar-footer{padding:1rem;border-top:1px solid #374151}.logout-btn{width:100%;color:#ef4444;transition:all .2s}.logout-btn:hover{background-color:#ef4444!important;color:#fff!important}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{font-size:1.875rem;font-weight:600}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{background-color:#f9fafb;padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border)}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.badge{display:inline-flex;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-green{background:#d1fae5;color:#065f46}.badge-blue{background:#dbeafe;color:#1e40af}.badge-yellow{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}