:root{--saft-color-bg: #f9f8f5;--saft-color-surface: #ffffff;--saft-color-surface-2: #f2f1ee;--saft-color-surface-3: #ebe9e3;--saft-color-ink: #1f2433;--saft-color-ink-muted: #5a6070;--saft-color-ink-subtle: #878d9b;--saft-color-line: #e3e1db;--saft-color-line-strong: #cfcbc2;--saft-color-focus: #3569db;--saft-color-primary: #c8102e;--saft-color-primary-soft: #f8d7dd;--saft-color-primary-ink: #8f0b23;--saft-color-user-citizen-primary: #c8102e;--saft-color-user-citizen-primary-soft: #f8d7dd;--saft-color-user-citizen-primary-ink: #8f0b23;--saft-color-user-company-primary: #d4a017;--saft-color-user-company-primary-soft: #f8edc8;--saft-color-user-company-primary-ink: #7d5f0d;--saft-color-user-caseworker-primary: #003d82;--saft-color-user-caseworker-primary-soft: #d9e6f6;--saft-color-user-caseworker-primary-ink: #002a59;--saft-color-user-supervisor-primary: #2d6a4f;--saft-color-user-supervisor-primary-soft: #d8e9e1;--saft-color-user-supervisor-primary-ink: #1f4b38;--saft-color-success: #2d6a4f;--saft-color-warning: #b8881a;--saft-color-danger: #c8102e;--saft-color-info: #1a3a6c;--saft-radius-sm: 6px;--saft-radius-md: 10px;--saft-radius-lg: 16px;--saft-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .03);--saft-shadow-md: 0 6px 20px -8px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .04);--saft-shadow-lg: 0 20px 40px -16px rgba(15, 23, 42, .18), 0 4px 10px rgba(15, 23, 42, .05);--saft-space-1: .25rem;--saft-space-2: .5rem;--saft-space-3: .75rem;--saft-space-4: 1rem;--saft-space-5: 1.5rem;--saft-space-6: 2rem}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--saft-color-ink);background:var(--saft-color-bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--saft-color-focus);outline-offset:2px}.saft-card{background:var(--saft-color-surface);border:1px solid var(--saft-color-line);border-radius:var(--saft-radius-md);box-shadow:var(--saft-shadow-sm)}.saft-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--saft-space-3);padding:var(--saft-space-4);border-bottom:1px solid var(--saft-color-line)}.saft-card__body{padding:var(--saft-space-4)}.saft-pill{display:inline-flex;align-items:center;gap:var(--saft-space-2);padding:.25rem .625rem;border-radius:999px;background:var(--saft-color-primary-soft);color:var(--saft-color-primary-ink);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.saft-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--saft-space-2);border:1px solid transparent;border-radius:var(--saft-radius-sm);padding:.5rem .875rem;cursor:pointer;font-size:.875rem;font-weight:600;line-height:1;width:100%}.saft-button--primary{background:var(--saft-color-primary);color:#fff}.saft-button--primary:hover{filter:brightness(.95)}.saft-button--secondary{background:var(--saft-color-surface);color:var(--saft-color-ink);border-color:var(--saft-color-line-strong)}.saft-button--secondary:hover{background:var(--saft-color-surface-2)}:root{--mat-select-panel-background-color: var(--saft-color-surface, #ffffff);--mat-option-hover-state-layer-color: var(--saft-color-surface-2, #f2f1ee)}.mat-mdc-select-panel{border:1px solid var(--saft-color-line, #e3e1db)}