*,*: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 rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none;border-radius:var(--radius);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{background:transparent;color:var(--gray-600);border:1px solid var(--gray-200)}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}input,select,textarea{font:inherit;width:100%;border:1px solid var(--gray-200);border-radius:var(--radius);padding:.5rem .75rem;outline:none;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]{padding:.25rem;height:2.2rem;width:3rem}label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-600);margin-bottom:.25rem}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.error-msg{color:var(--danger);font-size:.875rem;margin-top:.25rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-active{background:#dcfce7;color:var(--success)}.badge-inactive{background:#fee2e2;color:var(--danger)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--gray-200);font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;background:var(--gray-200)}.field{margin-bottom:1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.field-row{grid-template-columns:1fr}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700}.actions{display:flex;gap:.5rem}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.alert-error{background:#fee2e2;color:#991b1b}.alert-success{background:#dcfce7;color:#166534}