html{--mat-success-color: #4caf50;--mat-success-lighter: #c8e6c9;--mat-success-darker: #2e7d32}html{--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: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--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: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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}html{--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}html{--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}.dark-theme{--mat-success-color: #66bb6a;--mat-success-lighter: #a5d6a7;--mat-success-darker: #388e3c}.dark-theme{--mat-sys-background: #121316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f3033;--mat-sys-inverse-primary: #005cbb;--mat-sys-inverse-surface: #e3e2e6;--mat-sys-on-background: #e3e2e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #002f65;--mat-sys-on-primary-container: #d7e3ff;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #283041;--mat-sys-on-secondary-container: #dae2f9;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #e3e2e6;--mat-sys-on-surface-variant: #e0e2ec;--mat-sys-on-tertiary: #002f65;--mat-sys-on-tertiary-container: #d7e3ff;--mat-sys-on-tertiary-fixed: #001b3f;--mat-sys-on-tertiary-fixed-variant: #00458f;--mat-sys-outline: #8e9099;--mat-sys-outline-variant: #44474e;--mat-sys-primary: #abc7ff;--mat-sys-primary-container: #00458f;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #bec6dc;--mat-sys-secondary-container: #3e4759;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #121316;--mat-sys-surface-bright: #38393c;--mat-sys-surface-container: #1f2022;--mat-sys-surface-container-high: #292a2c;--mat-sys-surface-container-highest: #343537;--mat-sys-surface-container-low: #1a1b1f;--mat-sys-surface-container-lowest: #0d0e11;--mat-sys-surface-dim: #121316;--mat-sys-surface-tint: #abc7ff;--mat-sys-surface-variant: #44474e;--mat-sys-tertiary: #abc7ff;--mat-sys-tertiary-container: #00458f;--mat-sys-tertiary-fixed: #d7e3ff;--mat-sys-tertiary-fixed-dim: #abc7ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}.dark-theme{--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)}.dark-theme{--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)}.dark-theme{--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)}.dark-theme{--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)}.dark-theme{--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)}.dark-theme{--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)}.dark-theme{--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}.dark-theme{--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}.dark-theme .society-thumbnail-placeholder{background-color:#424242;color:#bdbdbd}html,body{height:100%;margin:0;padding:0}body{font-size:16px;font-family:Roboto,Helvetica Neue,sans-serif;background-color:var(--mat-sys-background);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.overlay-active{overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:none;height:100%;position:fixed;width:100%}.overlay-active{overflow:hidden}a{color:var(--mat-sys-primary);text-decoration:none;transition:all .3s ease}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--mat-sys-surface);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--mat-sys-outline);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--mat-sys-outline-variant)}.app-container{display:flex;flex-direction:column;min-height:100vh}.toolbar-logo{height:28px;margin-right:8px;margin-left:16px}.toolbar-title{color:var(--mat-sys-on-background);text-decoration:none}.toolbar-title:hover{text-decoration:none}.main-content{flex:1;padding:16px;overflow-y:auto}.mobile-footer{position:fixed;bottom:0;width:100%;z-index:90;display:none}.toolbar-spacer{flex:1 1 auto}.sidenav-container{height:100%;flex:1}.sidenav{width:250px}.sidenav-content{display:flex;flex-direction:column;min-height:calc(100vh - 64px)}mat-card{margin-bottom:16px;transition:box-shadow .3s ease}mat-card:hover{box-shadow:0 4px 8px #0000001a}mat-form-field{width:100%;margin-bottom:16px}.app-overlay{position:fixed;inset:0;z-index:1000;background-color:var(--mat-sys-background)}@media (max-width: 768px){.mobile-footer{display:block}.main-content{padding-bottom:64px}.sidenav{width:100%;max-width:300px}}.mobile-nav-button{flex:1;min-width:0}.settings-container h1{margin-bottom:16px;color:var(--mat-sys-primary)}.settings-card mat-card-header{margin-bottom:16px}.welcome-section{text-align:center;margin-bottom:32px}.welcome-section h1{color:var(--mat-sys-primary);margin-bottom:8px}.subtitle{font-size:1.2rem;color:var(--mat-sys-outline);margin-bottom:32px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.swipeable-area{touch-action:pan-y;width:100%;height:100%}.animate-fade-in{animation:fadeIn .5s ease-in}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-item{backface-visibility:hidden;transform:translateZ(0)}.optimize-animation{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);transition:all .2s cubic-bezier(.2,0,.1,1)}.fixed-height-container{position:relative;overflow:hidden}@media (max-width: 768px){html{font-size:14px}h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.3rem!important}p{font-size:.95rem!important}.mat-typography{font-size:14px}}@media (max-width: 480px){html{font-size:13px}h1{font-size:1.6rem!important}h2{font-size:1.4rem!important}h3{font-size:1.2rem!important}p{font-size:.9rem!important}}.update-button{margin-right:16px;transition:all .3s ease;animation:pulse 2s infinite}.update-button mat-icon{margin-right:8px}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--mat-sys-accent-rgb),.7)}70%{box-shadow:0 0 0 6px rgba(var(--mat-sys-accent-rgb),0)}to{box-shadow:0 0 rgba(var(--mat-sys-accent-rgb),0)}}@media (max-width: 480px){.update-text{display:none}.update-button mat-icon{margin-right:0}.update-button{min-width:0;padding:0 8px}}.mock-qr-code{width:200px;height:200px;background-color:#f5f5f5;border:1px solid #ddd;display:flex;align-items:center;justify-content:center}.society-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#757575;font-size:3rem}.selection-indicator{margin-left:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative}.selection-indicator mat-icon{font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;line-height:1;display:block}.selection-indicator{margin-left:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.selection-indicator .unselected-circle{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.2)}.selection-indicator mat-icon{width:28px;height:28px;font-size:28px;line-height:28px;display:block}.profile-container{padding:20px;max-width:1000px;margin:0 auto}.profile-container h1,.profile-section,.identities-section{margin-bottom:24px}.mat-mdc-card{margin-bottom:20px}.full-width{width:100%}.centered-card-actions{justify-content:center}.dark-theme .identity-item{background-color:#333;border-left-color:#555}.dark-theme .identity-item.verified{border-left-color:#4caf50}.dark-theme .identity-value,.dark-theme .verification-service,.dark-theme .identity-to-verify{background-color:#ffffff1a}.dark-theme .identity-type,.dark-theme .verification-label,.dark-theme .verification-date{color:#fff9}.dark-theme .service-option{border-color:#ffffff1a}.dark-theme .service-option:hover{background-color:#ffffff0d}.dark-theme .service-option.selected{background-color:#3f51b526}.dark-theme .selection-indicator .unselected-circle{border-color:#ffffff4d}.dark-theme .verification-code{background-color:#ffffff1a}@media (max-width: 768px){.identity-header{flex-wrap:wrap}.identity-status{margin-left:auto}.verification-info{flex-direction:column;align-items:flex-start}.verification-date{margin-left:0;margin-top:8px}}.success-snackbar{background-color:#4caf50;color:#fff}.success-snackbar .mat-simple-snack-bar-content{font-size:16px}.success-snackbar .mat-button{color:#fff}.error-snackbar{background-color:#f44336;color:#fff}.error-snackbar .mat-simple-snack-bar-content{font-size:16px}.error-snackbar .mat-button{color:#fff}