@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-cyrillic-ext-wght-normal-RO72NYA2.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-cyrillic-wght-normal-CK2XY27K.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-vietnamese-wght-normal-Y2R7JZKV.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-latin-ext-wght-normal-XEQ56JUF.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-latin-wght-normal-T72VVCUW.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-cyrillic-ext-wght-normal-MXH7NCK4.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-cyrillic-wght-normal-HAN5SV5X.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-symbols2-wght-normal-SFS2AEOE.woff2") format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-vietnamese-wght-normal-NQZTLMRO.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-latin-ext-wght-normal-T6IWZGSP.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-mono-latin-wght-normal-ZFTFIXTF.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--reef-primary: #00273e;--reef-primary-hover: #114a6e;--reef-primary-soft: #eef4ff;--reef-primary-glow: rgba(0, 39, 62, .22);--reef-accent: #e85a4b;--reef-accent-hover: #8c1711;--reef-accent-soft: #fff0ee;--reef-ocean: var(--reef-primary);--reef-ocean-light: #396283;--reef-coral: #e85a4b;--reef-surface: #ffffff;--reef-surface-muted: #e4efff;--reef-surface-page: #eaf3f7;--reef-nav: #00273e;--reef-nav-2: #0b3d5c;--reef-text: #0e1d2a;--reef-text-muted: #72787e;--reef-text-tertiary: #c2c7ce;--reef-border: rgba(0, 39, 62, .12);--reef-border-strong: rgba(0, 39, 62, .18);--reef-shadow: 0 1px 3px rgba(0, 39, 62, .08), 0 8px 24px -12px rgba(0, 39, 62, .14);--reef-shadow-lg: 0 4px 18px rgba(0, 39, 62, .1), 0 24px 48px -18px rgba(0, 39, 62, .16);--reef-shadow-glow: 0 0 0 1px rgba(0, 107, 94, .14), 0 12px 40px -12px rgba(0, 107, 94, .28);--reef-radius: 16px;--reef-radius-sm: 8px;--reef-radius-lg: 24px;--reef-font-display: "Manrope", "Noto Sans Arabic", system-ui, sans-serif;--reef-font-body: "Plus Jakarta Sans", "Noto Sans Arabic", system-ui, sans-serif;--reef-ease: cubic-bezier(.22, 1, .36, 1);--reef-space-page: clamp(16px, 3vw, 32px);--reef-glass: color-mix(in srgb, var(--reef-surface) 82%, transparent);--reef-glass-border: color-mix(in srgb, var(--reef-primary) 14%, var(--reef-border));--reef-highlight: linear-gradient(90deg, #00273e, #006b5e 55%, #e85a4b)}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: #930100;--mat-sys-on-tertiary-fixed: #410000;--mat-sys-on-tertiary-fixed-variant: #930100;--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: #c00100;--mat-sys-tertiary-container: #ffdad4;--mat-sys-tertiary-fixed: #ffdad4;--mat-sys-tertiary-fixed-dim: #ffb4a8;--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 Plus Jakarta Sans;--mat-sys-body-large-font: Plus Jakarta Sans;--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 Plus Jakarta Sans;--mat-sys-body-medium-font: Plus Jakarta Sans;--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 Plus Jakarta Sans;--mat-sys-body-small-font: Plus Jakarta Sans;--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 Manrope;--mat-sys-display-large-font: Manrope;--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 Manrope;--mat-sys-display-medium-font: Manrope;--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 Manrope;--mat-sys-display-small-font: Manrope;--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 Manrope;--mat-sys-headline-large-font: Manrope;--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 Manrope;--mat-sys-headline-medium-font: Manrope;--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 Manrope;--mat-sys-headline-small-font: Manrope;--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: 600 .875rem / 1.25rem Plus Jakarta Sans;--mat-sys-label-large-font: Plus Jakarta Sans;--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: 600;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 600 .75rem / 1rem Plus Jakarta Sans;--mat-sys-label-medium-font: Plus Jakarta Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 600 .688rem / 1rem Plus Jakarta Sans;--mat-sys-label-small-font: Plus Jakarta Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem Manrope;--mat-sys-title-large-font: Manrope;--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: 600 1rem / 1.5rem Plus Jakarta Sans;--mat-sys-title-medium-font: Plus Jakarta Sans;--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: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Plus Jakarta Sans;--mat-sys-title-small-font: Plus Jakarta Sans;--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: 600;--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.reef-dark-theme{color-scheme:dark;--reef-primary: #22d3ee;--reef-primary-hover: #06b6d4;--reef-primary-soft: #083344;--reef-primary-glow: rgba(34, 211, 238, .28);--reef-accent: #fb7185;--reef-accent-hover: #f43f5e;--reef-accent-soft: #4c0519;--reef-ocean: var(--reef-primary);--reef-ocean-light: #67e8f9;--reef-coral: var(--reef-accent);--reef-surface: #0f172a;--reef-surface-muted: #1e293b;--reef-surface-page: #020617;--reef-nav: #020617;--reef-nav-2: #0f172a;--reef-text: #f8fafc;--reef-text-muted: #94a3b8;--reef-text-tertiary: #64748b;--reef-border: rgba(148, 163, 184, .16);--reef-border-strong: rgba(148, 163, 184, .28);--reef-shadow: 0 2px 10px rgba(0, 0, 0, .4);--reef-shadow-lg: 0 12px 36px rgba(0, 0, 0, .5);--reef-shadow-glow: 0 0 0 1px rgba(34, 211, 238, .18), 0 16px 48px -16px rgba(34, 211, 238, .35);--reef-glass: color-mix(in srgb, var(--reef-surface) 72%, transparent);--reef-glass-border: color-mix(in srgb, var(--reef-primary) 22%, var(--reef-border));--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #65002f;--mat-sys-on-tertiary-container: #ffd9e1;--mat-sys-on-tertiary-fixed: #3f001b;--mat-sys-on-tertiary-fixed-variant: #8f0045;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb1c5;--mat-sys-tertiary-container: #8f0045;--mat-sys-tertiary-fixed: #ffd9e1;--mat-sys-tertiary-fixed-dim: #ffb1c5;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--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 Plus Jakarta Sans;--mat-sys-body-large-font: Plus Jakarta Sans;--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 Plus Jakarta Sans;--mat-sys-body-medium-font: Plus Jakarta Sans;--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 Plus Jakarta Sans;--mat-sys-body-small-font: Plus Jakarta Sans;--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;--mat-sys-display-large-font: Outfit;--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;--mat-sys-display-medium-font: Outfit;--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;--mat-sys-display-small-font: Outfit;--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;--mat-sys-headline-large-font: Outfit;--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;--mat-sys-headline-medium-font: Outfit;--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;--mat-sys-headline-small-font: Outfit;--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: 600 .875rem / 1.25rem Plus Jakarta Sans;--mat-sys-label-large-font: Plus Jakarta Sans;--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: 600;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 600 .75rem / 1rem Plus Jakarta Sans;--mat-sys-label-medium-font: Plus Jakarta Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 600 .688rem / 1rem Plus Jakarta Sans;--mat-sys-label-small-font: Plus Jakarta Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem Outfit;--mat-sys-title-large-font: Outfit;--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: 600 1rem / 1.5rem Plus Jakarta Sans;--mat-sys-title-medium-font: Plus Jakarta Sans;--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: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Plus Jakarta Sans;--mat-sys-title-small-font: Plus Jakarta Sans;--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: 600;--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}@keyframes reef-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes reef-fade{0%{opacity:0}to{opacity:1}}@keyframes reef-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.reef-page{width:100%;max-width:min(640px,100%);margin:0 auto;padding:max(12px,env(safe-area-inset-top,0px)) max(var(--reef-space-page),env(safe-area-inset-right,0px)) 56px max(var(--reef-space-page),env(safe-area-inset-left,0px));animation:reef-rise .55s var(--reef-ease) both;min-width:0}@media(min-width:600px){.reef-page{max-width:min(720px,100%);padding-bottom:64px}}.reef-page--wide{max-width:min(1120px,100%)}@media(min-width:1400px){.reef-page--wide{max-width:min(1200px,100%)}}.reef-page--landing{max-width:none;width:100%;margin:0;padding:0 0 max(72px,56px + env(safe-area-inset-bottom,0px));animation:none}.reef-page-header{margin-bottom:28px;position:relative;padding-bottom:4px}.reef-page-header:after{content:"";display:block;width:48px;height:3px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,var(--reef-primary),var(--reef-accent))}.reef-page-header h1{margin:0 0 8px;font-family:var(--reef-font-display);font-size:clamp(1.75rem,4vw,2.15rem);font-weight:700;color:var(--reef-text);letter-spacing:-.035em;line-height:1.15}.reef-page-header p{margin:0;color:var(--reef-text-muted);line-height:1.55;font-size:.98rem;max-width:42ch}.reef-section{margin-bottom:28px}.reef-section__title{margin:0 0 6px;font-family:var(--reef-font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--reef-text)}.reef-section__desc{margin:0 0 14px;color:var(--reef-text-muted);font-size:.9rem}mat-card.reef-surface-card,.reef-surface-card{border-radius:var(--reef-radius)!important;box-shadow:var(--reef-shadow)!important;border:1px solid var(--reef-glass-border);background:var(--reef-glass);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);margin-bottom:18px;overflow:hidden;transition:transform .35s var(--reef-ease),box-shadow .35s var(--reef-ease),border-color .35s var(--reef-ease)}mat-card.reef-surface-card:hover,.reef-surface-card:hover{box-shadow:var(--reef-shadow-lg)!important;border-color:color-mix(in srgb,var(--reef-primary) 32%,var(--reef-border))}mat-card.reef-surface-card--accent{border-left:4px solid var(--reef-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--reef-accent-soft) 70%,var(--reef-surface)) 0%,var(--reef-surface) 100%)}mat-card.reef-surface-card--glow{box-shadow:var(--reef-shadow-glow)!important;border-color:color-mix(in srgb,var(--reef-primary) 35%,var(--reef-border))}mat-card{margin-bottom:16px;border-radius:var(--reef-radius-sm)!important}mat-card-title{font-family:var(--reef-font-display)!important;letter-spacing:-.02em}mat-card-actions{display:flex!important;flex-wrap:wrap!important;align-items:center;padding:8px 16px 16px!important;gap:8px!important}.reef-card-actions-center{justify-content:center}.spacer{flex:1 1 auto}.reef-muted{color:var(--reef-text-muted);margin:0 0 16px;line-height:1.55}.reef-lead{font-size:1.05rem;line-height:1.65;color:var(--reef-text-muted);margin:0 0 22px}.reef-eyebrow,.reef-page-kicker,.reef-aqua-kicker,.dash-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--reef-primary-hover);background:color-mix(in srgb,var(--reef-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--reef-primary) 22%,transparent)}mat-toolbar.reef-toolbar{position:sticky;top:0;z-index:100;min-height:68px;padding:0 12px 0 16px;background:linear-gradient(120deg,#083344,#0e7490 42%,#06b6d4 78%,#0891b2)!important;background-size:180% 180%!important;animation:reef-shimmer 18s linear infinite alternate;box-shadow:0 8px 28px #08334447;border-bottom:1px solid rgba(255,255,255,.08)}html.reef-dark-theme mat-toolbar.reef-toolbar{background:linear-gradient(120deg,#020617,#083344 45%,#0e7490)!important}.reef-toolbar__brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;margin-right:8px;transition:transform .3s var(--reef-ease)}.reef-toolbar__brand:hover{text-decoration:none;opacity:.96;transform:translateY(-1px)}.reef-brand-mark{width:42px;height:42px;border-radius:14px;object-fit:cover;box-shadow:0 0 0 2px #ffffff38,0 8px 18px #00000040}.reef-toolbar__title{font-family:var(--reef-font-display);font-weight:700;font-size:1.18rem;line-height:1.15;letter-spacing:-.03em}.reef-toolbar__subtitle{font-size:.72rem;opacity:.88;font-weight:500;letter-spacing:.02em}.reef-toolbar a.mat-mdc-button{border-radius:999px}.reef-toolbar a.mat-mdc-button.mat-toolbar-active-link{background:#ffffff2e}.reef-landing-hero{position:relative;min-height:min(92vh,820px);display:grid;align-items:end;overflow:hidden;color:#f8fafc;isolation:isolate}.reef-landing-hero__media{position:absolute;inset:0;z-index:0}.reef-landing-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.04);animation:reef-fade 1.2s var(--reef-ease) both}.reef-landing-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02061726,#02061759 40%,#020617e0),radial-gradient(ellipse 70% 50% at 80% 10%,rgba(6,182,212,.28),transparent 55%)}.reef-landing-hero__content{position:relative;z-index:1;width:min(920px,100% - 2 * var(--reef-space-page));margin:0 auto;padding:48px 0 56px;animation:reef-rise .8s .12s var(--reef-ease) both}.reef-landing-hero__brand{font-family:var(--reef-font-display);font-size:clamp(2.75rem,9vw,5.5rem);font-weight:700;letter-spacing:-.05em;line-height:.95;margin:0 0 18px;text-shadow:0 10px 40px rgba(0,0,0,.35)}.reef-landing-hero__headline{margin:0 0 14px;max-width:18ch;font-family:var(--reef-font-display);font-size:clamp(1.35rem,3.4vw,2rem);font-weight:600;letter-spacing:-.03em;line-height:1.2}.reef-landing-hero__sub{margin:0 0 28px;max-width:36ch;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55;color:#f8fafcdb}.reef-landing-hero__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.reef-landing-section{width:min(960px,100% - 2 * var(--reef-space-page));margin:0 auto;padding:48px 0 0}.reef-landing-features{display:grid;gap:16px}@media(min-width:720px){.reef-landing-features{grid-template-columns:repeat(3,1fr)}}.reef-landing-feature{padding:22px 20px;border-radius:var(--reef-radius);border:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--reef-shadow);transition:transform .35s var(--reef-ease),box-shadow .35s var(--reef-ease)}.reef-landing-feature:hover{transform:translateY(-4px);box-shadow:var(--reef-shadow-lg)}.reef-landing-feature mat-icon{font-size:32px;width:32px;height:32px;color:var(--reef-primary);margin-bottom:12px}.reef-landing-feature strong{display:block;font-family:var(--reef-font-display);font-size:1.05rem;margin-bottom:6px;letter-spacing:-.02em}.reef-landing-feature span{color:var(--reef-text-muted);font-size:.9rem;line-height:1.45}.reef-hero-wrap{position:relative;margin:-16px -16px 0;overflow:hidden}@media(min-width:600px){.reef-hero-wrap{margin:-24px -24px 0}}.reef-hero{width:100%;max-height:200px;object-fit:cover;object-position:center 35%;display:block}.reef-hero-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.65) 0%,transparent 62%);pointer-events:none}.reef-hero-caption{position:absolute;bottom:18px;left:18px;right:18px;color:#fff;z-index:1}.reef-hero-caption h2{margin:0 0 4px;font-family:var(--reef-font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.35)}.reef-hero-caption p{margin:0;font-size:.9rem;opacity:.95}.reef-auth-page{display:flex;flex-direction:column;align-items:center;padding-top:12px;min-height:calc(100vh - 120px);justify-content:center;max-width:min(1040px,100%)}.reef-auth-page .reef-auth-layout{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px}@media(min-width:900px){.reef-auth-page .reef-auth-layout{flex-direction:row;align-items:stretch;justify-content:center;gap:40px}}.reef-auth-page .reef-auth-showcase{display:none}@media(min-width:900px){.reef-auth-page .reef-auth-showcase{display:flex;flex:1;flex-direction:column;justify-content:center;padding:32px 8px 32px 0;max-width:420px;animation:reef-rise .6s var(--reef-ease) both}.reef-auth-page .reef-auth-showcase h2{margin:0 0 16px;font-family:var(--reef-font-display);font-size:clamp(1.85rem,3vw,2.35rem);font-weight:700;letter-spacing:-.04em;line-height:1.12;background:linear-gradient(135deg,var(--reef-text) 0%,color-mix(in srgb,var(--reef-primary) 40%,var(--reef-text)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.reef-auth-page .reef-auth-showcase>p{margin:0 0 22px;color:var(--reef-text-muted);line-height:1.6;font-size:1rem;max-width:36ch}}.reef-auth-page .reef-auth-benefits{list-style:none;margin:0;padding:0;display:grid;gap:12px}.reef-auth-page .reef-auth-benefits li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--reef-radius-sm);border:1px solid var(--reef-glass-border);background:var(--reef-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.92rem;color:var(--reef-text)}.reef-auth-page .reef-auth-benefits mat-icon{color:var(--reef-primary);flex-shrink:0}.reef-auth-page .reef-auth-main{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px}.reef-auth-page .reef-auth-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;text-align:center;animation:reef-rise .55s var(--reef-ease) both}.reef-auth-page .reef-auth-logo img{width:72px;height:72px;border-radius:22px;box-shadow:var(--reef-shadow-glow),0 0 0 4px color-mix(in srgb,var(--reef-primary) 12%,transparent)}.reef-auth-page .reef-auth-logo span{font-family:var(--reef-font-display);font-size:1.55rem;font-weight:700;letter-spacing:-.03em;color:var(--reef-text)}.reef-auth-page .reef-auth-card,.reef-auth-page .reef-surface-card{width:100%;animation:reef-rise .65s .06s var(--reef-ease) both;position:relative;overflow:visible}.reef-auth-page .reef-auth-card__badge{position:absolute;top:-22px;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--reef-primary),var(--reef-primary-hover));color:#fff;box-shadow:var(--reef-shadow-glow);z-index:1}.reef-auth-page .reef-auth-card__badge mat-icon{font-size:24px;width:24px;height:24px}.reef-auth-page mat-card-header{padding-top:28px!important;text-align:center;display:block!important}.reef-auth-page mat-card-actions{border-top:1px solid var(--reef-border);margin-top:4px;padding-top:12px!important}.reef-auth-page .full-width.mat-mdc-unelevated-button{width:100%;min-height:48px;font-weight:600;letter-spacing:.02em;border-radius:14px!important}.reef-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.reef-stat{padding:16px;border-radius:var(--reef-radius-sm);background:linear-gradient(160deg,color-mix(in srgb,var(--reef-primary) 8%,var(--reef-surface-muted)) 0%,var(--reef-surface-muted) 100%);border:1px solid var(--reef-border)}.reef-stat__label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--reef-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.reef-stat__value{font-family:var(--reef-font-display);font-size:1.45rem;font-weight:700;color:var(--reef-text);line-height:1.2;letter-spacing:-.02em}.reef-quota-bar{margin:12px 0 20px}.reef-quota-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;color:var(--reef-text)}.reef-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.reef-quick-actions a,.reef-quick-actions button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px!important;height:auto!important;border-radius:var(--reef-radius-sm)!important;text-align:center;line-height:1.3;border:1px solid var(--reef-border)!important;background:color-mix(in srgb,var(--reef-primary) 5%,var(--reef-surface))!important;transition:transform .3s var(--reef-ease),border-color .3s var(--reef-ease),box-shadow .3s var(--reef-ease)}.reef-quick-actions a:hover,.reef-quick-actions button:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--reef-primary) 40%,var(--reef-border))!important;box-shadow:var(--reef-shadow)}.reef-quick-actions mat-icon{font-size:28px;width:28px;height:28px;color:var(--reef-primary)}.reef-tank-list{display:flex;flex-direction:column;gap:12px}.reef-tank-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--reef-radius);border:1px solid var(--reef-border);background:var(--reef-surface);text-decoration:none;color:inherit;transition:transform .3s var(--reef-ease),box-shadow .3s var(--reef-ease),border-color .3s var(--reef-ease);cursor:pointer}.reef-tank-card:hover{transform:translateY(-2px);box-shadow:var(--reef-shadow-lg);border-color:color-mix(in srgb,var(--reef-primary) 45%,var(--reef-border));text-decoration:none}.reef-tank-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#ecfeff,#a5f3fc);color:var(--reef-primary-hover);flex-shrink:0}.reef-tank-card__body{flex:1;min-width:0}.reef-tank-card__name{font-family:var(--reef-font-display);font-weight:700;font-size:1.05rem;color:var(--reef-text);margin:0 0 2px;letter-spacing:-.02em}.reef-tank-card__meta{font-size:.85rem;color:var(--reef-text-muted);margin:0}.reef-tank-card__chevron{color:var(--reef-text-muted);flex-shrink:0}html.reef-dark-theme .reef-tank-card__icon{background:linear-gradient(145deg,#083344,#0e7490);color:#a5f3fc}.reef-aqua .reef-aqua-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.reef-aqua .reef-aqua-kicker{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--reef-primary)}.reef-aqua .reef-aqua-top h1{margin:0 0 8px;font-family:var(--reef-font-display);font-size:clamp(1.65rem,4vw,2.1rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;color:var(--reef-text)}.reef-aqua .reef-aqua-lead{margin:0;max-width:42ch;color:var(--reef-text-muted);font-size:.96rem;line-height:1.55}.reef-aqua .reef-aqua-top__badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.reef-aqua .reef-aqua-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface-muted) 70%,transparent);color:var(--reef-text-muted);font-size:.78rem;font-weight:600}.reef-aqua .reef-aqua-pill--plan{border-color:color-mix(in srgb,var(--reef-primary) 40%,transparent);background:color-mix(in srgb,var(--reef-primary) 14%,var(--reef-surface));color:var(--reef-primary)}.reef-aqua .reef-aqua-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);width:100%}@media(min-width:900px){.reef-aqua .reef-aqua-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}}.reef-aqua .reef-aqua-panel--cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-style:dashed;border-color:color-mix(in srgb,var(--reef-primary) 42%,var(--reef-border))}@media(min-width:900px){.reef-aqua .reef-aqua-panel--span{grid-column:1/-1}}.reef-aqua .reef-aqua-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.reef-aqua .reef-aqua-panel__head h2,.reef-aqua .reef-aqua-panel__head h3{margin:0 0 4px;font-family:var(--reef-font-display);font-size:1.1rem;letter-spacing:-.02em}.reef-aqua .reef-aqua-panel__head p{margin:0;color:var(--reef-text-muted);font-size:.88rem}.reef-aqua .reef-aqua-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(min-width:600px){.reef-aqua .reef-aqua-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:379px){.reef-aqua .reef-aqua-metrics{grid-template-columns:minmax(0,1fr)}}.reef-aqua .reef-aqua-metric{padding:12px 14px;border-radius:var(--reef-radius-sm);border:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:0}.reef-aqua .reef-aqua-metric__label{display:block;margin-bottom:6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--reef-text-muted)}.reef-aqua .reef-aqua-metric__value{font-family:var(--reef-font-display);font-size:clamp(1.1rem,3vw,1.25rem);font-weight:700;letter-spacing:-.02em;color:var(--reef-text);line-height:1.15}.reef-aqua .reef-aqua-quota__row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.86rem;color:var(--reef-text-muted)}.reef-aqua .reef-aqua-quota__track{height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--reef-surface-muted) 80%,transparent);border:1px solid var(--reef-border)}.reef-aqua .reef-aqua-quota__fill{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--reef-primary),var(--reef-ocean-light));box-shadow:0 0 12px color-mix(in srgb,var(--reef-primary) 45%,transparent);transition:width .6s var(--reef-ease)}.reef-aqua .reef-aqua-steps{margin:4px 0 8px;padding-left:18px;color:var(--reef-text-muted);font-size:.88rem;line-height:1.65}.reef-aqua .reef-aqua-focus-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--reef-primary) 16%,transparent);color:var(--reef-primary)}.reef-aqua .reef-aqua-focus-icon mat-icon{font-size:26px;width:26px;height:26px}.reef-tank-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));width:100%}.reef-tank-tile{position:relative;display:flex;flex-direction:column;min-height:100%;border-radius:var(--reef-radius);border:1px solid var(--reef-border);background:var(--reef-surface);box-shadow:var(--reef-shadow);transition:transform .3s var(--reef-ease),box-shadow .3s var(--reef-ease),border-color .3s var(--reef-ease);overflow:hidden}.reef-tank-tile:hover{transform:translateY(-2px);box-shadow:var(--reef-shadow-lg);border-color:color-mix(in srgb,var(--reef-primary) 45%,var(--reef-border))}.reef-tank-tile__main{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 18px 14px;text-decoration:none;color:inherit;min-width:0}.reef-tank-tile__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#ecfeff,#a5f3fc);color:var(--reef-primary-hover)}.reef-tank-tile__icon mat-icon{font-size:28px;width:28px;height:28px}.reef-tank-tile__icon--reef,.reef-tank-tile__icon--sps,.reef-tank-tile__icon--lps{background:linear-gradient(145deg,#ecfeff,#67e8f9)}.reef-tank-tile__icon--fowlr{background:linear-gradient(145deg,#fef3c7,#fcd34d);color:#b45309}.reef-tank-tile__icon--softie{background:linear-gradient(145deg,#fce7f3,#f9a8d4);color:#be185d}.reef-tank-tile__icon--quarantine{background:linear-gradient(145deg,#f3f4f6,#d1d5db);color:#4b5563}.reef-tank-tile__name{margin:0;font-family:var(--reef-font-display);font-size:1.08rem;font-weight:700;letter-spacing:-.02em;color:var(--reef-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reef-tank-tile__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;font-size:.84rem;color:var(--reef-text-muted)}.reef-tank-tile__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface-muted) 35%,transparent);font-size:.82rem;color:var(--reef-text-muted)}.reef-tank-tile__archive{position:absolute;top:8px;right:8px;z-index:1;opacity:.72}.reef-tank-tile__archive:hover{opacity:1}html.reef-dark-theme .reef-tank-tile__icon{background:linear-gradient(145deg,#083344,#0e7490);color:#a5f3fc}html.reef-dark-theme .reef-tank-tile__icon--fowlr{background:linear-gradient(145deg,#451a03,#b45309);color:#fde68a}html.reef-dark-theme .reef-tank-tile__icon--softie{background:linear-gradient(145deg,#500724,#be185d);color:#fbcfe8}html.reef-dark-theme .reef-tank-tile__icon--quarantine{background:linear-gradient(145deg,#1f2937,#4b5563);color:#e5e7eb}mat-tab-group.reef-tabs.reef-tabs--panel{margin-bottom:0;border-radius:var(--reef-radius);border:1px solid var(--reef-border);background:var(--reef-surface);box-shadow:var(--reef-shadow);overflow:hidden}mat-tab-group.reef-tabs.reef-tabs--panel .mat-mdc-tab-body-content{padding:16px 18px 20px}@media(max-width:599px){.reef-aqua .reef-aqua-panel{padding:14px}.reef-tank-grid{grid-template-columns:minmax(0,1fr)}mat-tab-group.reef-tabs.reef-tabs--panel .mat-mdc-tab-body-content{padding-inline:14px}}.reef-empty-state{text-align:center;padding:40px 18px}.reef-empty-state mat-icon{font-size:52px;width:52px;height:52px;color:var(--reef-ocean-light);margin-bottom:14px}.reef-empty-state p{margin:0;color:var(--reef-text-muted);line-height:1.55}.reef-empty-state--compact{padding:28px 12px}.reef-empty-state--compact mat-icon{font-size:40px;width:40px;height:40px;margin-bottom:10px}.reef-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.reef-health-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:12px 16px;border-radius:50%;aspect-ratio:1;background:linear-gradient(145deg,#ecfeff,#a5f3fc);border:3px solid var(--reef-ocean-light);box-shadow:var(--reef-shadow-glow);flex-shrink:0}.reef-health-badge__value{font-family:var(--reef-font-display);font-size:1.4rem;font-weight:700;color:var(--reef-primary-hover);line-height:1}.reef-health-badge__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--reef-text-muted);margin-top:2px}.reef-feature-grid{display:grid;gap:10px;margin:16px 0}.reef-feature-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--reef-radius-sm);background:var(--mat-sys-surface-container-lowest);border:1px solid var(--reef-border)}.reef-feature-item mat-icon{color:var(--reef-ocean);flex-shrink:0}.reef-feature-item strong{display:block;font-size:.95rem;color:var(--reef-text);margin-bottom:2px}.reef-feature-item span{font-size:.85rem;color:var(--reef-text-muted);line-height:1.4}.reef-form{display:flex;flex-direction:column;gap:4px}.reef-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}@media(max-width:479px){.reef-form-grid{grid-template-columns:1fr}}.reef-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 16px;color:var(--reef-text-muted);animation:reef-fade .4s var(--reef-ease) both}.reef-error-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--reef-radius-sm);background:color-mix(in srgb,#ef4444 12%,var(--reef-glass));color:#b91c1c;border:1px solid color-mix(in srgb,#ef4444 28%,transparent);font-size:.92rem;line-height:1.5;margin-bottom:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reef-error-banner mat-icon{flex-shrink:0;font-size:22px;width:22px;height:22px}.reef-warning-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--reef-radius-sm);background:color-mix(in srgb,#f59e0b 14%,var(--reef-glass));color:#b45309;border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);font-size:.92rem;line-height:1.5;margin:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reef-warning-banner mat-icon{flex-shrink:0;font-size:22px;width:22px;height:22px;color:#d97706}html.reef-dark-theme .reef-warning-banner{color:#fde68a}html.reef-dark-theme .reef-error-banner{color:#fecaca}.reef-success-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--reef-radius-sm);background:color-mix(in srgb,#10b981 14%,var(--reef-glass));color:#047857;border:1px solid color-mix(in srgb,#10b981 28%,transparent);font-size:.92rem;line-height:1.5;margin-top:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reef-success-banner mat-icon{flex-shrink:0;font-size:22px;width:22px;height:22px}html.reef-dark-theme .reef-success-banner{color:#a7f3d0}.reef-list-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;width:100%}mat-expansion-panel.reef-panel{margin-bottom:12px!important;border-radius:var(--reef-radius-sm)!important;box-shadow:var(--reef-shadow)!important;border:1px solid var(--reef-border)}mat-expansion-panel.reef-panel:before{display:none}mat-expansion-panel-header{font-weight:600}.reef-panel__icon{margin-right:8px;color:var(--reef-ocean);vertical-align:middle}.reef-bottom-nav{position:fixed;bottom:max(10px,env(safe-area-inset-bottom,0px));left:12px;right:12px;z-index:200;display:flex;justify-content:space-around;align-items:stretch;min-height:62px;height:auto;padding:6px 4px;border-radius:20px;background:color-mix(in srgb,var(--reef-surface) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);border:1px solid var(--reef-glass-border);box-shadow:0 8px 32px #0f172a1f,0 0 0 1px color-mix(in srgb,var(--reef-primary) 8%,transparent);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reef-bottom-nav::-webkit-scrollbar{display:none}.reef-bottom-nav a.mat-mdc-button{flex:1 0 auto;flex-direction:column;min-width:52px;max-width:84px;height:52px;border-radius:14px;padding:6px 2px;font-size:clamp(.58rem,2.4vw,.68rem);font-weight:600;line-height:1.15;color:var(--reef-text-muted);white-space:nowrap;transition:background .25s var(--reef-ease),color .25s var(--reef-ease),transform .25s var(--reef-ease)}.reef-bottom-nav a.mat-mdc-button mat-icon{margin:0 0 2px;font-size:22px;width:22px;height:22px}.reef-bottom-nav .reef-bottom-nav__active{color:var(--reef-primary);background:color-mix(in srgb,var(--reef-primary) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--reef-primary) 22%,transparent);transform:translateY(-1px)}.reef-bottom-nav .reef-bottom-nav__active mat-icon{color:var(--reef-primary)}@media(max-width:379px){.reef-bottom-nav a.mat-mdc-button{max-width:none;min-width:44px}.reef-bottom-nav a.mat-mdc-button>span:not(.mat-mdc-button-touch-target):not(.mat-focus-indicator){font-size:0;line-height:0;overflow:hidden}}.reef-fab{position:fixed;right:16px;bottom:84px;z-index:150;box-shadow:var(--reef-shadow-glow)!important}@media(min-width:600px){.reef-fab{bottom:24px}.reef-page--fab{padding-bottom:88px}}.reef-page--fab{padding-bottom:100px}mat-tab-group.reef-tabs{margin-bottom:16px}mat-tab-group.reef-tabs .mat-mdc-tab-header{border-bottom:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface-muted) 25%,transparent)}mat-tab-group.reef-tabs .mat-mdc-tab{min-width:72px;font-weight:600;letter-spacing:.01em;opacity:.72;transition:opacity .2s var(--reef-ease)}mat-tab-group.reef-tabs .mat-mdc-tab.mdc-tab--active{opacity:1}mat-tab-group.reef-tabs .mdc-tab-indicator__content--underline{border-radius:999px 999px 0 0;border-top-width:3px;border-color:var(--reef-primary)!important}mat-tab-group.reef-tabs .mat-mdc-tab-body-content{padding:18px 6px 10px}.reef-snackbar{margin-bottom:72px!important}@media(min-width:600px){.reef-snackbar{margin-bottom:16px!important}}.reef-snackbar--success .mdc-snackbar__surface{background:#047857!important}.reef-snackbar--error .mdc-snackbar__surface{background:#b91c1c!important}.reef-snackbar--info .mdc-snackbar__surface{background:var(--reef-primary-hover)!important}.mat-mdc-dialog-container .mdc-dialog__surface{border-radius:var(--reef-radius)!important}.reef-tank-chip{text-transform:capitalize;font-size:.75rem!important}.reef-profile-header{display:flex;align-items:center;gap:16px;margin-bottom:8px}.reef-profile-header .reef-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--reef-primary) 0%,var(--reef-ocean-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--reef-shadow-glow)}.reef-profile-header .reef-avatar mat-icon{font-size:32px;width:32px;height:32px}.reef-feature-cards{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0}@media(min-width:480px){.reef-feature-cards{grid-template-columns:repeat(3,1fr)}}.reef-feature-card{text-align:center;padding:20px 12px!important}.reef-feature-card mat-icon{font-size:36px;width:36px;height:36px;color:var(--reef-ocean);margin-bottom:8px}.reef-feature-card strong{display:block;font-size:.9rem;margin-bottom:4px}.reef-feature-card span{font-size:.8rem;color:var(--reef-text-muted);line-height:1.35}.reef-shell mat-sidenav-content{background:transparent}mat-sidenav.reef-sidenav mat-nav-list{padding-top:8px}.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary{background:linear-gradient(135deg,var(--reef-primary) 0%,var(--reef-primary-hover) 100%)!important;box-shadow:0 8px 24px -10px var(--reef-primary-glow)!important;transition:transform .2s var(--reef-ease),box-shadow .2s var(--reef-ease)!important}.mat-mdc-unelevated-button.mat-primary:hover:not(:disabled),.mat-mdc-raised-button.mat-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px -8px var(--reef-primary-glow)!important}.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-accent{background:linear-gradient(135deg,var(--reef-accent) 0%,var(--reef-accent-hover) 100%)!important}.mat-mdc-outlined-button:not(:disabled){border-color:color-mix(in srgb,var(--reef-primary) 35%,var(--reef-border))!important;transition:background .2s var(--reef-ease),border-color .2s var(--reef-ease),transform .2s var(--reef-ease)!important}.mat-mdc-outlined-button:not(:disabled):hover{background:color-mix(in srgb,var(--reef-primary) 8%,transparent)!important;border-color:color-mix(in srgb,var(--reef-primary) 55%,transparent)!important}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.reef-fab.mat-primary{background:linear-gradient(145deg,var(--reef-primary) 0%,var(--reef-primary-hover) 100%)!important}.reef-panel,.reef-aqua-panel,.dash-panel,.reef-aqua .reef-aqua-panel{position:relative;padding:20px;margin-bottom:18px;border-radius:var(--reef-radius);border:1px solid var(--reef-glass-border);background:var(--reef-glass);-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12);box-shadow:var(--reef-shadow);animation:reef-rise .5s var(--reef-ease) both;overflow:hidden;min-width:0}.reef-panel:before,.reef-aqua-panel:before,.dash-panel:before,.reef-aqua .reef-aqua-panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--reef-primary) 45%,transparent),transparent);pointer-events:none}.reef-panel--soft,.dash-panel--focus:not(.dash-panel--cta){background:color-mix(in srgb,var(--reef-surface-muted) 42%,var(--reef-glass))}.reef-panel--hero,.reef-aqua-panel--hero,.dash-panel--hero{background:radial-gradient(ellipse 85% 75% at 0% 0%,color-mix(in srgb,var(--reef-primary) 20%,transparent),transparent 58%),radial-gradient(ellipse 50% 40% at 100% 0%,color-mix(in srgb,var(--reef-accent) 8%,transparent),transparent 50%),linear-gradient(165deg,color-mix(in srgb,var(--reef-primary) 10%,var(--reef-surface)),var(--reef-glass) 65%);border-color:color-mix(in srgb,var(--reef-primary) 28%,var(--reef-border))}.reef-panel--dashed{border-style:dashed;border-color:color-mix(in srgb,var(--reef-primary) 40%,var(--reef-border));background:color-mix(in srgb,var(--reef-primary) 6%,var(--reef-surface))}.reef-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.reef-panel__head h2,.reef-panel__head h3{margin:0 0 4px;font-family:var(--reef-font-display);font-size:1.1rem;letter-spacing:-.02em}.reef-panel__head p{margin:0;color:var(--reef-text-muted);font-size:.88rem}.reef-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface-muted) 70%,transparent);color:var(--reef-text-muted);font-size:.78rem;font-weight:600}.reef-pill--primary{border-color:color-mix(in srgb,var(--reef-primary) 40%,transparent);background:color-mix(in srgb,var(--reef-primary) 14%,var(--reef-surface));color:var(--reef-primary)}.reef-metric-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}.reef-metric-tile{padding:16px;border-radius:var(--reef-radius-sm);border:1px solid var(--reef-border);background:linear-gradient(145deg,color-mix(in srgb,var(--reef-primary) 7%,var(--reef-surface-muted)),transparent 55%),color-mix(in srgb,var(--reef-surface-muted) 50%,transparent)}.reef-metric-tile__label{display:block;margin-bottom:6px;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--reef-text-muted)}.reef-metric-tile__value{font-family:var(--reef-font-display);font-size:1.55rem;font-weight:700;letter-spacing:-.03em;color:var(--reef-primary);line-height:1.1}.reef-metric-tile__value small{margin-left:4px;font-size:.85rem;font-weight:600;color:var(--reef-text-muted)}.reef-metric-tile__meta{margin:8px 0 0;font-size:.8rem;color:var(--reef-text-muted)}.reef-tile-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.reef-tile{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:16px;border-radius:var(--reef-radius-sm);border:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface-muted) 30%,var(--reef-surface));color:var(--reef-text);text-decoration:none;transition:transform .35s var(--reef-ease),border-color .35s var(--reef-ease),box-shadow .35s var(--reef-ease)}.reef-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--reef-primary) 42%,var(--reef-border));box-shadow:var(--reef-shadow-glow);text-decoration:none}.reef-tile__icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--reef-primary) 14%,transparent);color:var(--reef-primary)}.reef-tile__title{font-family:var(--reef-font-display);font-weight:600;font-size:.98rem;letter-spacing:-.02em}.reef-tile__hint{font-size:.8rem;color:var(--reef-text-muted);line-height:1.35}.reef-form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}.reef-page-header .mat-mdc-outlined-button,.reef-page-header .mat-mdc-button,.reef-page-header .mat-mdc-unelevated-button{margin-top:10px}.reef-marketplace-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:10px;border-radius:var(--reef-radius-sm);border:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface-muted) 40%,var(--reef-surface))}.reef-marketplace-nav a.mat-mdc-outlined-button{border-radius:999px!important}.reef-marketplace-nav__active{border-color:color-mix(in srgb,var(--reef-primary) 55%,transparent)!important;background:color-mix(in srgb,var(--reef-primary) 14%,transparent)!important;color:var(--reef-primary)!important}.reef-community-tab,.reef-experts-tab{padding-top:16px}.reef-chat{display:flex;flex-direction:column;min-height:min(68vh,620px);overflow:hidden;padding-bottom:0!important}.reef-chat__messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:8px 4px 16px!important;scroll-behavior:smooth}.reef-chat__bubble{position:relative;max-width:min(88%,540px);padding:14px 16px;border-radius:18px 18px 18px 6px;border:1px solid var(--reef-glass-border);background:var(--reef-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-self:flex-start;box-shadow:var(--reef-shadow);animation:reef-rise .35s var(--reef-ease) both}.reef-chat__bubble p{margin:8px 0 4px;white-space:pre-wrap;line-height:1.55;font-size:.95rem}.reef-chat__bubble time{display:block;font-size:.7rem;color:var(--reef-text-muted);margin-top:6px}.reef-chat__bubble--user{align-self:flex-end;border-radius:18px 18px 6px;background:linear-gradient(145deg,color-mix(in srgb,var(--reef-primary) 22%,var(--reef-surface)),color-mix(in srgb,var(--reef-primary) 12%,var(--reef-glass)));border-color:color-mix(in srgb,var(--reef-primary) 38%,var(--reef-border));box-shadow:0 6px 20px color-mix(in srgb,var(--reef-primary) 18%,transparent)}.reef-chat__bubble--user .reef-chat__role{color:var(--reef-primary-hover)}.reef-chat__bubble--assistant{border-left:3px solid var(--reef-primary)}.reef-chat__bubble--streaming{border-style:dashed;opacity:.92}.reef-chat__role{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--reef-text-muted)}.reef-chat__suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px 12px}.reef-chat__suggestion{padding:8px 14px;border-radius:999px;border:1px solid var(--reef-glass-border);background:color-mix(in srgb,var(--reef-surface-muted) 50%,transparent);color:var(--reef-text);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s var(--reef-ease),border-color .2s var(--reef-ease),transform .2s var(--reef-ease)}.reef-chat__suggestion:hover:not(:disabled){background:color-mix(in srgb,var(--reef-primary) 12%,transparent);border-color:color-mix(in srgb,var(--reef-primary) 40%,transparent);transform:translateY(-1px)}.reef-chat__suggestion:disabled{opacity:.5;cursor:not-allowed}.reef-chat__composer{display:flex!important;flex-wrap:nowrap;align-items:flex-end;gap:10px;padding:14px 4px 4px!important;margin-top:auto;border-top:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface-muted) 30%,transparent);border-radius:0 0 var(--reef-radius) var(--reef-radius)}.reef-chat__input{flex:1 1 auto;min-width:0;max-width:100%;margin-bottom:0!important}.reef-chat__send{flex-shrink:0;margin-bottom:4px;box-shadow:var(--reef-shadow-glow)!important}.reef-chat__cursor{animation:reef-blink 1s step-end infinite;color:var(--reef-primary)}.reef-marketplace-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));width:100%}.reef-marketplace-product{display:flex;flex-direction:column;min-height:100%;margin-bottom:0;padding:0!important;overflow:hidden;transition:transform .3s var(--reef-ease),box-shadow .3s var(--reef-ease),border-color .3s var(--reef-ease)}.reef-marketplace-product:hover{transform:translateY(-3px);box-shadow:var(--reef-shadow-lg);border-color:color-mix(in srgb,var(--reef-primary) 35%,var(--reef-border))}.reef-marketplace-product__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--reef-primary) 8%,var(--reef-surface-muted));text-decoration:none}.reef-marketplace-product__image{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--reef-ease)}.reef-marketplace-product:hover .reef-marketplace-product__image{transform:scale(1.04)}.reef-marketplace-product__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--reef-primary)}.reef-marketplace-product__placeholder mat-icon{font-size:48px;width:48px;height:48px;opacity:.5}.reef-marketplace-product__category{position:absolute;top:10px;left:10px;padding:5px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--reef-nav) 75%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reef-marketplace-product__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px 18px 18px}.reef-marketplace-product__title{margin:0;font-family:var(--reef-font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}.reef-marketplace-product__title a{color:inherit;text-decoration:none}.reef-marketplace-product__title a:hover{color:var(--reef-primary)}.reef-marketplace-product__desc{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.86rem;line-height:1.45}.reef-marketplace-product__meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.reef-marketplace-product__price{margin:0;font-family:var(--reef-font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--reef-primary)}.reef-marketplace-product__stock{margin:0;font-size:.8rem;color:var(--reef-text-muted)}.reef-marketplace-product__actions{display:flex;gap:8px;margin-top:8px}.reef-marketplace-cart{position:sticky;top:84px}.reef-marketplace-cart__line{padding:12px 0!important}.reef-product-hero{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.reef-product-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.reef-product-hero__media{border-radius:var(--reef-radius);overflow:hidden;border:1px solid var(--reef-glass-border);background:color-mix(in srgb,var(--reef-primary) 6%,var(--reef-surface-muted));aspect-ratio:4/3}.reef-product-hero__media img{width:100%;height:100%;object-fit:cover}.reef-product-hero__price{margin:12px 0;font-family:var(--reef-font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--reef-primary)}.reef-review-list li{padding:14px!important;border-radius:var(--reef-radius-sm);border:1px solid var(--reef-border)!important;border-top:1px solid var(--reef-border)!important;background:color-mix(in srgb,var(--reef-surface-muted) 35%,transparent)}@keyframes reef-blink{50%{opacity:0}}.reef-auth-page mat-card.reef-surface-card,.reef-auth-page .reef-auth-card{box-shadow:var(--reef-shadow-glow)!important;border-color:color-mix(in srgb,var(--reef-primary) 28%,var(--reef-border));background:radial-gradient(ellipse 90% 60% at 50% 0%,color-mix(in srgb,var(--reef-primary) 14%,transparent),transparent 55%),var(--reef-glass);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}html.reef-dark-theme .reef-empty-state mat-icon{color:var(--reef-primary)}.mat-mdc-form-field .mdc-text-field--outlined{border-radius:14px!important;background:color-mix(in srgb,var(--reef-surface-muted) 35%,transparent);transition:background .2s var(--reef-ease)}.mat-mdc-form-field.mat-focused .mdc-text-field--outlined{background:color-mix(in srgb,var(--reef-primary) 6%,var(--reef-surface))}mat-card.reef-surface-card,.reef-surface-card{-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}mat-card-header{padding-bottom:8px!important}mat-card-title{font-size:1.35rem!important;font-weight:700!important}mat-card-subtitle{color:var(--reef-text-muted)!important;margin-top:4px!important}.mat-mdc-chip-set .mat-mdc-chip{border-radius:999px!important;font-weight:600;border:1px solid var(--reef-border);background:color-mix(in srgb,var(--reef-surface-muted) 55%,transparent)!important}.mat-mdc-list-item{border-radius:12px;margin-bottom:6px;transition:background .2s var(--reef-ease)}.mat-mdc-list-item:hover{background:color-mix(in srgb,var(--reef-primary) 6%,transparent)}.reef-metric-tile,.reef-aqua-metric,.dash-metric,.dash-sensor,.reef-tank-tile,.reef-tile{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reef-tank-tile,.reef-tile,.reef-landing-feature{background:var(--reef-glass);border-color:var(--reef-glass-border)}.dash-shortcut{border-color:var(--reef-glass-border)!important;background:var(--reef-glass)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reef-page-header h1,.reef-aqua-top h1,.dash-top h1{background:linear-gradient(135deg,var(--reef-text) 0%,color-mix(in srgb,var(--reef-primary) 35%,var(--reef-text)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}html.reef-dark-theme .reef-page-header h1,html.reef-dark-theme .reef-aqua-top h1,html.reef-dark-theme .dash-top h1{background:linear-gradient(135deg,#f8fafc 0%,var(--reef-ocean-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.reef-fab{border-radius:18px!important;padding-inline:20px!important;font-weight:600;letter-spacing:.01em}.mat-mdc-dialog-container .mdc-dialog__surface{border:1px solid var(--reef-glass-border);background:var(--reef-glass)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);box-shadow:var(--reef-shadow-lg)!important}.mat-sidenav-content,.mat-drawer-content,.reef-shell,.reef-main,.reef-page,.reef-panel,.reef-surface-card,mat-card{min-width:0}.reef-form-grid,.reef-experts-grid,.reef-groups-list,.reef-iot-grid,.reef-tank-list,.reef-tank-grid,.reef-aqua-grid,.reef-feature-cards,.reef-marketplace-layout,.reef-marketplace-grid,.dash-grid,.dash-shortcuts,.dash-metrics,.dash-sensor-grid{width:100%;min-width:0}.reef-form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.full-width{width:100%;max-width:100%;min-width:0}mat-form-field.full-width,.mat-mdc-form-field{max-width:100%}.reef-panel,.reef-surface-card,mat-card.reef-surface-card{max-width:100%}@media(max-width:599px){.reef-page-header{margin-bottom:20px}.reef-page-header h1{font-size:clamp(1.45rem,7vw,1.85rem)}.reef-page-header p{font-size:.9rem;max-width:none}.reef-panel,.reef-surface-card,mat-card.reef-surface-card{padding-inline:14px}.reef-panel{padding:14px}.reef-metric-tile__value{font-size:clamp(1.2rem,5vw,1.55rem)}.reef-marketplace-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reef-marketplace-nav::-webkit-scrollbar{display:none}.reef-marketplace-nav a{flex:0 0 auto}mat-tab-group.reef-tabs .mat-mdc-tab-body-content{padding-inline:0}.reef-fab{right:max(12px,env(safe-area-inset-right,0px));bottom:calc(88px + env(safe-area-inset-bottom,0px))}.reef-page--fab{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}.reef-bottom-nav{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom,0px))}}@media(min-width:840px){.reef-main--with-bottom-nav{padding-bottom:32px}.reef-fab{right:24px;bottom:24px}}@media(min-width:1280px){.reef-page--wide{max-width:min(1240px,100%)}}:root,html.rs-theme{--rs-ocean-950: #001e31;--rs-ocean-900: #00273e;--rs-ocean-800: #0b3d5c;--rs-ocean-700: #114a6e;--rs-ocean-500: #396283;--rs-ocean-300: #7fa8cc;--rs-ocean-200: #a2cbf0;--rs-ocean-100: #cce5ff;--rs-ocean-50: #eef4ff;--rs-lagoon-800: #005047;--rs-lagoon-700: #006b5e;--rs-lagoon-600: #016f63;--rs-lagoon-500: #81d6c6;--rs-lagoon-200: #9aefdf;--rs-lagoon-100: #9df2e2;--rs-lagoon-50: #e8f7f4;--rs-coral-700: #8c1711;--rs-coral-600: #e85a4b;--rs-coral-500: #ff7c6c;--rs-coral-100: #ffdad5;--rs-coral-50: #fff0ee;--rs-ink-950: #0e1d2a;--rs-ink-900: #0e1d2a;--rs-ink-700: #42474d;--rs-ink-500: #72787e;--rs-ink-300: #c2c7ce;--rs-ink-200: #d5e4f7;--rs-ink-100: #e4efff;--rs-ink-50: #f8f9ff;--rs-ink-0: #ffffff;--rs-amber-500: #d4922a;--rs-green-500: #2a9d6e;--rs-aqua-50: var(--rs-lagoon-50);--rs-aqua-100: var(--rs-lagoon-100);--rs-aqua-200: var(--rs-lagoon-200);--rs-aqua-400: var(--rs-lagoon-500);--rs-aqua-500: var(--rs-lagoon-600);--rs-aqua-600: var(--rs-lagoon-700);--rs-aqua-700: var(--rs-lagoon-800);--rs-rose-500: var(--rs-coral-600);--rs-color-primary: var(--rs-ocean-900);--rs-color-primary-hover: #114a6e;--rs-color-primary-container: var(--rs-ocean-50);--rs-color-on-primary: #ffffff;--rs-color-on-primary-container: var(--rs-ocean-800);--rs-color-secondary: var(--rs-lagoon-700);--rs-color-secondary-container: var(--rs-lagoon-200);--rs-color-on-secondary: #ffffff;--rs-color-tertiary: var(--rs-coral-600);--rs-color-tertiary-container: var(--rs-coral-50);--rs-color-on-tertiary: #ffffff;--rs-color-surface-page: #eaf3f7;--rs-color-surface: #ffffff;--rs-color-surface-container: #ffffff;--rs-color-surface-container-low: #eef4ff;--rs-color-surface-container-high: #e4efff;--rs-color-surface-container-highest: #d5e4f7;--rs-color-surface-nav: var(--rs-ocean-900);--rs-color-surface-inverse: var(--rs-ocean-950);--rs-color-on-surface: var(--rs-ink-900);--rs-color-on-surface-variant: var(--rs-ink-700);--rs-color-on-surface-muted: var(--rs-ink-500);--rs-color-on-nav: #e9f1ff;--rs-color-outline: #c2c7ce;--rs-color-outline-variant: #dbe9fd;--rs-color-focus: var(--rs-lagoon-700);--rs-color-success: var(--rs-lagoon-700);--rs-color-warning: var(--rs-amber-500);--rs-color-error: #ba1a1a;--rs-color-health-good: var(--rs-lagoon-700);--rs-color-health-warn: var(--rs-amber-500);--rs-color-health-critical: var(--rs-coral-600);--rs-font-display: "Manrope", "Noto Sans Arabic", system-ui, sans-serif;--rs-font-sans: "Plus Jakarta Sans", "Noto Sans Arabic", system-ui, sans-serif;--rs-font-mono: "IBM Plex Mono", ui-monospace, monospace;--rs-space-1: 4px;--rs-space-2: 8px;--rs-space-3: 12px;--rs-space-4: 16px;--rs-space-5: 20px;--rs-space-6: 24px;--rs-space-8: 32px;--rs-space-10: 40px;--rs-space-12: 48px;--rs-radius-xs: 4px;--rs-radius-sm: 8px;--rs-radius-md: 12px;--rs-radius-lg: 16px;--rs-radius-xl: 24px;--rs-radius-full: 9999px;--rs-elevation-1: 0 1px 3px rgba(0, 39, 62, .08);--rs-elevation-2: 0 4px 16px rgba(0, 39, 62, .1);--rs-elevation-3: 0 12px 32px rgba(0, 39, 62, .14);--rs-duration-fast: .14s;--rs-duration-normal: .24s;--rs-duration-emphasized: .38s;--rs-ease-standard: cubic-bezier(.22, 1, .36, 1);--rs-ease-emphasized: cubic-bezier(.22, 1, .36, 1);--rs-header-height: 64px;--rs-sidebar-width: 260px;--rs-sidebar-collapsed: 72px;--rs-bottom-nav-height: 64px;--rs-content-max-width: 1280px;--rs-workspace-chrome: var(--rs-ocean-950);--rs-workspace-on-chrome: var(--rs-ocean-50);--rs-page-glow: radial-gradient(1000px 420px at 12% -8%, rgba(0, 107, 94, .1), transparent 55%), radial-gradient(900px 400px at 92% 0%, rgba(162, 203, 240, .28), transparent 50%);--r4u-color-primary: var(--rs-color-primary);--r4u-color-primary-hover: var(--rs-color-primary-hover);--r4u-color-primary-soft: var(--rs-color-primary-container);--r4u-color-on-primary: var(--rs-color-on-primary);--r4u-color-accent: var(--rs-color-tertiary);--r4u-color-accent-hover: var(--rs-coral-700);--r4u-color-surface-page: var(--rs-color-surface-page);--r4u-color-surface-card: var(--rs-color-surface-container);--r4u-color-surface-muted: var(--rs-color-surface-container-high);--r4u-color-surface-elevated: var(--rs-color-surface);--r4u-color-surface-nav: var(--rs-color-surface-nav);--r4u-color-on-surface: var(--rs-color-on-surface);--r4u-color-on-surface-muted: var(--rs-color-on-surface-muted);--r4u-color-on-surface-subtle: var(--rs-ink-300);--r4u-color-on-nav: var(--rs-color-on-nav);--r4u-color-border: var(--rs-color-outline);--r4u-color-border-strong: var(--rs-ink-300);--r4u-color-success: var(--rs-color-success);--r4u-color-warning: var(--rs-color-warning);--r4u-color-error: var(--rs-color-error);--r4u-font-sans: var(--rs-font-sans);--r4u-font-mono: var(--rs-font-mono);--r4u-space-1: var(--rs-space-1);--r4u-space-2: var(--rs-space-2);--r4u-space-3: var(--rs-space-3);--r4u-space-4: var(--rs-space-4);--r4u-space-5: var(--rs-space-5);--r4u-space-6: var(--rs-space-6);--r4u-space-8: var(--rs-space-8);--r4u-space-10: var(--rs-space-10);--r4u-space-12: var(--rs-space-12);--r4u-radius-sm: var(--rs-radius-sm);--r4u-radius-md: var(--rs-radius-md);--r4u-radius-lg: var(--rs-radius-lg);--r4u-radius-xl: var(--rs-radius-xl);--r4u-radius-full: var(--rs-radius-full);--r4u-shadow-sm: var(--rs-elevation-1);--r4u-shadow-md: var(--rs-elevation-2);--r4u-shadow-lg: var(--rs-elevation-3);--r4u-duration-fast: var(--rs-duration-fast);--r4u-duration-normal: var(--rs-duration-normal);--r4u-ease-out: var(--rs-ease-standard);--r4u-header-height: var(--rs-header-height);--r4u-sidebar-width: var(--rs-sidebar-width);--r4u-sidebar-collapsed: var(--rs-sidebar-collapsed);--r4u-bottom-nav-height: var(--rs-bottom-nav-height);--r4u-content-max-width: var(--rs-content-max-width);--r4u-workspace-chrome: var(--rs-workspace-chrome);--r4u-workspace-on-chrome: var(--rs-workspace-on-chrome);--r4u-bio-400: var(--rs-lagoon-500);--r4u-bio-500: var(--rs-lagoon-600);--r4u-bio-600: var(--rs-lagoon-700);--r4u-bio-700: var(--rs-lagoon-800);--r4u-navy-900: var(--rs-ocean-900);--r4u-navy-950: var(--rs-ocean-950);--r4u-coral-500: var(--rs-coral-500);--r4u-sand-50: var(--rs-ink-50);--r4u-sand-100: var(--rs-ink-100);--reef-primary: var(--rs-color-primary);--reef-primary-hover: var(--rs-color-primary-hover);--reef-accent: var(--rs-color-tertiary);--reef-surface-page: var(--rs-color-surface-page);--reef-text: var(--rs-color-on-surface);--reef-font-body: var(--rs-font-sans);--reef-font-display: var(--rs-font-display)}html.rs-dark-theme{color-scheme:dark;--rs-color-primary: var(--rs-lagoon-500);--rs-color-primary-hover: var(--rs-lagoon-200);--rs-color-primary-container: #0d3a42;--rs-color-on-primary: var(--rs-ocean-950);--rs-color-on-primary-container: var(--rs-lagoon-100);--rs-color-secondary: var(--rs-ocean-300);--rs-color-secondary-container: #123448;--rs-color-tertiary: var(--rs-coral-500);--rs-color-tertiary-container: #4a1c18;--rs-color-surface-page: #061018;--rs-color-surface: #0d1a24;--rs-color-surface-container: #0d1a24;--rs-color-surface-container-low: #061018;--rs-color-surface-container-high: #152636;--rs-color-surface-container-highest: #1c3144;--rs-color-surface-nav: #061828;--rs-color-on-surface: #e8f2f7;--rs-color-on-surface-muted: #93a9ba;--rs-color-on-nav: #e8f2f7;--rs-color-outline: #243848;--rs-color-outline-variant: #1a2c3a;--rs-color-focus: var(--rs-lagoon-500);--rs-page-glow: radial-gradient(900px 400px at 15% -5%, rgba(46, 181, 163, .12), transparent 55%), radial-gradient(700px 360px at 90% 0%, rgba(232, 90, 75, .08), transparent 45%)}.rs-page{max-width:var(--rs-content-max-width);margin:0 auto;padding:var(--rs-space-6) var(--rs-space-4) var(--rs-space-10);font-family:var(--rs-font-sans);color:var(--rs-color-on-surface)}.rs-page__title{margin:0 0 var(--rs-space-2);font-family:var(--rs-font-display);font-size:clamp(1.65rem,2.4vw,2.1rem);font-weight:700;letter-spacing:-.03em;color:var(--rs-ocean-900)}.rs-page__subtitle{margin:0 0 var(--rs-space-6);font-size:.98rem;color:var(--rs-color-on-surface-muted)}.rs-surface{background:var(--rs-color-surface-container);border:1px solid var(--rs-color-outline);border-radius:var(--rs-radius-md);box-shadow:var(--rs-elevation-1)}.rs-skip-link{position:absolute;left:-9999px;top:0;z-index:10000;padding:var(--rs-space-3) var(--rs-space-4);background:var(--rs-color-primary);color:var(--rs-color-on-primary);border-radius:var(--rs-radius-sm);font-family:var(--rs-font-sans);font-weight:600}.rs-skip-link:focus{left:var(--rs-space-4);top:var(--rs-space-4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root,html.r4u-theme{--r4u-navy-950: #040a14;--r4u-navy-900: #0b1426;--r4u-navy-800: #152238;--r4u-navy-700: #1e3a5f;--r4u-navy-600: #2d4f7a;--r4u-sand-50: #fdfcfa;--r4u-sand-100: #f5f0e8;--r4u-sand-200: #e8e0d4;--r4u-sand-300: #d4c9b8;--r4u-bio-400: #33e0bb;--r4u-bio-500: #00d4aa;--r4u-bio-600: #00b894;--r4u-bio-700: #009b7d;--r4u-bio-50: #e6fbf5;--r4u-coral-500: #ff6b5b;--r4u-coral-600: #e85a4b;--r4u-coral-50: #fff0ee;--r4u-amber-500: #f5a623;--r4u-amber-50: #fff8e6;--r4u-red-500: #e53e3e;--r4u-red-50: #fef2f2;--r4u-green-500: #38c172;--r4u-green-50: #edfcf2;--r4u-color-primary: var(--r4u-bio-700);--r4u-color-primary-hover: var(--r4u-bio-600);--r4u-color-primary-soft: var(--r4u-bio-50);--r4u-color-on-primary: #ffffff;--r4u-color-accent: var(--r4u-coral-500);--r4u-color-accent-hover: var(--r4u-coral-600);--r4u-color-surface-page: var(--r4u-sand-50);--r4u-color-surface-card: #ffffff;--r4u-color-surface-muted: var(--r4u-sand-100);--r4u-color-surface-elevated: #ffffff;--r4u-color-surface-nav: var(--r4u-navy-900);--r4u-color-on-surface: var(--r4u-navy-900);--r4u-color-on-surface-muted: var(--r4u-navy-600);--r4u-color-on-surface-subtle: #6b7f9e;--r4u-color-on-nav: #f8fafc;--r4u-color-border: var(--r4u-sand-200);--r4u-color-border-strong: var(--r4u-sand-300);--r4u-color-success: var(--r4u-green-500);--r4u-color-warning: var(--r4u-amber-500);--r4u-color-error: var(--r4u-red-500);--r4u-font-sans: "Plus Jakarta Sans", "Noto Sans Arabic", system-ui, sans-serif;--r4u-font-mono: "IBM Plex Mono", ui-monospace, monospace;--r4u-space-1: 4px;--r4u-space-2: 8px;--r4u-space-3: 12px;--r4u-space-4: 16px;--r4u-space-5: 20px;--r4u-space-6: 24px;--r4u-space-8: 32px;--r4u-space-10: 40px;--r4u-space-12: 48px;--r4u-radius-sm: 6px;--r4u-radius-md: 10px;--r4u-radius-lg: 14px;--r4u-radius-xl: 20px;--r4u-radius-full: 9999px;--r4u-shadow-sm: 0 1px 2px rgba(11, 20, 38, .06);--r4u-shadow-md: 0 4px 12px rgba(11, 20, 38, .08);--r4u-shadow-lg: 0 8px 24px rgba(11, 20, 38, .12);--r4u-border-default: 1px solid var(--r4u-color-border);--r4u-duration-fast: .15s;--r4u-duration-normal: .25s;--r4u-ease-out: cubic-bezier(.16, 1, .3, 1);--r4u-header-height: 64px;--r4u-sidebar-width: 260px;--r4u-sidebar-collapsed: 72px;--r4u-bottom-nav-height: 56px;--r4u-content-max-width: 1200px;--r4u-workspace-chrome: #334155;--r4u-workspace-on-chrome: #f8fafc}html.r4u-dark-theme{--r4u-color-primary: var(--r4u-bio-400);--r4u-color-primary-hover: var(--r4u-bio-500);--r4u-color-primary-soft: #0a2e25;--r4u-color-on-primary: var(--r4u-navy-950);--r4u-color-surface-page: var(--r4u-navy-950);--r4u-color-surface-card: var(--r4u-navy-900);--r4u-color-surface-muted: var(--r4u-navy-800);--r4u-color-surface-elevated: var(--r4u-navy-800);--r4u-color-on-surface: var(--r4u-sand-50);--r4u-color-on-surface-muted: #94a3b8;--r4u-color-on-surface-subtle: #64748b;--r4u-color-border: var(--r4u-navy-700);--r4u-color-border-strong: var(--r4u-navy-600);--r4u-workspace-chrome: #1e293b;--r4u-workspace-on-chrome: #f1f5f9}.r4u-skip-link{position:absolute;left:-9999px;top:var(--r4u-space-2);z-index:10000;padding:var(--r4u-space-2) var(--r4u-space-4);background:var(--r4u-color-primary);color:var(--r4u-color-on-primary);border-radius:var(--r4u-radius-md);font-family:var(--r4u-font-sans);font-weight:600;text-decoration:none}.r4u-skip-link:focus{left:var(--r4u-space-4)}.r4u-page{max-width:var(--rs-content-max-width, var(--r4u-content-max-width));margin:0 auto;padding:var(--r4u-space-6) var(--r4u-space-4);font-family:var(--rs-font-sans, var(--r4u-font-sans));color:var(--rs-color-on-surface, var(--r4u-color-on-surface))}@media(min-width:1024px){.r4u-page{padding:var(--r4u-space-8) var(--r4u-space-8)}}.r4u-page__title{font-family:var(--rs-font-display, var(--r4u-font-sans));font-size:clamp(1.55rem,2.2vw,1.95rem);font-weight:700;letter-spacing:-.03em;margin:0 0 var(--r4u-space-2);color:var(--rs-ocean-900, var(--r4u-color-on-surface))}.r4u-page__lead{color:var(--rs-color-on-surface-muted, var(--r4u-color-on-surface-muted));margin:0 0 var(--r4u-space-6);font-size:.98rem;line-height:1.55;max-width:58ch}@keyframes r4u-auth-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes r4u-auth-reveal{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.r4u-auth-page{--auth-ink: #0e1d2a;--auth-muted: #42474d;--auth-line: #c2c7ce;--auth-soft: #eef4ff;--auth-surface: #ffffff;--auth-page: #eaf3f7;--auth-primary: #006b5e;--auth-primary-hover: #005047;--auth-on-primary: #ffffff;--auth-deep: #00273e;position:relative;min-height:100dvh;display:flex;color-scheme:light;color:var(--auth-ink);font-family:var(--rs-font-sans, "Plus Jakarta Sans", system-ui, sans-serif);background:radial-gradient(900px 520px at 12% 10%,rgba(0,107,94,.1),transparent 55%),radial-gradient(800px 480px at 90% 0%,rgba(162,203,240,.35),transparent 50%),var(--auth-page);overflow-x:clip;overflow:hidden;--mat-sys-surface: var(--auth-surface);--mat-sys-surface-container: var(--auth-surface);--mat-sys-surface-container-low: var(--auth-soft);--mat-sys-surface-container-high: #e4efff;--mat-sys-on-surface: var(--auth-ink);--mat-sys-on-surface-variant: var(--auth-muted);--mat-sys-outline: var(--auth-line);--mat-sys-outline-variant: #dbe9fd;--mat-sys-primary: var(--auth-primary);--mat-sys-on-primary: var(--auth-on-primary);--mat-sys-primary-container: #9aefdf;--mat-sys-on-primary-container: var(--auth-primary-hover)}.r4u-auth-layout{position:relative;z-index:1;display:grid;width:100%;min-height:100dvh;max-width:1120px;margin:0 auto;padding:32px 24px;gap:40px;align-items:center;grid-template-columns:1fr}@media(min-width:960px){.r4u-auth-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);padding:48px 40px;gap:56px}}.r4u-auth-showcase{display:none;flex-direction:column;justify-content:center;gap:28px;color:var(--auth-ink);background:none;padding:0;min-height:0;animation:r4u-auth-fade-up .7s cubic-bezier(.16,1,.3,1) both}@media(min-width:960px){.r4u-auth-showcase{display:flex}}.r4u-auth-showcase h2{margin:8px 0 0;font-family:var(--rs-font-display, "Manrope", system-ui, sans-serif);font-size:clamp(1.85rem,3vw,2.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--auth-deep)!important;max-width:16ch}.r4u-auth-showcase>p:not(.r4u-auth-eyebrow){margin:0;color:var(--auth-muted)!important;line-height:1.65;max-width:38ch;font-size:1.05rem}.r4u-auth-eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--auth-primary)!important}.r4u-auth-brand-row{display:flex;align-items:center;gap:16px}.r4u-auth-brand-mark{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--auth-deep);color:#fff;box-shadow:0 12px 28px #00273e38;transform:rotate(3deg)}.r4u-auth-brand-mark mat-icon,.r4u-auth-brand-mark .material-symbols-outlined{font-size:30px;width:30px;height:30px}.r4u-auth-benefits{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}.r4u-auth-benefits li{display:flex;align-items:flex-start;gap:14px;font-size:.95rem;font-weight:500;color:var(--auth-ink)!important;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.r4u-auth-benefits .r4u-auth-benefit-icon{flex:0 0 auto;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--auth-primary) 12%,transparent);color:var(--auth-primary)}.r4u-auth-benefits strong{display:block;font-family:var(--rs-font-display, Manrope, sans-serif);font-size:.95rem;font-weight:700;color:var(--auth-deep);margin-bottom:2px}.r4u-auth-benefits span{display:block;font-size:.85rem;color:var(--auth-muted);line-height:1.45;font-weight:400}.r4u-auth-benefits mat-icon{color:var(--auth-primary)!important;font-size:22px;width:22px;height:22px}.r4u-auth-main{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:0;animation:r4u-auth-reveal .85s cubic-bezier(.16,1,.3,1) both}.r4u-auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-family:var(--rs-font-display, "Manrope", system-ui, sans-serif);font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--auth-deep)!important}@media(min-width:960px){.r4u-auth-logo{display:none}}.r4u-auth-logo img{width:40px;height:40px;border-radius:12px}.r4u-auth-card.mat-mdc-card,.r4u-auth-card{position:relative;border-radius:32px!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 32px 64px -16px #001e311f!important;padding:32px 28px!important;background:#ffffffb8!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--auth-ink)!important;overflow:hidden}@media(min-width:600px){.r4u-auth-card.mat-mdc-card,.r4u-auth-card{padding:40px 36px!important}}.r4u-auth-card__badge{position:absolute;top:18px;inset-inline-end:18px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--auth-primary);color:#fff;box-shadow:0 10px 20px #006b5e47;transform:rotate(12deg)}.r4u-auth-card__badge mat-icon{font-size:22px;width:22px;height:22px}.r4u-auth-card .mat-mdc-card-header{padding:0 48px 8px 0!important}.r4u-auth-card .mat-mdc-card-content,.r4u-auth-card .mat-mdc-card-actions{padding-left:0!important;padding-right:0!important;color:var(--auth-ink)}.r4u-auth-card .mat-mdc-card-title{color:var(--auth-deep)!important;font-family:var(--rs-font-display, "Manrope", system-ui, sans-serif)!important;font-weight:700!important;font-size:1.65rem!important;letter-spacing:-.02em}.r4u-auth-card .mat-mdc-card-subtitle{color:var(--auth-muted)!important;margin-top:6px!important;font-size:.95rem!important}.r4u-auth-form{display:grid;gap:6px;margin-top:16px}.r4u-auth-page .mat-mdc-form-field{width:100%}.r4u-auth-page .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: 14px;--mdc-outlined-text-field-focus-outline-color: var(--auth-primary)}.r4u-auth-error{display:flex;align-items:flex-start;gap:8px;padding:12px;margin-bottom:12px;border-radius:12px;background:#fff1f1;border:1px solid #f0b8b8;color:var(--auth-ink);font-size:.875rem}.r4u-auth-error mat-icon{color:#c23b4a;flex-shrink:0}.r4u-auth-success{display:flex;gap:8px;padding:12px;margin-bottom:12px;border-radius:12px;background:#eaf8f1;border:1px solid #b7e2cb;color:var(--auth-ink)}.r4u-auth-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 0 0!important}.r4u-auth-page .r4u-auth-footer a,.r4u-auth-page a.mat-mdc-button{color:var(--auth-primary)!important;font-weight:700!important}.r4u-auth-page button.mat-mdc-unelevated-button,.r4u-auth-page button.mat-primary{--mdc-filled-button-container-color: var(--auth-primary);--mdc-filled-button-label-text-color: var(--auth-on-primary);min-height:52px;border-radius:14px!important;background-image:none;box-shadow:0 12px 24px -8px #006b5e59;transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s cubic-bezier(.23,1,.32,1)}.r4u-auth-page button.mat-mdc-unelevated-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 28px -8px #006b5e6b}.r4u-auth-page button.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix(in srgb, var(--auth-line) 70%, transparent);--mdc-outlined-button-label-text-color: var(--auth-deep);min-height:50px;border-radius:14px!important;background:#fff}.full-width{width:100%}@media(prefers-reduced-motion:reduce){.r4u-auth-showcase,.r4u-auth-main{animation:none}}.r4u-workspace-tools{font-family:var(--r4u-font-sans);color:var(--r4u-color-on-surface)}.r4u-workspace-tools .reef-page{width:100%;max-width:min(1120px,100%);margin:0 auto;padding:0;animation:none;min-width:0}.r4u-workspace-tools .reef-page--wide{max-width:min(1120px,100%)}.r4u-workspace-tools .reef-page-header{margin-bottom:var(--r4u-space-6)}.r4u-workspace-tools .reef-page-header h1{margin:0 0 var(--r4u-space-2);font-family:var(--rs-font-display, var(--r4u-font-sans));font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--rs-ocean-900, var(--r4u-color-on-surface))}.r4u-workspace-tools .reef-page-header p{margin:0;color:var(--r4u-color-on-surface-muted);font-size:.9375rem}.r4u-workspace-tools .reef-page-header:after{display:none}.r4u-workspace-tools .reef-muted{color:var(--r4u-color-on-surface-muted);font-size:.875rem}.r4u-workspace-tools .reef-panel{position:relative;padding:var(--r4u-space-4);margin-bottom:var(--r4u-space-4);border-radius:var(--r4u-radius-lg);border:var(--r4u-border-default);background:var(--r4u-color-surface-card);box-shadow:var(--r4u-shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;overflow:visible;min-width:0}.r4u-workspace-tools .reef-panel:before{display:none}.r4u-workspace-tools .reef-panel--soft{background:var(--r4u-color-surface-muted)}.r4u-workspace-tools .reef-panel--hero{background:var(--r4u-color-surface-card);border-color:var(--r4u-color-primary);border-width:1px}.r4u-workspace-tools .reef-panel--dashed{border-style:dashed;border-color:var(--r4u-color-border-strong);background:var(--r4u-color-surface-muted)}.r4u-workspace-tools .reef-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--r4u-space-3);margin-bottom:var(--r4u-space-3)}.r4u-workspace-tools .reef-panel__head h2,.r4u-workspace-tools .reef-panel__head h3{margin:0 0 4px;font-family:var(--r4u-font-sans);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.r4u-workspace-tools .reef-panel__head p{margin:0;color:var(--r4u-color-on-surface-muted);font-size:.875rem}.r4u-workspace-tools .reef-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r4u-radius-full);border:var(--r4u-border-default);background:var(--r4u-color-surface-muted);color:var(--r4u-color-on-surface-muted);font-size:.75rem;font-weight:600}.r4u-workspace-tools .reef-pill--primary{border-color:var(--r4u-color-primary);background:var(--r4u-color-primary-soft);color:var(--r4u-color-primary)}.r4u-workspace-tools .reef-metric-grid{display:grid;gap:var(--r4u-space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}.r4u-workspace-tools .reef-metric-tile{padding:var(--r4u-space-4);border-radius:var(--r4u-radius-md);border:var(--r4u-border-default);background:var(--r4u-color-surface-muted)}.r4u-workspace-tools .reef-metric-tile__label{display:block;margin-bottom:4px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--r4u-color-on-surface-muted)}.r4u-workspace-tools .reef-metric-tile__value{font-size:1.375rem;font-weight:700;color:var(--r4u-color-primary);line-height:1.1}.r4u-workspace-tools .reef-metric-tile__meta{margin:var(--r4u-space-2) 0 0;font-size:.8125rem;color:var(--r4u-color-on-surface-muted)}.r4u-workspace-tools .reef-form-actions{display:flex;flex-wrap:wrap;gap:var(--r4u-space-2);align-items:center;margin-top:var(--r4u-space-3)}.r4u-workspace-tools .reef-empty-state{text-align:center;padding:var(--r4u-space-8) var(--r4u-space-4)}.r4u-workspace-tools .reef-empty-state mat-icon{font-size:48px;width:48px;height:48px;color:var(--r4u-color-on-surface-muted);margin-bottom:var(--r4u-space-3)}.r4u-workspace-tools .reef-empty-state p{margin:0;color:var(--r4u-color-on-surface-muted);line-height:1.5}.r4u-workspace-tools .reef-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--r4u-space-3);padding:var(--r4u-space-8);color:var(--r4u-color-on-surface-muted);font-size:.875rem}.r4u-workspace-tools .reef-error-banner{display:flex;align-items:center;gap:var(--r4u-space-2);padding:var(--r4u-space-3) var(--r4u-space-4);border-radius:var(--r4u-radius-md);background:var(--r4u-red-50);color:var(--r4u-red-500);font-size:.875rem;margin-bottom:var(--r4u-space-4)}.r4u-workspace-tools .reef-success-banner{display:flex;align-items:center;gap:var(--r4u-space-2);padding:var(--r4u-space-3) var(--r4u-space-4);border-radius:var(--r4u-radius-md);background:var(--r4u-green-50);color:var(--r4u-green-500);font-size:.875rem;margin-bottom:var(--r4u-space-4)}.r4u-workspace-tools .reef-admin-list{display:flex;flex-direction:column;gap:var(--r4u-space-3)}.r4u-workspace-tools .reef-admin-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--r4u-space-3);padding:var(--r4u-space-3) 0;border-bottom:var(--r4u-border-default);font-size:.875rem}.r4u-workspace-tools .reef-admin-row:last-child{border-bottom:none}.r4u-workspace-tools .reef-admin-row__actions{display:flex;gap:var(--r4u-space-2);flex-wrap:wrap}html.r4u-dark-theme .r4u-workspace-tools .reef-error-banner{background:#2e0a0a}html.r4u-dark-theme .r4u-workspace-tools .reef-success-banner{background:#0a2e1a}*,*:before,*:after{box-sizing:border-box}html{height:100%;width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100%;height:100%;width:100%;margin:0;overflow-x:clip;font-family:var(--rs-font-sans, var(--r4u-font-sans), var(--reef-font-body));font-size:15px;line-height:1.55;background-color:var(--rs-color-surface-page, var(--r4u-color-surface-page), var(--reef-surface-page));background-image:var(--rs-page-glow, none);background-attachment:fixed;color:var(--rs-color-on-surface, var(--r4u-color-on-surface), var(--reef-text));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block;min-height:100%}img,video,canvas,svg{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--rs-font-sans, var(--r4u-font-sans), var(--reef-font-display));letter-spacing:-.02em}h1.rs-display,.rs-display{font-family:var(--rs-font-display)}a{text-decoration:none;color:var(--rs-color-primary, var(--r4u-color-primary));transition:color var(--rs-duration-fast, .2s) var(--rs-ease-standard, ease)}a:hover{color:var(--rs-color-primary-hover, var(--r4u-color-primary-hover))}.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased}::selection{background:color-mix(in srgb,var(--rs-color-primary, #0b726c) 22%,transparent);color:var(--rs-color-on-surface, inherit)}:focus-visible{outline:2px solid var(--rs-color-focus, var(--rs-color-primary, #4a87a8));outline-offset:2px}button.mat-mdc-button,button.mat-mdc-unelevated-button,button.mat-mdc-outlined-button,a.mat-mdc-button{min-height:44px}mat-form-field{margin-bottom:4px}@media(min-width:720px){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--rs-color-primary, #0b3d5c) 35%,transparent) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--rs-color-primary, #0b3d5c) 30%,var(--rs-color-outline, #c5cdd8))}*::-webkit-scrollbar-track{background:transparent}}.reef-page,.reef-panel{font-family:var(--rs-font-sans, var(--reef-font-body))}.mat-mdc-card{border-radius:var(--rs-radius-lg, 16px)!important}.mat-mdc-form-field{width:100%}.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary,a.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: var(--rs-lagoon-700, #006b5e);--mdc-filled-button-label-text-color: #ffffff;--mdc-protected-button-container-color: var(--rs-lagoon-700, #006b5e);--mdc-protected-button-label-text-color: #ffffff;border-radius:999px!important}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: var(--rs-ocean-900, #00273e);--mdc-outlined-button-outline-color: var(--rs-ocean-900, #00273e);border-radius:999px!important}html.rs-rtl,html[dir=rtl]{font-family:"Noto Sans Arabic",var(--rs-font-sans, "Plus Jakarta Sans"),sans-serif}