*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#4ba3c7;--brand-dark:#3a7fa0;--danger:#dc2626;--success:#16a34a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937;--gray-900:#111827;--radius:8px;--shadow:0 1px 3px #0000001f, 0 1px 2px #00000014;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}body{background:var(--gray-50);color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border-radius:var(--radius);border:none;padding:.5rem 1rem;transition:background .15s,opacity .15s}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--gray-600);border:1px solid var(--gray-200);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}input,select,textarea{font:inherit;border:1px solid var(--gray-200);border-radius:var(--radius);outline:none;width:100%;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4ba3c733}input[type=color]{width:3rem;height:2.2rem;padding:.25rem}label{color:var(--gray-600);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.5rem}.error-msg{color:var(--danger);margin-top:.25rem;font-size:.875rem}.badge{border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:var(--success);background:#dcfce7}.badge-inactive{color:var(--danger);background:#fee2e2}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;border-bottom:2px solid var(--gray-200);color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:.75rem 1rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.avatar{object-fit:cover;background:var(--gray-200);border-radius:6px;width:2.5rem;height:2.5rem}.field{margin-bottom:1rem}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.field-row{grid-template-columns:1fr}}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:1.5rem;font-weight:700}.actions{gap:.5rem;display:flex}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{color:#991b1b;background:#fee2e2}.alert-success{color:#166534;background:#dcfce7}