*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{background:#f4f6f9;color:#1a1a1a}.app{display:flex;height:100vh}.sidebar{width:240px;background:#111827;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.logo{font-size:18px;font-weight:600;margin-bottom:32px}.nav{display:flex;flex-direction:column;gap:12px}.nav a{color:#9ca3af;text-decoration:none;padding:8px 12px;border-radius:8px;transition:.2s}.nav a:hover{background:#1f2937;color:#fff}.nav a.active{background:#2563eb;color:#fff}.main{flex:1;padding:40px;overflow-y:auto}.card{background:#fff;padding:28px;border-radius:14px;box-shadow:0 8px 24px #0000000f}.card h1{font-size:22px;margin-bottom:8px}.card p{color:#6b7280}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th{text-align:left;font-size:13px;font-weight:600;color:#6b7280;padding:12px 8px;border-bottom:1px solid #e5e7eb}.table td{padding:14px 8px;border-bottom:1px solid #f1f5f9;font-size:14px}.table tr:hover{background:#f9fafb}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge.active{background:#dcfce7;color:#166534}.badge.disabled{background:#fee2e2;color:#991b1b}.danger-btn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;transition:.2s}.danger-btn:hover{background:#dc2626}