:root{--color-magenta: #cd2d71;--color-magenta-dark: #891b62;--color-magenta-light: #f5eef4;--color-green: #8cbe4c;--color-green-dark: #397b36;--color-blue: #2a60b5;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-radius-sm: 8px;--border-radius-md: 12px;--font-sans: "Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}body{background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background-color:#0f172a;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebar-logo{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-weight:800}.sidebar-logo img{height:32px;background:#fff;border-radius:50%;padding:2px}.sidebar-link{padding:10px 14px;border-radius:var(--border-radius-sm);color:#cbd5e1;text-decoration:none;font-weight:600;font-size:.9rem}.sidebar-link:hover,.sidebar-link.active{background-color:#ffffff1a;color:#fff}.main-content{flex:1;padding:32px;max-width:1100px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:1.5rem;font-weight:800}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;border-radius:var(--border-radius-sm);border:none;cursor:pointer;text-decoration:none}.btn-primary{background-color:var(--color-magenta);color:#fff}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}.btn-danger{background-color:#fee2e2;color:#b91c1c}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background-color:var(--bg-primary);border-radius:var(--border-radius-md);padding:24px;border:1px solid var(--bg-tertiary)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--bg-tertiary);font-size:.9rem}th{color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.table-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--border-radius-sm);background-color:var(--bg-tertiary)}.badge{display:inline-block;padding:3px 10px;border-radius:50px;font-size:.7rem;font-weight:700}.badge-active{background-color:#dcfce7;color:#166534}.badge-inactive{background-color:#f1f5f9;color:#64748b}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--text-secondary)}.form-control{width:100%;padding:10px 12px;border-radius:var(--border-radius-sm);border:1.5px solid var(--bg-tertiary);background-color:var(--bg-secondary);font-size:.9rem}.form-control:focus{outline:none;border-color:var(--color-magenta)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-row{display:flex;gap:20px;margin-bottom:16px}.checkbox-row label{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:360px;background:#fff;padding:32px;border-radius:var(--border-radius-md);box-shadow:0 10px 25px -5px #0000001a}.error-text{color:#b91c1c;font-size:.85rem;margin-top:8px}.image-preview{width:160px;height:100px;object-fit:cover;border-radius:var(--border-radius-sm);background-color:var(--bg-tertiary);margin-top:8px}