.status-badge.active{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:#22c55e1a;color:#22c55e;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:#f59e0b1a;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px}.status-badge.filled{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:#3b82f61a;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px}.status-badge.expired{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:#9ca3af1a;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.status-badge.declined{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:#ef44441a;color:#ef4444;text-transform:uppercase;letter-spacing:.5px}.status-badge.accepted{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:#8b5cf61a;color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media(max-width:768px){.grid-view{grid-template-columns:1fr;gap:16px}}.list-view{display:flex;flex-direction:column;gap:16px}.skeleton{background:linear-gradient(90deg,var(--mat-sys-surface-container-high) 25%,var(--mat-sys-surface-container) 50%,var(--mat-sys-surface-container-high) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.hide-mobile{display:none}}@media(min-width:769px){.hide-desktop{display:none}}html{color-scheme:light;--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #723600;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #964900;--mat-sys-tertiary-container: #ffdcc7;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.dark{color-scheme:dark;--mat-sys-background: #121316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f3033;--mat-sys-inverse-primary: #005cbb;--mat-sys-inverse-surface: #e3e2e6;--mat-sys-on-background: #e3e2e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #002f65;--mat-sys-on-primary-container: #d7e3ff;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #283041;--mat-sys-on-secondary-container: #dae2f9;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #e3e2e6;--mat-sys-on-surface-variant: #e0e2ec;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #8e9099;--mat-sys-outline-variant: #44474e;--mat-sys-primary: #abc7ff;--mat-sys-primary-container: #00458f;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #bec6dc;--mat-sys-secondary-container: #3e4759;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #121316;--mat-sys-surface-bright: #38393c;--mat-sys-surface-container: #1f2022;--mat-sys-surface-container-high: #292a2c;--mat-sys-surface-container-highest: #343537;--mat-sys-surface-container-low: #1a1b1f;--mat-sys-surface-container-lowest: #0d0e11;--mat-sys-surface-dim: #121316;--mat-sys-surface-tint: #abc7ff;--mat-sys-surface-variant: #44474e;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{margin:0;font-family:Inter,sans-serif;background:var(--mat-sys-surface);color:var(--mat-sys-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--mat-sys-primary);text-decoration:none}mat-icon{font-family:Material Icons,Material Symbols Outlined!important;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.page-content{padding:16px 16px 80px;max-width:960px;margin:0 auto}.page-header{position:sticky;top:0;z-index:10;background:var(--mat-sys-surface);border-bottom:1px solid var(--mat-sys-outline-variant);display:flex;align-items:center;padding:0 8px;min-height:56px;flex-wrap:wrap}.page-header h1,.page-header h2{margin:0;font-size:20px;font-weight:600;flex:1;min-width:120px}.page-header .header-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}@media(max-width:768px){.page-header{padding:0 4px;min-height:48px}.page-header h1,.page-header h2{font-size:18px;min-width:80px}.page-header .header-actions{gap:2px}.page-header button:not(.mat-icon-button) mat-icon+*{display:none}.page-header button[color=primary]:not(.mat-icon-button){min-width:48px!important;padding:0 12px!important}.page-header button[color=primary]:not(.mat-icon-button) mat-icon{margin:0!important}}@media(max-width:480px){.page-header .view-toggle{order:10;width:100%;margin-top:4px;justify-content:center}}.mat-mdc-card{border-radius:12px!important;margin-bottom:12px;transition:box-shadow .2s ease,transform .2s ease}.mat-mdc-card:hover{box-shadow:var(--mat-sys-level2)}.mat-mdc-card__content:last-child{padding-bottom:16px!important}.card-list-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--mat-sys-outline-variant);cursor:pointer;transition:background .15s ease}.card-list-item:hover{background:var(--mat-sys-surface-container);border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px}.card-list-item:last-child{border-bottom:none}.page-action-bar{display:flex;align-items:center;gap:8px}.page-action-bar button{font-weight:600;letter-spacing:0}.skeleton{background:linear-gradient(90deg,var(--mat-sys-surface-container-high) 25%,var(--mat-sys-surface-container) 50%,var(--mat-sys-surface-container-high) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;min-height:16px}.skeleton-card{padding:16px;margin-bottom:12px;background:var(--mat-sys-surface-container);border-radius:12px}.skeleton-card .skeleton{margin-bottom:8px}.skeleton-circle{border-radius:50%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px}.section-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.section-link{font-size:14px;font-weight:500;color:var(--mat-sys-primary);text-decoration:none;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state mat-icon{font-size:64px;width:64px;height:64px;color:var(--mat-sys-outline);margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0 0 24px;font-size:14px;color:var(--mat-sys-on-surface-variant)}.auth-interstitial{display:flex;align-items:center;justify-content:center;padding:32px 16px;min-height:200px}.auth-interstitial .auth-interstitial-card{text-align:center;max-width:320px;width:100%;padding:32px 24px;border-radius:16px;background:var(--mat-sys-surface-container);box-shadow:var(--mat-sys-level2)}.auth-interstitial .auth-icon-circle{width:72px;height:72px;border-radius:50%;background:var(--mat-sys-primary-container);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.auth-interstitial .auth-icon-circle mat-icon{font-size:32px;width:32px;height:32px;color:var(--mat-sys-primary)}.auth-interstitial h3{font-size:20px;font-weight:600;margin-bottom:8px}.auth-interstitial p{font-size:14px;color:var(--mat-sys-on-surface-variant);margin-bottom:24px}.toast-success .mdc-snackbar__surface{background-color:var(--mat-sys-primary)!important;color:var(--mat-sys-on-primary)!important}.toast-error .mdc-snackbar__surface{background-color:var(--mat-sys-error)!important;color:var(--mat-sys-on-error)!important}.toast-warning .mdc-snackbar__surface{background-color:var(--mat-sys-tertiary)!important;color:var(--mat-sys-on-tertiary)!important}mat-chip-set{flex-wrap:wrap;gap:4px}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.type-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.type-offering{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.type-event{background:var(--mat-sys-tertiary-container);color:var(--mat-sys-on-tertiary-container)}.type-post{background:var(--mat-sys-secondary-container);color:var(--mat-sys-on-secondary-container)}.type-open{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.type-fulfilled{background:var(--mat-sys-tertiary-container);color:var(--mat-sys-on-tertiary-container)}.date-badge{width:56px;height:56px;border-radius:12px;background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.date-badge .date-month{font-size:11px;font-weight:600;text-transform:uppercase;line-height:1}.date-badge .date-day{font-size:20px;font-weight:700;line-height:1.1}.star-rating{display:inline-flex;align-items:center;gap:2px}.star-rating mat-icon{font-size:16px;width:16px;height:16px}.star-rating .star-filled{color:var(--mat-sys-tertiary)}.star-rating .star-empty{color:var(--mat-sys-outline-variant)}.star-rating .rating-count{font-size:12px;color:var(--mat-sys-on-surface-variant);margin-left:4px}.chat-messages{display:flex;flex-direction:column;gap:8px;padding:16px;overflow-y:auto;flex:1}.chat-bubble{max-width:75%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;animation:fadeIn .2s ease-out}.chat-bubble.sent{align-self:flex-end;background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);border-bottom-right-radius:4px}.chat-bubble.received{align-self:flex-start;background:var(--mat-sys-surface-container-high);color:var(--mat-sys-on-surface);border-bottom-left-radius:4px}.chat-bubble .chat-time{font-size:11px;opacity:.7;margin-top:4px}.chat-input-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--mat-sys-outline-variant);background:var(--mat-sys-surface)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.error-state mat-icon{font-size:48px;width:48px;height:48px;color:var(--mat-sys-error);margin-bottom:12px}.error-state h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--mat-sys-on-surface)}.error-state p{margin:0 0 16px;font-size:14px;color:var(--mat-sys-on-surface-variant)}.form-page,.detail-page{max-width:600px;margin:0 auto;padding:16px 16px 80px}@media(max-width:768px){.page-content{padding:12px}.page-fab{bottom:80px;right:16px}}@media(min-width:769px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mat-sys-outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mat-sys-outline)}}@media(max-width:768px){.mat-icon-button{min-width:48px!important;min-height:48px!important;padding:12px!important}}.header-actions{display:flex;gap:4px}@media(max-width:768px){.header-actions{gap:8px}}@media print{.page-fab,.page-header,.bottom-nav{display:none!important}}.profile-tabs .mat-mdc-tab-body-wrapper{transition:height .3s ease}.profile-tabs .mat-mdc-tab-body-content{overflow:visible}.content-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.content-card .card-title{margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.3;color:var(--mat-sys-on-surface)}.content-card .card-subtitle{font-size:13px;color:var(--mat-sys-on-surface-variant);display:block}.content-card .card-description{margin:8px 0;font-size:14px;color:var(--mat-sys-on-surface-variant);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-card .card-image-container{margin:8px 0;border-radius:8px;overflow:hidden}.content-card .card-image{width:100%;height:auto;display:block;max-height:240px;object-fit:cover}.content-card .card-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.content-card .meta-chip{height:24px;font-size:12px;background:var(--mat-sys-surface-container);color:var(--mat-sys-on-surface-variant)}.content-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--mat-sys-outline-variant)}.content-card .engagement-stats{display:flex;gap:12px}.content-card .stat-item{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--mat-sys-on-surface-variant)}.content-card .stat-item mat-icon{font-size:18px;width:18px;height:18px;color:var(--mat-sys-outline)}.content-card .post-date{font-size:12px;color:var(--mat-sys-on-surface-variant)}.status-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.status-badge.status-active,.status-badge.status-available{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.status-badge.status-filled,.status-badge.status-unavailable{background:var(--mat-sys-surface-container-high);color:var(--mat-sys-on-surface-variant)}.status-badge.status-expired{background:var(--mat-sys-surface-container-highest);color:var(--mat-sys-on-surface-variant)}.status-badge.status-pending{background:var(--mat-sys-tertiary-container);color:var(--mat-sys-on-tertiary-container)}.profile-header-card .profile-header-content{display:flex;gap:16px;margin-bottom:16px}.profile-header-card .avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--mat-sys-primary),var(--mat-sys-tertiary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;box-shadow:0 4px 12px #00000026}.profile-header-card .stats-grid{display:flex;align-items:center;justify-content:space-around;padding:16px 0;background:var(--mat-sys-surface-container);border-radius:12px;margin-bottom:16px}.profile-header-card .stat-value{font-size:20px;font-weight:700;color:var(--mat-sys-primary)}.profile-header-card .stat-label{font-size:11px;color:var(--mat-sys-on-surface-variant);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:599px){.profile-header-card .profile-header-content{flex-direction:column;align-items:center;text-align:center}.profile-header-card .stats-grid{flex-wrap:wrap;gap:12px}.profile-header-card .stat-divider{display:none}.content-card .card-title{font-size:15px}.content-card .card-description{font-size:13px}.content-card .card-footer{flex-wrap:wrap;gap:8px}}