:root{--bg: #f4f6fa;--card: #ffffff;--border: #e2e8f0;--text: #1e293b;--muted: #64748b;--primary: #2563eb;--primary-dark: #1d4ed8;--green: #16a34a;--amber: #d97706;--red: #dc2626;--slate: #64748b;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.topbar{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#0f172a;color:#fff;position:sticky;top:0;z-index:10}.topbar .brand{font-weight:700;font-size:17px}.topbar nav{display:flex;gap:16px;flex:1}.topbar nav a{color:#cbd5e1;text-decoration:none;padding:6px 10px;border-radius:6px}.topbar nav a:hover{color:#fff;background:#ffffff14}.topbar .user{display:flex;align-items:center;gap:12px;font-size:13px;color:#cbd5e1}.content{max-width:1100px;margin:24px auto;padding:0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.card h2,.card h3{margin-top:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}tr:hover td{background:#f8fafc}label{display:block;font-size:13px;font-weight:600;margin:10px 0 4px;color:var(--muted)}input,select{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.form-row .grow{flex:1;min-width:180px}button{padding:9px 16px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}button:hover{background:var(--primary-dark)}button.secondary{background:#e2e8f0;color:var(--text)}button.secondary:hover{background:#cbd5e1}button.danger{background:#fee2e2;color:var(--red)}button.danger:hover{background:#fecaca}button.success{background:var(--green)}button.link{background:none;color:var(--primary);padding:0;font-weight:600}button.link:hover{text-decoration:underline;background:none}button:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.active{background:#dcfce7;color:var(--green)}.badge.pending{background:#fef9c3;color:#a16207}.badge.suspended{background:#ffedd5;color:var(--amber)}.badge.closed{background:#e2e8f0;color:var(--slate)}.badge.error{background:#fee2e2;color:var(--red)}.badge.inactive{background:#e2e8f0;color:var(--slate)}.alert{padding:12px 16px;border-radius:8px;margin:12px 0;font-size:14px}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.alert.info{background:#dbeafe;color:#1e40af}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e3a8a)}.login-card{width:380px;background:#fff;border-radius:14px;padding:32px}.login-card h1{font-size:20px;margin-top:0}.muted{color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.spacer{height:8px}