html{height:100%;--mat-sys-background: light-dark(#fff8f5, #181210);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);--mat-sys-inverse-primary: light-dark(#ffb787, #964900);--mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);--mat-sys-on-background: light-dark(#201a17, #ece0da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #502400);--mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-primary-fixed: light-dark(#311300, #311300);--mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);--mat-sys-on-secondary: light-dark(#ffffff, #422b1b);--mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);--mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);--mat-sys-on-surface: light-dark(#201a17, #ece0da);--mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#84746a, #9f8d83);--mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);--mat-sys-primary: light-dark(#964900, #ffb787);--mat-sys-primary-container: light-dark(#ffdcc7, #723600);--mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755846, #e5bfa8);--mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);--mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #181210);--mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);--mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);--mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);--mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);--mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);--mat-sys-surface-dim: light-dark(#e3d8d3, #181210);--mat-sys-surface-tint: light-dark(#964900, #ffb787);--mat-sys-surface-variant: light-dark(#f4ded3, #52443c);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--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 Roboto;--mat-sys-body-medium-font: Roboto;--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 Roboto;--mat-sys-body-small-font: Roboto;--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 Roboto;--mat-sys-display-large-font: Roboto;--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 Roboto;--mat-sys-display-medium-font: Roboto;--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 Roboto;--mat-sys-display-small-font: Roboto;--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 Roboto;--mat-sys-headline-large-font: Roboto;--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 Roboto;--mat-sys-headline-medium-font: Roboto;--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 Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-primary: #B29157;--mat-sys-on-primary: #FAF8F3;--mat-sys-primary-container: #e8d5b5;--mat-sys-on-primary-container: #0A0706;--mat-sys-secondary: #0A0706;--mat-sys-on-secondary: #FAF8F3;--mat-sys-secondary-container: #2a2420;--mat-sys-on-secondary-container: #FAF8F3;--mat-sys-background: #FAF8F3;--mat-sys-on-background: #0A0706;--mat-sys-surface: #FAF8F3;--mat-sys-on-surface: #0A0706;--mat-sys-surface-variant: #ede8df;--mat-sys-on-surface-variant: #3a3530}body{color-scheme:light;background-color:var(--mat-sys-background);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}.auth-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--mat-sys-surface)}@media(min-width:900px){.auth-layout{flex-direction:row}}.auth-image-panel{position:relative;width:100%;height:220px;background-image:url(https://hplpqbyclajckntkciqv.supabase.co/storage/v1/object/public/assets/headquarters.jpg);background-size:cover;background-position:center 60%;overflow:hidden;flex-shrink:0}@media(min-width:900px){.auth-image-panel{background-position:center 30%;width:48%;height:auto;min-height:100vh;position:sticky;top:0}}.auth-image-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(155deg,#0a0706f7,#0a0706c7 40%,#785a288c 75%,#b2915759);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem}.auth-image-overlay:after{content:"";position:absolute;top:20%;left:15%;width:70%;height:50%;background:radial-gradient(ellipse,rgba(178,145,87,.08) 0%,transparent 70%);pointer-events:none;z-index:0}@media(max-width:899px){.auth-image-overlay:after{display:none}}.auth-image-overlay>*{position:relative;z-index:1}@media(min-width:900px){.auth-image-overlay{justify-content:space-between;padding:3rem 3.5rem}}.auth-brand{display:none}@media(min-width:900px){.auth-brand{display:block}}.auth-brand__mark{display:flex;align-items:center;gap:1.25rem;margin-bottom:2.75rem}.auth-brand__logo{height:72px;width:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(178,145,87,.55));flex-shrink:0}.auth-brand__wordmark{display:flex;flex-direction:column;line-height:1;gap:.35rem}.auth-brand__name-top{font-size:1.3rem;font-weight:900;letter-spacing:.2em;color:var(--mat-sys-on-primary);text-transform:uppercase}.auth-brand__name-mid{font-size:.7rem;font-weight:700;letter-spacing:.25em;color:var(--mat-sys-primary);text-transform:uppercase}.auth-brand__name-bottom{font-size:.65rem;font-weight:400;font-style:italic;letter-spacing:.1em;color:#faf8f38c}.auth-brand__title{font:var(--mat-sys-title-large);font-weight:500;color:#faf8f3d9;margin:0 0 2rem;line-height:1.4;max-width:340px}.auth-brand__cycling{position:relative;height:1.6em;overflow:hidden;margin-bottom:2.5rem}.auth-brand__cycling span{position:absolute;top:0;left:0;font-size:.8rem;font-weight:700;letter-spacing:.22em;color:var(--mat-sys-primary);opacity:0;transform:translateY(10px);animation:cycleTagline 7.5s infinite}.auth-brand__cycling span:nth-child(1){animation-delay:0s}.auth-brand__cycling span:nth-child(2){animation-delay:2.5s}.auth-brand__cycling span:nth-child(3){animation-delay:5s}.auth-brand__stats{display:flex;align-items:center;gap:1rem}.auth-brand__stat{display:flex;align-items:center;gap:.4rem;color:#faf8f399;font:var(--mat-sys-label-small);font-weight:500}.auth-brand__stat mat-icon{font-size:.95rem;width:.95rem;height:.95rem;color:var(--mat-sys-primary);opacity:.8}.auth-brand__stat-divider{width:1px;height:14px;background-color:#faf8f326;flex-shrink:0}.auth-brand-mobile{display:flex;align-items:center;gap:.875rem}@media(min-width:900px){.auth-brand-mobile{display:none}}.auth-brand-mobile__logo{height:64px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(178,145,87,.55));flex-shrink:0}.auth-brand-mobile__text{display:flex;flex-direction:column;gap:.28rem;line-height:1}.auth-brand-mobile__name{font-size:1.3rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--mat-sys-on-primary)}.auth-brand-mobile__sub{font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mat-sys-primary);text-shadow:0 0 1px #000,0 0 4px rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.6),-1px -1px 0 rgba(0,0,0,.6)}.auth-brand-mobile__archive{font-size:.72rem;font-weight:400;font-style:italic;letter-spacing:.1em;color:#faf8f399}.auth-image-badge{display:none}@media(min-width:900px){.auth-image-badge{display:flex;align-items:center;gap:.75rem;background:#faf8f312;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(178,145,87,.25);border-radius:var(--mat-sys-corner-full);padding:.875rem 1.375rem;color:#faf8f3b3;font:var(--mat-sys-label-large)}.auth-image-badge mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem;color:var(--mat-sys-primary);flex-shrink:0}}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem 3rem;background-color:var(--mat-sys-surface);overflow-y:auto}@media(min-width:900px){.auth-form-panel{padding:4rem 5rem}}.auth-form-wrapper{width:100%;max-width:420px;position:relative;overflow:hidden}.auth-view{width:100%}.auth-view__eyebrow{display:flex;align-items:center;gap:.375rem;margin-bottom:.875rem;color:var(--mat-sys-primary)}.auth-view__eyebrow mat-icon{font-size:1rem;width:1rem;height:1rem}.auth-view__eyebrow span{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.auth-view__header{margin-bottom:2.25rem}.auth-view__title{font:var(--mat-sys-headline-small);font-weight:700;color:var(--mat-sys-on-surface);margin:0 0 .625rem;letter-spacing:-.02em;line-height:1.2}.auth-view__title em{font-style:italic;color:var(--mat-sys-primary)}@media(min-width:900px){.auth-view__title{font-size:2.1rem}}.auth-view__subtitle{font:var(--mat-sys-body-medium);color:var(--mat-sys-on-surface-variant);margin:0;line-height:1.6}.auth-view__subtitle strong{color:var(--mat-sys-on-surface);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-fields-group{display:flex;flex-direction:column;background:color-mix(in srgb,var(--mat-sys-surface-variant) 35%,transparent);border:1px solid var(--mat-sys-outline-variant);border-radius:16px;padding:.5rem .875rem}.auth-field{width:100%}.auth-form__meta{display:flex;justify-content:flex-end;margin-top:-.5rem}.auth-alert{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;border-radius:var(--mat-sys-corner-medium);font:var(--mat-sys-body-small);line-height:1.5}.auth-alert mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:1px}.auth-alert--error{background-color:color-mix(in srgb,var(--mat-sys-error) 10%,transparent);color:var(--mat-sys-error);border:1px solid color-mix(in srgb,var(--mat-sys-error) 25%,transparent)}.auth-alert--error a{color:inherit;font-weight:600;text-underline-offset:3px}.auth-alert--success{background-color:color-mix(in srgb,var(--mat-sys-primary) 12%,transparent);color:color-mix(in srgb,var(--mat-sys-primary) 80%,var(--mat-sys-on-surface));border:1px solid color-mix(in srgb,var(--mat-sys-primary) 30%,transparent)}.auth-submit{width:100%;height:52px;margin-top:.25rem;font:var(--mat-sys-label-large)!important;font-weight:600!important;letter-spacing:.06em!important;border-radius:var(--mat-sys-corner-medium)!important;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;text-decoration:none}.auth-submit:not([disabled]):after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);transform:skew(-15deg);animation:shimmerSweep 3.5s ease-in-out infinite;pointer-events:none}.auth-text-btn{font:var(--mat-sys-label-medium);color:var(--mat-sys-primary);padding:0 4px}.auth-secondary-btn{width:100%;height:48px;font:var(--mat-sys-label-large)!important;font-weight:500!important;border-radius:var(--mat-sys-corner-medium)!important;display:flex;align-items:center;justify-content:center;text-decoration:none}.auth-back-btn{margin-bottom:1rem;color:var(--mat-sys-on-surface-variant);display:block}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--mat-sys-outline-variant)}.auth-divider span{font:var(--mat-sys-label-small);color:var(--mat-sys-on-surface-variant);white-space:nowrap}.confirm-icon-wrap{display:flex;justify-content:center;margin-bottom:2rem}.confirm-icon-ring{width:80px;height:80px;border-radius:50%;border:2px solid color-mix(in srgb,var(--mat-sys-primary) 35%,transparent);background:color-mix(in srgb,var(--mat-sys-primary) 10%,transparent);display:flex;align-items:center;justify-content:center;animation:ringPulse 2.8s ease-in-out infinite}.confirm-icon-ring mat-icon{font-size:2.25rem;width:2.25rem;height:2.25rem;color:var(--mat-sys-primary)}.confirm-steps{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.confirm-step{display:flex;align-items:flex-start;gap:.875rem}.confirm-step__num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background-color:color-mix(in srgb,var(--mat-sys-primary) 14%,var(--mat-sys-surface-variant));border:1px solid color-mix(in srgb,var(--mat-sys-primary) 30%,transparent);color:var(--mat-sys-primary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.confirm-step p{font:var(--mat-sys-body-small);color:var(--mat-sys-on-surface-variant);margin:0;line-height:1.55;padding-top:4px}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}@keyframes cycleTagline{0%{opacity:0;transform:translateY(10px)}6%{opacity:1;transform:translateY(0)}27%{opacity:1;transform:translateY(0)}33%{opacity:0;transform:translateY(-10px)}to{opacity:0;transform:translateY(10px)}}@keyframes shimmerSweep{0%{left:-100%}45%,to{left:160%}}@keyframes ringPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--mat-sys-primary) 20%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--mat-sys-primary) 0%,transparent)}}.hero-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}@media(min-width:768px){.hero-inner{flex-direction:row;align-items:center;text-align:left;gap:2.5rem}}.hero-avatar-wrap{position:relative;flex-shrink:0}.hero-avatar-ring{position:absolute;inset:-8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--mat-sys-primary) 35%,transparent);animation:ringBreath 3.2s ease-in-out infinite;z-index:1}.hero-avatar-ring--outer{inset:-16px;border-color:color-mix(in srgb,var(--mat-sys-primary) 15%,transparent);animation-delay:.6s;animation-duration:3.8s}.hero-status-col{flex-shrink:0}.status-badge{display:flex;align-items:center;gap:.875rem;padding:1rem 1.375rem;border-radius:var(--mat-sys-corner-large);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid transparent;min-width:200px}.status-badge .status-badge__icon{font-size:2rem;width:2rem;height:2rem;flex-shrink:0}.status-badge .status-badge__body{display:flex;flex-direction:column;gap:.15rem}.status-badge .status-badge__eyebrow{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.status-badge .status-badge__label{font-size:1rem;font-weight:700;letter-spacing:.04em}.status-badge.status--review{background:color-mix(in srgb,var(--mat-sys-primary) 18%,transparent);border-color:color-mix(in srgb,var(--mat-sys-primary) 38%,transparent);color:var(--mat-sys-primary);box-shadow:0 0 24px color-mix(in srgb,var(--mat-sys-primary) 12%,transparent)}.status-badge.status--review .status-badge__icon{animation:spinSlow 5s linear infinite}.status-badge.status--payment{background:color-mix(in srgb,var(--mat-sys-on-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--mat-sys-on-secondary) 22%,transparent);color:var(--mat-sys-on-secondary)}.status-badge.status--approved{background:color-mix(in srgb,var(--mat-sys-primary) 22%,transparent);border-color:color-mix(in srgb,var(--mat-sys-primary) 50%,transparent);color:var(--mat-sys-primary);box-shadow:0 0 32px color-mix(in srgb,var(--mat-sys-primary) 15%,transparent),inset 0 1px color-mix(in srgb,var(--mat-sys-primary) 30%,transparent)}.status-badge.status--suspended{background:color-mix(in srgb,var(--mat-sys-error, #b00020) 10%,transparent);border-color:color-mix(in srgb,var(--mat-sys-error, #b00020) 28%,transparent);color:var(--mat-sys-error, #b00020)}.status-badge.status--unknown{background:color-mix(in srgb,var(--mat-sys-on-secondary) 8%,transparent);border-color:color-mix(in srgb,var(--mat-sys-on-secondary) 18%,transparent);color:color-mix(in srgb,var(--mat-sys-on-secondary) 65%,transparent)}.profile-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:600px){.profile-grid{grid-template-columns:1fr 1fr;gap:1.25rem}}.profile-card{background:var(--mat-sys-surface);border-radius:var(--mat-sys-corner-large);border:1px solid var(--mat-sys-surface-variant);overflow:hidden;box-shadow:0 1px 4px color-mix(in srgb,var(--mat-sys-on-surface) 5%,transparent);transition:box-shadow .24s ease,transform .24s ease}.profile-card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--mat-sys-primary) 0%,color-mix(in srgb,var(--mat-sys-primary) 30%,transparent) 100%)}.profile-card:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--mat-sys-on-surface) 8%,transparent);transform:translateY(-1px)}.profile-card__header{display:flex;align-items:center;gap:.625rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--mat-sys-surface-variant)}.profile-card__header mat-icon{font-size:1.1rem;width:1.1rem;height:1.1rem;color:var(--mat-sys-primary)}.profile-card__header span{font:var(--mat-sys-label-medium);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mat-sys-on-surface-variant)}.profile-card__body{padding:.25rem 0}.field{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 1.25rem}.field+.field{border-top:1px solid color-mix(in srgb,var(--mat-sys-surface-variant) 65%,transparent)}.field__label{font:var(--mat-sys-label-small);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mat-sys-on-surface-variant);flex-shrink:0}.field__value{font:var(--mat-sys-body-medium);color:var(--mat-sys-on-surface);text-align:right;word-break:break-word;max-width:55%}.field__value--alias{color:var(--mat-sys-primary);font-weight:600;font-style:italic}.field__value--mono{font-family:Courier New,monospace;letter-spacing:.07em;font-size:.85rem}.doc-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .625rem;border-radius:var(--mat-sys-corner-full);background:color-mix(in srgb,var(--mat-sys-primary) 12%,var(--mat-sys-surface));border:1px solid color-mix(in srgb,var(--mat-sys-primary) 30%,transparent);color:color-mix(in srgb,var(--mat-sys-primary) 88%,var(--mat-sys-on-surface));font:var(--mat-sys-label-small);font-weight:600}.doc-chip mat-icon{font-size:.875rem;width:.875rem;height:.875rem}.doc-chip--clickable{cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.doc-chip--clickable:hover{background:color-mix(in srgb,var(--mat-sys-primary) 22%,var(--mat-sys-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary) 25%,transparent)}.doc-chip--clickable:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}.doc-modal-backdrop{position:fixed;inset:0;z-index:1000;background:color-mix(in srgb,var(--mat-sys-scrim, #000) 60%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:backdropIn .2s ease}.doc-modal{background:var(--mat-sys-surface);border-radius:var(--mat-sys-corner-extra-large);border:1px solid color-mix(in srgb,var(--mat-sys-primary) 20%,transparent);box-shadow:0 24px 64px color-mix(in srgb,#000 40%,transparent),0 0 0 1px color-mix(in srgb,var(--mat-sys-primary) 10%,transparent);width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .22s cubic-bezier(.2,0,0,1)}.doc-modal:before{content:"";display:block;height:3px;flex-shrink:0;background:linear-gradient(90deg,var(--mat-sys-primary) 0%,color-mix(in srgb,var(--mat-sys-primary) 30%,transparent) 100%)}.doc-modal__header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .875rem 1.375rem;border-bottom:1px solid var(--mat-sys-surface-variant);flex-shrink:0}.doc-modal__title{display:flex;align-items:center;gap:.625rem;font:var(--mat-sys-label-medium);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mat-sys-on-surface-variant)}.doc-modal__title mat-icon{font-size:1.1rem;width:1.1rem;height:1.1rem;color:var(--mat-sys-primary)}.doc-modal__close{color:var(--mat-sys-on-surface-variant)!important;transition:color .16s ease}.doc-modal__close:hover{color:var(--mat-sys-on-surface)!important}.doc-modal__body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;min-height:320px;background:color-mix(in srgb,var(--mat-sys-surface-variant) 30%,var(--mat-sys-surface))}.doc-modal__spinner{display:flex;align-items:center;justify-content:center;padding:3rem}.doc-modal__img{max-width:100%;max-height:75vh;object-fit:contain;display:block}.doc-modal__iframe{width:100%;height:75vh;border:none;display:block}.doc-modal__error{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:3rem;color:var(--mat-sys-on-surface-variant);font:var(--mat-sys-body-medium)}.doc-modal__error mat-icon{font-size:2.5rem;width:2.5rem;height:2.5rem;color:var(--mat-sys-error, #b00020)}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pageReveal{0%{opacity:0}to{opacity:1}}@keyframes ringBreath{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.1);opacity:.25}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
