@layer properties;@layer theme,utilities;@layer theme{:root,:host{--color-red-500: oklch(63.7% .237 25.331);--spacing: .25rem}}@layer utilities{.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}.bg-\[\#\.\.\.\]{background-color:#...}.text-red-500{color:var(--color-red-500)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}html{color-scheme:light dark;--mat-sys-background: light-dark(#fff8f5, #181210);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);--mat-sys-inverse-primary: light-dark(#ffb787, #964900);--mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);--mat-sys-on-background: light-dark(#201a17, #ece0da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #502400);--mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-primary-fixed: light-dark(#311300, #311300);--mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);--mat-sys-on-secondary: light-dark(#ffffff, #422b1b);--mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);--mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);--mat-sys-on-surface: light-dark(#201a17, #ece0da);--mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);--mat-sys-on-tertiary: light-dark(#ffffff, #690100);--mat-sys-on-tertiary-container: light-dark(#930100, #ffdad4);--mat-sys-on-tertiary-fixed: light-dark(#410000, #410000);--mat-sys-on-tertiary-fixed-variant: light-dark(#930100, #930100);--mat-sys-outline: light-dark(#84746a, #9f8d83);--mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);--mat-sys-primary: light-dark(#964900, #ffb787);--mat-sys-primary-container: light-dark(#ffdcc7, #723600);--mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755846, #e5bfa8);--mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);--mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #181210);--mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);--mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);--mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);--mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);--mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);--mat-sys-surface-dim: light-dark(#e3d8d3, #181210);--mat-sys-surface-tint: light-dark(#964900, #ffb787);--mat-sys-surface-variant: light-dark(#f4ded3, #52443c);--mat-sys-tertiary: light-dark(#c00100, #ffb4a8);--mat-sys-tertiary-container: light-dark(#ffdad4, #930100);--mat-sys-tertiary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-tertiary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--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, system-ui, sans-serif;--mat-sys-body-large-font: Inter, system-ui, sans-serif;--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, system-ui, sans-serif;--mat-sys-body-medium-font: Inter, system-ui, sans-serif;--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, system-ui, sans-serif;--mat-sys-body-small-font: Inter, system-ui, sans-serif;--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 Outfit, Inter, system-ui, sans-serif;--mat-sys-display-large-font: Outfit, Inter, system-ui, sans-serif;--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 Outfit, Inter, system-ui, sans-serif;--mat-sys-display-medium-font: Outfit, Inter, system-ui, sans-serif;--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 Outfit, Inter, system-ui, sans-serif;--mat-sys-display-small-font: Outfit, Inter, system-ui, sans-serif;--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 Outfit, Inter, system-ui, sans-serif;--mat-sys-headline-large-font: Outfit, Inter, system-ui, sans-serif;--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 Outfit, Inter, system-ui, sans-serif;--mat-sys-headline-medium-font: Outfit, Inter, system-ui, sans-serif;--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 Outfit, Inter, system-ui, sans-serif;--mat-sys-headline-small-font: Outfit, Inter, system-ui, sans-serif;--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, system-ui, sans-serif;--mat-sys-label-large-font: Inter, system-ui, sans-serif;--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, system-ui, sans-serif;--mat-sys-label-medium-font: Inter, system-ui, sans-serif;--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, system-ui, sans-serif;--mat-sys-label-small-font: Inter, system-ui, sans-serif;--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 Outfit, Inter, system-ui, sans-serif;--mat-sys-title-large-font: Outfit, Inter, system-ui, sans-serif;--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, system-ui, sans-serif;--mat-sys-title-medium-font: Inter, system-ui, sans-serif;--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, system-ui, sans-serif;--mat-sys-title-small-font: Inter, system-ui, sans-serif;--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}:root{--ff-bg: #fff8f2;--ff-bg-2: #ffeedf;--ff-surface: #ffffff;--ff-surface-2: #fff4ea;--ff-surface-3: #f5ebe2;--ff-ink: #1c1917;--ff-ink-2: #44403c;--ff-muted: #78716c;--ff-line: #e7dcd2;--ff-line-soft: #f1e8df;--ff-primary: #ea580c;--ff-primary-strong: #c2410c;--ff-primary-soft: #ffe4d4;--ff-on-primary: #ffffff;--ff-flame: #dc2626;--ff-flame-soft: #fee2e2;--ff-accent: #f5b301;--ff-accent-strong: #a16207;--ff-accent-soft: #fff3c4;--ff-charcoal: #1c1917;--ff-success: #16a34a;--ff-success-soft: #dcfce7;--ff-info: #0284c7;--ff-info-soft: #e0f2fe;--ff-danger: #dc2626;--ff-danger-soft: #fee2e2;--ff-shadow-sm: 0 1px 2px rgb(28 25 23 / .06), 0 1px 3px rgb(28 25 23 / .08);--ff-shadow: 0 4px 12px rgb(28 25 23 / .08), 0 2px 4px rgb(28 25 23 / .05);--ff-shadow-lg: 0 18px 40px rgb(28 25 23 / .14);--ff-glow: 0 8px 24px rgb(234 88 12 / .3);--ff-scrim: rgb(28 25 23 / .55);--ff-gradient-fire: linear-gradient(135deg, #ffb703 0%, #f97316 40%, #dc2626 100%);--ff-font-brand: "Bebas Neue", "Outfit", system-ui, sans-serif;--ff-font-display: "Outfit", "Inter", system-ui, sans-serif;--ff-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ff-radius-xs: 6px;--ff-radius-sm: 10px;--ff-radius: 14px;--ff-radius-lg: 20px;--ff-radius-xl: 28px;--ff-page-max: 1200px;--ff-nav-h: 64px;--ff-tabbar-h: 64px;--ff-ease: cubic-bezier(.2, .8, .2, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ff-bg: #121014;--ff-bg-2: #1a1619;--ff-surface: #1e1a1d;--ff-surface-2: #252023;--ff-surface-3: #2d272a;--ff-ink: #f5efe9;--ff-ink-2: #d6ccc4;--ff-muted: #a39890;--ff-line: #3a3235;--ff-line-soft: #2e282b;--ff-primary: #ff7a3d;--ff-primary-strong: #ff9a66;--ff-primary-soft: #3d2216;--ff-on-primary: #1c1917;--ff-flame: #f87171;--ff-flame-soft: #3b1a1a;--ff-accent: #ffc83d;--ff-accent-strong: #ffd76e;--ff-accent-soft: #3a2f10;--ff-charcoal: #0b0a0c;--ff-success: #4ade80;--ff-success-soft: #12301d;--ff-info: #38bdf8;--ff-info-soft: #0f2a3a;--ff-danger: #f87171;--ff-danger-soft: #3b1a1a;--ff-shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--ff-shadow: 0 4px 14px rgb(0 0 0 / .45);--ff-shadow-lg: 0 18px 44px rgb(0 0 0 / .55);--ff-glow: 0 8px 28px rgb(255 122 61 / .28);--ff-scrim: rgb(0 0 0 / .65)}}:root[data-theme=dark]{--ff-bg: #121014;--ff-bg-2: #1a1619;--ff-surface: #1e1a1d;--ff-surface-2: #252023;--ff-surface-3: #2d272a;--ff-ink: #f5efe9;--ff-ink-2: #d6ccc4;--ff-muted: #a39890;--ff-line: #3a3235;--ff-line-soft: #2e282b;--ff-primary: #ff7a3d;--ff-primary-strong: #ff9a66;--ff-primary-soft: #3d2216;--ff-on-primary: #1c1917;--ff-flame: #f87171;--ff-flame-soft: #3b1a1a;--ff-accent: #ffc83d;--ff-accent-strong: #ffd76e;--ff-accent-soft: #3a2f10;--ff-charcoal: #0b0a0c;--ff-success: #4ade80;--ff-success-soft: #12301d;--ff-info: #38bdf8;--ff-info-soft: #0f2a3a;--ff-danger: #f87171;--ff-danger-soft: #3b1a1a;--ff-shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--ff-shadow: 0 4px 14px rgb(0 0 0 / .45);--ff-shadow-lg: 0 18px 44px rgb(0 0 0 / .55);--ff-glow: 0 8px 28px rgb(255 122 61 / .28);--ff-scrim: rgb(0 0 0 / .65)}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--ff-bg);color:var(--ff-ink);font-family:var(--ff-font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .4em;font-family:var(--ff-font-display);font-weight:700;color:var(--ff-ink);line-height:1.15;letter-spacing:-.01em}p{margin:0 0 .8em}a{color:var(--ff-primary-strong)}img{max-width:100%}::selection{background:var(--ff-accent);color:var(--ff-charcoal)}:focus-visible{outline:3px solid var(--ff-primary);outline-offset:2px}*{scrollbar-color:var(--ff-line) transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ff-page{box-sizing:border-box;width:100%;max-width:var(--ff-page-max);margin:0 auto;padding:28px 20px 40px}.ff-page--narrow{max-width:760px}@media(max-width:640px){.ff-page{padding:20px 16px 32px}}.ff-page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.ff-page-head__actions{display:flex;flex-wrap:wrap;gap:8px}.ff-eyebrow{margin:0 0 4px;color:var(--ff-primary);font-family:var(--ff-font-display);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ff-title{margin:0;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:800}.ff-subtitle{margin:6px 0 0;color:var(--ff-muted);font-size:1.02rem}.ff-section-title{margin:0 0 12px;font-size:1.15rem;font-weight:700}.ff-muted{color:var(--ff-muted)}.ff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.ff-stack{display:grid;gap:16px}.ff-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ff-divider{height:1px;margin:20px 0;border:0;background:var(--ff-line)}.ff-card{box-sizing:border-box;min-width:0;padding:20px;border:1px solid var(--ff-line);border-radius:var(--ff-radius-lg);background:var(--ff-surface);box-shadow:var(--ff-shadow-sm)}.ff-card--pad-lg{padding:32px}@media(max-width:640px){.ff-card--pad-lg{padding:22px 18px}}.ff-card--flat{box-shadow:none;background:var(--ff-surface-2)}.ff-card--hover{transition:transform .18s var(--ff-ease),box-shadow .18s var(--ff-ease)}.ff-card--hover:hover{transform:translateY(-2px);box-shadow:var(--ff-shadow)}.ff-card__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ff-card__head h2,.ff-card__head h3{margin:0;font-size:1.1rem}.ff-card__icon{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--ff-radius-sm);background:var(--ff-primary-soft);color:var(--ff-primary-strong)}.ff-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;box-sizing:border-box;border:1px solid var(--ff-line);border-radius:999px;background:var(--ff-surface);color:var(--ff-ink);font-family:var(--ff-font-display);font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.ff-btn:hover:not(:disabled){border-color:var(--ff-primary)}.ff-btn:active:not(:disabled){transform:translateY(1px)}.ff-btn:disabled{opacity:.55;cursor:not-allowed}.ff-btn .mat-icon{width:20px;height:20px;font-size:20px}.ff-btn--primary{border-color:transparent;background:var(--ff-gradient-fire);color:#fff;box-shadow:var(--ff-glow)}.ff-btn--primary:hover:not(:disabled){border-color:transparent;filter:brightness(1.06)}.ff-btn--dark{border-color:transparent;background:var(--ff-charcoal);color:#fff}.ff-btn--ghost{border-color:transparent;background:transparent}.ff-btn--ghost:hover:not(:disabled){border-color:transparent;background:var(--ff-surface-3)}.ff-btn--danger{border-color:var(--ff-danger);color:var(--ff-danger)}.ff-btn--danger:hover:not(:disabled){background:var(--ff-danger-soft);border-color:var(--ff-danger)}.ff-btn--sm{min-height:34px;padding:0 12px;font-size:.85rem}.ff-btn--lg{min-height:52px;padding:0 26px;font-size:1.05rem}.ff-btn--block{width:100%}.ff-btn--icon{width:42px;padding:0}.ff-field{display:grid;gap:6px;min-width:0}.ff-label{color:var(--ff-ink-2);font-size:.9rem;font-weight:600}.ff-input,.ff-select{box-sizing:border-box;width:100%;min-height:46px;padding:0 14px;border:1px solid var(--ff-line);border-radius:var(--ff-radius-sm);background:var(--ff-surface);color:var(--ff-ink);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.ff-input::placeholder,.ff-select::placeholder{color:var(--ff-muted)}.ff-input:focus,.ff-select:focus{outline:none;border-color:var(--ff-primary);box-shadow:0 0 0 3px var(--ff-primary-soft)}.ff-input[aria-invalid=true],.ff-select[aria-invalid=true]{border-color:var(--ff-danger)}.ff-input--code{font-family:var(--ff-font-display);font-size:1.6rem;font-weight:700;letter-spacing:.4em;text-align:center}.ff-hint{margin:0;color:var(--ff-muted);font-size:.85rem}.ff-error{margin:0;color:var(--ff-danger);font-size:.85rem;font-weight:600}.ff-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--ff-surface-3);color:var(--ff-ink-2);font-size:.78rem;font-weight:700;white-space:nowrap}.ff-chip--primary{background:var(--ff-primary-soft);color:var(--ff-primary-strong)}.ff-chip--accent{background:var(--ff-accent-soft);color:var(--ff-accent-strong)}.ff-chip--flame{background:var(--ff-flame-soft);color:var(--ff-flame)}.ff-chip--success{background:var(--ff-success-soft);color:var(--ff-success)}.ff-chip--info{background:var(--ff-info-soft);color:var(--ff-info)}.ff-avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;overflow:hidden;border-radius:999px;background:var(--ff-gradient-fire);color:#fff;font-family:var(--ff-font-display);font-weight:700}.ff-avatar img{width:100%;height:100%;object-fit:cover}.ff-avatar--lg{width:88px;height:88px;font-size:2rem}.ff-alert{margin:0;padding:12px 14px;border-radius:var(--ff-radius-sm);background:var(--ff-info-soft);color:var(--ff-ink);font-size:.92rem}.ff-alert--success{background:var(--ff-success-soft)}.ff-alert--warning{background:var(--ff-accent-soft)}.ff-alert--danger{background:var(--ff-danger-soft)}.ff-empty{display:grid;justify-items:center;gap:8px;padding:32px 16px;color:var(--ff-muted);text-align:center}.ff-hero{position:relative;overflow:hidden;padding:clamp(28px,6vw,64px);border-radius:var(--ff-radius-xl);background:radial-gradient(120% 90% at 100% 0%,rgba(249,115,22,.55),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(220,38,38,.45),transparent 60%),#161214;color:#fff7ef}.ff-hero h1,.ff-hero h2{color:#fff}.ff-stat{display:grid;gap:2px}.ff-stat__value{font-family:var(--ff-font-display);font-size:1.8rem;font-weight:800;line-height:1}.ff-stat__label{color:var(--ff-muted);font-size:.82rem}.ff-pop{animation:ff-pop .28s var(--ff-ease)}@keyframes ff-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.ff-spinner{display:inline-block;width:22px;height:22px;box-sizing:border-box;border:3px solid var(--ff-line);border-top-color:var(--ff-primary);border-radius:50%;animation:ff-spin .8s linear infinite}@keyframes ff-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mat-mdc-menu-panel.mat-mdc-menu-panel{min-width:200px;border:1px solid var(--ff-line);border-radius:var(--ff-radius);background:var(--ff-surface);box-shadow:var(--ff-shadow-lg)}.mat-mdc-menu-item .mat-icon{color:var(--ff-primary)}.mat-mdc-dialog-surface.mat-mdc-dialog-surface{border-radius:var(--ff-radius-lg);background:var(--ff-surface);color:var(--ff-ink)}.cdk-overlay-dark-backdrop{background:var(--ff-scrim)}.mat-mdc-snack-bar-container.ff-toast{--mat-snack-bar-container-shape: var(--ff-radius);--mat-snack-bar-container-color: var(--ff-charcoal);--mat-snack-bar-supporting-text-color: #fff7ef;--mat-snack-bar-button-color: var(--ff-accent);white-space:pre-line}.mat-mdc-snack-bar-container.ff-toast.ff-toast--success{--mat-snack-bar-container-color: #14532d}.mat-mdc-snack-bar-container.ff-toast.ff-toast--error{--mat-snack-bar-container-color: #7f1d1d}.mat-mdc-table{--mat-table-background-color: var(--ff-surface);--mat-table-header-headline-color: var(--ff-muted);--mat-table-row-item-outline-color: var(--ff-line-soft)}.mat-mdc-paginator{--mat-paginator-container-background-color: var(--ff-surface)}body.tutorial-active .cdk-overlay-container{z-index:10000}.tutorial-target{position:relative;z-index:9999}
