:root{--primary: #6495ED;--accent: #FB923C;--border: #E2E8F0;--bg: #FFFFFF;--text: #1E293B;--sidebar-width: 260px}body{margin:0;font-family:Outfit,Inter,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden}.layout-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--primary);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:1000;color:#fff}.sidebar-header{padding:1.5rem;font-size:1.5rem;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav-menu{padding:1rem 0;flex-grow:1}.nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:#ffffffd9;text-decoration:none;font-weight:500;transition:.2s}.nav-item:hover,.nav-item.active{background:#ffffff26;color:#fff}.nav-item i{margin-right:1rem;width:20px;text-align:center}.main-content{flex-grow:1;margin-left:var(--sidebar-width);padding:2rem;background:#f8fafc;min-height:100vh}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.btn{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:.2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#4a80e0}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:1rem}th{text-align:left;padding:.75rem 1rem;background:#f1f5f9;color:#475569;font-weight:600;border-bottom:2px solid var(--border)}td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:#1e293b}tr:hover{background:#f8fafc}.badge{padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#fee2e2;color:#991b1b}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:1rem}}