.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}html{--mdc-filled-button-container-shape: 4px}.cdk-global-scrollblock{overflow:hidden}.mat-theme-loaded-marker{display:none}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#041e3b;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#c6bbaa;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#041e3b;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#041e3b;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#c6bbaa;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#c6bbaa;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#c6bbaa;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#c6bbaa;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87);--mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#041e3b;--mdc-linear-progress-track-color:rgba(4, 30, 59, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#c6bbaa;--mdc-linear-progress-track-color:rgba(198, 187, 170, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#041e3b;--mdc-filled-text-field-focus-active-indicator-color:#041e3b;--mdc-filled-text-field-focus-label-text-color:rgba(4, 30, 59, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#041e3b;--mdc-outlined-text-field-focus-outline-color:#041e3b;--mdc-outlined-text-field-focus-label-text-color:rgba(4, 30, 59, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(4, 30, 59, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#c6bbaa;--mdc-filled-text-field-focus-active-indicator-color:#c6bbaa;--mdc-filled-text-field-focus-label-text-color:rgba(198, 187, 170, 0.87);--mdc-outlined-text-field-caret-color:#c6bbaa;--mdc-outlined-text-field-focus-outline-color:#c6bbaa;--mdc-outlined-text-field-focus-label-text-color:rgba(198, 187, 170, 0.87);--mat-form-field-focus-select-arrow-color:rgba(198, 187, 170, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(4, 30, 59, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(198, 187, 170, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-shape:4px;--mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-radius:16px;--mdc-chip-with-avatar-avatar-shape-radius:14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#041e3b;--mdc-chip-elevated-selected-container-color:#041e3b;--mdc-chip-elevated-disabled-container-color:#041e3b;--mdc-chip-flat-disabled-selected-container-color:#041e3b;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:black;--mdc-chip-elevated-container-color:#c6bbaa;--mdc-chip-elevated-selected-container-color:#c6bbaa;--mdc-chip-elevated-disabled-container-color:#c6bbaa;--mdc-chip-flat-disabled-selected-container-color:#c6bbaa;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:black;--mdc-chip-selected-label-text-color:black;--mdc-chip-with-icon-icon-color:black;--mdc-chip-with-icon-disabled-icon-color:black;--mdc-chip-with-icon-selected-icon-color:black;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:black;--mdc-chip-with-trailing-icon-trailing-icon-color:black;--mat-chip-selected-disabled-trailing-icon-color:black;--mat-chip-selected-trailing-icon-color:black}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1}html .mat-mdc-slide-toggle{--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-selected-track-outline-color:transparent;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#031b35;--mdc-switch-selected-handle-color:#031b35;--mdc-switch-selected-hover-state-layer-color:#031b35;--mdc-switch-selected-pressed-state-layer-color:#031b35;--mdc-switch-selected-focus-handle-color:#010a19;--mdc-switch-selected-hover-handle-color:#010a19;--mdc-switch-selected-pressed-handle-color:#010a19;--mdc-switch-selected-focus-track-color:#4f6276;--mdc-switch-selected-hover-track-color:#4f6276;--mdc-switch-selected-pressed-track-color:#4f6276;--mdc-switch-selected-track-color:#4f6276;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:#fff;--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mat-switch-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#c0b4a3;--mdc-switch-selected-handle-color:#c0b4a3;--mdc-switch-selected-hover-state-layer-color:#c0b4a3;--mdc-switch-selected-pressed-state-layer-color:#c0b4a3;--mdc-switch-selected-focus-handle-color:#a5967f;--mdc-switch-selected-hover-handle-color:#a5967f;--mdc-switch-selected-pressed-handle-color:#a5967f;--mdc-switch-selected-focus-track-color:#d7cfc4;--mdc-switch-selected-hover-track-color:#d7cfc4;--mdc-switch-selected-pressed-track-color:#d7cfc4;--mdc-switch-selected-track-color:#d7cfc4}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mat-switch-label-text-font:Roboto, sans-serif;--mat-switch-label-text-line-height:20px;--mat-switch-label-text-size:14px;--mat-switch-label-text-tracking:0.0178571429em;--mat-switch-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#041e3b;--mdc-radio-selected-hover-icon-color:#041e3b;--mdc-radio-selected-icon-color:#041e3b;--mdc-radio-selected-pressed-icon-color:#041e3b;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#041e3b;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#c6bbaa;--mdc-radio-selected-hover-icon-color:#c6bbaa;--mdc-radio-selected-icon-color:#c6bbaa;--mdc-radio-selected-pressed-icon-color:#c6bbaa;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#c6bbaa;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}html{--mat-radio-label-text-font:Roboto, sans-serif;--mat-radio-label-text-line-height:20px;--mat-radio-label-text-size:14px;--mat-radio-label-text-tracking:0.0178571429em;--mat-radio-label-text-weight:400}html{--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%)}html{--mdc-slider-handle-color:#041e3b;--mdc-slider-focus-handle-color:#041e3b;--mdc-slider-hover-handle-color:#041e3b;--mdc-slider-active-track-color:#041e3b;--mdc-slider-inactive-track-color:#041e3b;--mdc-slider-with-tick-marks-inactive-container-color:#041e3b;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-slider-ripple-color:#041e3b;--mat-slider-hover-state-layer-color:rgba(4, 30, 59, 0.05);--mat-slider-focus-state-layer-color:rgba(4, 30, 59, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mdc-slider-handle-color:#c6bbaa;--mdc-slider-focus-handle-color:#c6bbaa;--mdc-slider-hover-handle-color:#c6bbaa;--mdc-slider-active-track-color:#c6bbaa;--mdc-slider-inactive-track-color:#c6bbaa;--mdc-slider-with-tick-marks-inactive-container-color:#c6bbaa;--mdc-slider-with-tick-marks-active-container-color:black;--mat-slider-ripple-color:#c6bbaa;--mat-slider-hover-state-layer-color:rgba(198, 187, 170, 0.05);--mat-slider-focus-state-layer-color:rgba(198, 187, 170, 0.2)}html .mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2)}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px;--mat-menu-base-elevation-level:8}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#041e3b;--mdc-radio-selected-hover-icon-color:#041e3b;--mdc-radio-selected-icon-color:#041e3b;--mdc-radio-selected-pressed-icon-color:#041e3b}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#c6bbaa;--mdc-radio-selected-hover-icon-color:#c6bbaa;--mdc-radio-selected-icon-color:#c6bbaa;--mdc-radio-selected-pressed-icon-color:#c6bbaa}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#041e3b;--mdc-checkbox-selected-hover-icon-color:#041e3b;--mdc-checkbox-selected-icon-color:#041e3b;--mdc-checkbox-selected-pressed-icon-color:#041e3b;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#041e3b;--mdc-checkbox-selected-hover-state-layer-color:#041e3b;--mdc-checkbox-selected-pressed-state-layer-color:#041e3b;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:black;--mdc-checkbox-selected-focus-icon-color:#c6bbaa;--mdc-checkbox-selected-hover-icon-color:#c6bbaa;--mdc-checkbox-selected-icon-color:#c6bbaa;--mdc-checkbox-selected-pressed-icon-color:#c6bbaa;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#c6bbaa;--mdc-checkbox-selected-hover-state-layer-color:#c6bbaa;--mdc-checkbox-selected-pressed-state-layer-color:#c6bbaa;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#041e3b}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-touch-target-display:block}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-secondary-navigation-tab-container-height:48px;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#041e3b;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#041e3b;--mat-tab-header-active-ripple-color:#041e3b;--mat-tab-header-inactive-ripple-color:#041e3b;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#041e3b;--mat-tab-header-active-hover-label-text-color:#041e3b;--mat-tab-header-active-focus-indicator-color:#041e3b;--mat-tab-header-active-hover-indicator-color:#041e3b}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#c6bbaa;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#c6bbaa;--mat-tab-header-active-ripple-color:#c6bbaa;--mat-tab-header-inactive-ripple-color:#c6bbaa;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#c6bbaa;--mat-tab-header-active-hover-label-text-color:#c6bbaa;--mat-tab-header-active-focus-indicator-color:#c6bbaa;--mat-tab-header-active-hover-indicator-color:#c6bbaa}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#041e3b;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#c6bbaa;--mat-tab-header-with-background-foreground-color:black}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:black;--mdc-checkbox-selected-focus-icon-color:#c6bbaa;--mdc-checkbox-selected-hover-icon-color:#c6bbaa;--mdc-checkbox-selected-icon-color:#c6bbaa;--mdc-checkbox-selected-pressed-icon-color:#c6bbaa;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#c6bbaa;--mdc-checkbox-selected-hover-state-layer-color:#c6bbaa;--mdc-checkbox-selected-pressed-state-layer-color:#c6bbaa;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#041e3b;--mdc-checkbox-selected-hover-icon-color:#041e3b;--mdc-checkbox-selected-icon-color:#041e3b;--mdc-checkbox-selected-pressed-icon-color:#041e3b;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#041e3b;--mdc-checkbox-selected-hover-state-layer-color:#041e3b;--mdc-checkbox-selected-pressed-state-layer-color:#041e3b;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}html{--mat-checkbox-label-text-font:Roboto, sans-serif;--mat-checkbox-label-text-line-height:20px;--mat-checkbox-label-text-size:14px;--mat-checkbox-label-text-tracking:0.0178571429em;--mat-checkbox-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#041e3b;--mat-text-button-state-layer-color:#041e3b;--mat-text-button-ripple-color:rgba(4, 30, 59, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#c6bbaa;--mat-text-button-state-layer-color:#c6bbaa;--mat-text-button-ripple-color:rgba(198, 187, 170, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#041e3b;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#c6bbaa;--mdc-filled-button-label-text-color:black;--mat-filled-button-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#041e3b;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#c6bbaa;--mdc-protected-button-label-text-color:black;--mat-protected-button-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#041e3b;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#041e3b;--mat-outlined-button-ripple-color:rgba(4, 30, 59, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#c6bbaa;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#c6bbaa;--mat-outlined-button-ripple-color:rgba(198, 187, 170, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-protected-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#041e3b;--mat-icon-button-state-layer-color:#041e3b;--mat-icon-button-ripple-color:rgba(4, 30, 59, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#c6bbaa;--mat-icon-button-state-layer-color:#c6bbaa;--mat-icon-button-ripple-color:rgba(198, 187, 170, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-shape:50%;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mdc-fab-container-color:white;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38)}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#041e3b;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#c6bbaa;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#041e3b;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#c6bbaa;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#c6bbaa}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#041e3b}html .mat-accent{--mdc-circular-progress-active-indicator-color:#c6bbaa}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0}html{--mat-badge-background-color:#041e3b;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#c6bbaa;--mat-badge-text-color:black}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-line-height:22px;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-small-size-line-height:16px;--mat-badge-large-size-text-size:24px;--mat-badge-large-size-line-height:28px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#041e3b;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(4, 30, 59, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(4, 30, 59, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(4, 30, 59, 0.3);--mat-datepicker-toggle-active-state-icon-color:#041e3b;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(4, 30, 59, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:black;--mat-datepicker-calendar-date-selected-state-background-color:#c6bbaa;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(198, 187, 170, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:black;--mat-datepicker-calendar-date-focus-state-background-color:rgba(198, 187, 170, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(198, 187, 170, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(198, 187, 170, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#c6bbaa}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#041e3b}.mat-icon.mat-accent{--mat-icon-color:#c6bbaa}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#041e3b;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#041e3b;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#041e3b;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:black;--mat-stepper-header-selected-state-icon-background-color:#c6bbaa;--mat-stepper-header-selected-state-icon-foreground-color:black;--mat-stepper-header-done-state-icon-background-color:#c6bbaa;--mat-stepper-header-done-state-icon-foreground-color:black;--mat-stepper-header-edit-state-icon-background-color:#c6bbaa;--mat-stepper-header-edit-state-icon-foreground-color:black}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#041e3b;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#c6bbaa;--mat-toolbar-container-text-color:black}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}body{color:inherit !important}.no-outline,.no-outline:focus,.no-outline:active{outline:none !important}.mat-simple-snackbar-action{color:#fff}.accent-color,.accent-color-active.active{color:var(--color-accent) !important}.accent-background-color,.accent-background-color-active:active,.accent-background-color-active.active,.donate-body .accent-background-color-active.btn-primary,.accent-background-color-hover:hover,.accent-background-color-focus:focus,input.radio:checked~label::before,.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:var(--color-accent) !important;color:var(--color-accent-contrast) !important}.accent-border-color,.accent-border-color-focus:focus,.accent-border-color-active.active,.active-border-color-hover:hover,.donate-body .accent-border-color-active.btn-primary{border-color:var(--color-accent) !important}.accent-border-bottom-color,.accent-border-bottom-color-focus:focus{border-bottom-color:var(--color-accent) !important}.accent-outline-color-focus:focus{outline-color:var(--color-accent) !important}.accent-font-color,.accent-background-color-hover:hover .accent-font-color-hover,.accent-font-color-hover:hover,.accent-background-color-focus:focus .accent-font-color-focus,.accent-font-color-hover:focus{color:var(--color-accent-contrast) !important}.accent-font-background-color,.accent-background-color-hover:hover .accent-font-background-color-hover{background-color:var(--color-accent-contrast) !important}select.frequency:focus{border-bottom:5px solid var(--color-accent) !important}.primary-color,input.radio:checked~label::before,i.fb,span.fb,i.emailit,span.emailit,i.tw,span.tw{color:var(--color-primary) !important}.primary-background-color,.primary-background-color-active.active,.dropdown-menu>li>a.primary-background-color-hover:hover,.dropdown-menu>li>a.primary-background-color-focus:focus,a.list-group-item.primary-background-color-focus.active:focus{background-color:var(--color-primary) !important;color:var(--color-primary-contrast) !important}.primary-border-color,.primary-border-color-focus:focus,a.list-group-item.primary-border-color-focus.active:focus{border-color:var(--color-primary) !important}.primary-font-color{color:var(--color-primary-contrast) !important}.primary-font-color:disabled,.primary-font-color :disabled,.primary-font-color .mat-button-disabled[disabled]{color:rgba(var(--color-primary-contrast-rgb), 0.26) !important}.primary-font-placeholder-color ::placeholder{color:var(--color-primary-contrast) !important}.primary-font-background-color{background-color:var(--color-primary-contrast) !important}.primary-font-border-color,.primary-font-border-color-focus:focus{border-color:var(--color-primary-contrast) !important}.dark-font{color:#000 !important}.dark-background,.dark-background-active.active{background-color:#000 !important}.dark-font-border-color,.dark-font-border-color-focus:focus{border-color:#000 !important}.light-font,.light-font-active.active{color:#fff !important}.nav-font-color{color:var(--color-nav-text)}.nav-border-color{border-color:var(--color-nav-text)}.body-text-color,.sub-text-user,.input-group-addon,.news-feed-item a,.story-feed-item a,.event-feed-item a,.poll-feed-item a,.message a,.get-involved a{color:inherit !important}input.radio:checked~label::before{content:"✔";text-indent:.9em}.tabbable-line>.nav-tabs>li.active{border-bottom:4px solid;position:relative}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;outline:0;text-decoration:none}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{background-color:#fff}h5 a{text-decoration:none}.news-feed-item a,.story-feed-item a,.event-feed-item a,.poll-feed-item a,.message a,.get-involved a{cursor:pointer}body .mat-drawer.mat-sidenav:not(.mat-drawer-end){background-color:var(--color-primary)}body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-list-option:not(.mat-list-item-disabled):hover,body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-list-option:not(.mat-list-item-disabled):focus,body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover,body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-nav-list .mat-list-item:not(.mat-list-item-disabled):focus,body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-action-list .mat-list-item:not(.mat-list-item-disabled):hover,body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-action-list .mat-list-item:not(.mat-list-item-disabled):focus{background-color:var(--color-accent);color:var(--color-accent-contrast)}body .mat-drawer.mat-sidenav:not(.mat-drawer-end){color:var(--color-nav-text)}body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .user-info .email,body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .user-info svg{color:var(--color-nav-text)}body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-list-option,body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-list-base .mat-list-item,body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-action-list .mat-list-item{color:var(--color-nav-text)}body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .mat-divider{border-top-color:var(--color-nav-text)}body .mat-drawer.mat-sidenav:not(.mat-drawer-end) .badge{background-color:var(--color-accent);color:var(--color-accent-contrast)}body .sidebar-nav .mat-list-option:not(.mat-list-item-disabled):hover,body .sidebar-nav .mat-list-option:not(.mat-list-item-disabled):focus,body .sidebar-nav .mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover,body .sidebar-nav .mat-nav-list .mat-list-item:not(.mat-list-item-disabled):focus,body .sidebar-nav .mat-action-list .mat-list-item:not(.mat-list-item-disabled):hover,body .sidebar-nav .mat-action-list .mat-list-item:not(.mat-list-item-disabled):focus{background-color:rgba(var(--color-accent-rgb), 0.2);color:var(--color-accent-contrast)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:unset}html{--color-primary: rgba(4, 30, 59, 1);--color-primary-rgb: 4, 30, 59;--color-primary-contrast: white;--color-primary-contrast-rgb: 255, 255, 255;--color-accent: rgba(198, 187, 170, 1);--color-accent-rgb: 198, 187, 170;--color-accent-contrast: black;--color-accent-contrast-rgb: 0, 0, 0;--color-nav-text: rgba(198, 187, 170, 1);--color-nav-text-rgb: 198, 187, 170;--mdc-dialog-container-shape: 28px;--mdc-typography-button-letter-spacing: normal}html .mat-mdc-fab.mat-accent,html .mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color: var(--color-accent);--mat-fab-foreground-color: var(--color-accent-contrast);--mat-fab-state-layer-color: var(--color-accent-contrast);--mat-fab-ripple-color: rgba(var(--color-accent-contrast-rgb), 0.1)}html .mat-mdc-fab.mat-primary,html .mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color: var(--color-primary);--mat-fab-foreground-color: var(--color-primary-contrast);--mat-fab-state-layer-color: var(--color-primary-contrast);--mat-fab-ripple-color: rgba(var(--color-primary-contrast-rgb), 0.1)}html .mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: var(--color-accent);--mdc-filled-button-label-text-color: var(--color-accent-contrast)}html .mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: var(--color-primary);--mdc-filled-button-label-text-color: var(--color-primary-contrast)}html .mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: var(--color-accent);--mdc-protected-button-label-text-color: var(--color-accent-contrast)}html .mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: var(--color-primary);--mdc-protected-button-label-text-color: var(--color-primary-contrast)}html .mat-toolbar.mat-primary{--mat-toolbar-container-background-color: var(--color-primary);--mat-toolbar-container-text-color: var(--color-primary-contrast)}.mat-mdc-list-base{--mdc-list-list-item-label-text-tracking: normal}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>iHub - Gaming Backend Manager</title>

    <style>

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }

        body {

            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);

            min-height: 100vh;

            color: #333;

            overflow-x: hidden;

        }

        .app-container {

            max-width: 430px;

            margin: 0 auto;

            background: #000;

            min-height: 100vh;

            position: relative;

            box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);

        }

        .status-bar {

            background: #000;

            color: #fff;

            padding: 8px 20px;

            display: flex;

            justify-content: space-between;

            align-items: center;

            font-size: 14px;

            font-weight: 600;

        }

        .app-header {

            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

            padding: 20px;

            text-align: center;

            position: relative;

        }

        .app-logo {

            width: 60px;

            height: 60px;

            background: rgba(255, 255, 255, 0.2);

            border-radius: 15px;

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0 auto 10px;

            font-size: 24px;

            backdrop-filter: blur(10px);

        }

        .app-title {

            font-size: 28px;

            font-weight: 800;

            color: #fff;

            margin-bottom: 5px;

            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

        }

        .app-subtitle {

            color: rgba(255, 255, 255, 0.8);

            font-size: 14px;

            font-weight: 500;

        }

        .search-section {

            padding: 20px;

            background: #f8f9fa;

        }

        .search-container {

            position: relative;

        }

        .search-input {

            width: 100%;

            padding: 15px 50px 15px 20px;

            border: none;

            border-radius: 25px;

            background: #fff;

            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

            font-size: 16px;

            outline: none;

        }

        .search-icon {

            position: absolute;

            right: 20px;

            top: 50%;

            transform: translateY(-50%);

            color: #999;

            font-size: 18px;

        }

        .quick-actions {

            display: flex;

            gap: 10px;

            padding: 0 20px 20px;

            background: #f8f9fa;

        }

        .quick-btn {

            flex: 1;

            padding: 12px;

            border: none;

            border-radius: 15px;

            font-weight: 600;

            font-size: 12px;

            cursor: pointer;

            transition: all 0.3s ease;

            text-transform: uppercase;

            letter-spacing: 0.5px;

        }

        .quick-btn-primary {

            background: linear-gradient(45deg, #4299e1, #3182ce);

            color: white;

        }

        .quick-btn-success {

            background: linear-gradient(45deg, #48bb78, #38a169);

            color: white;

        }

        .quick-btn-purple {

            background: linear-gradient(45deg, #9f7aea, #805ad5);

            color: white;

        }

        .quick-btn:active {

            transform: scale(0.95);

        }

        .games-container {

            padding: 0 20px 100px;

            background: #f8f9fa;

        }

        .section-header {

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-bottom: 15px;

            padding: 0 5px;

        }

        .section-title {

            font-size: 18px;

            font-weight: 700;

            color: #2d3748;

        }

        .games-count {

            background: #e2e8f0;

            color: #4a5568;

            padding: 4px 12px;

            border-radius: 20px;

            font-size: 12px;

            font-weight: 600;

        }

        .game-card {

            background: #fff;

            border-radius: 20px;

            margin-bottom: 15px;

            overflow: hidden;

            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);

            transition: all 0.3s ease;

        }

        .game-card:active {

            transform: scale(0.98);

        }

        .game-header {

            padding: 15px 20px;

            display: flex;

            align-items: center;

            gap: 15px;

        }

        .game-icon {

            width: 50px;

            height: 50px;

            border-radius: 12px;

            object-fit: cover;

            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

        }



            flex: 1;

        }

        .game-name {

            font-size: 16px;

            font-weight: 700;

            color: #2d3748;

            margin-bottom: 2px;

        }

        .game-status {

            font-size: 12px;

            color: #48bb78;

            font-weight: 600;

        }

        .game-actions {

            display: flex;

            border-top: 1px solid #f1f3f4;

        }

        .action-btn {

            flex: 1;

            padding: 15px;

            border: none;

            background: transparent;

            font-size: 12px;

            font-weight: 600;

            cursor: pointer;

            transition: all 0.3s ease;

            border-right: 1px solid #f1f3f4;

        }

        .action-btn:last-child {

            border-right: none;

        }

        .action-btn:active {

            background: #f8f9fa;

        }

        .action-login { color: #4299e1; }

        .action-orders { color: #48bb78; }

        .action-form { color: #9f7aea; }

        .action-edit { color: #ed8936; }

        .bottom-nav {

            position: fixed;

            bottom: 0;

            left: 50%;

            transform: translateX(-50%);

            width: 100%;

            max-width: 430px;

            background: rgba(255, 255, 255, 0.95);

            backdrop-filter: blur(20px);

            border-top: 1px solid rgba(0, 0, 0, 0.1);

            display: flex;

            justify-content: space-around;

            padding: 10px 0 25px;

        }

        .nav-item {

            display: flex;

            flex-direction: column;

            align-items: center;

            gap: 5px;

            padding: 10px;

            cursor: pointer;

            transition: all 0.3s ease;

            border-radius: 15px;

            min-width: 60px;

        }

        .nav-item.active {

            background: rgba(102, 126, 234, 0.1);

        }

        .nav-icon {

            font-size: 20px;

            color: #667eea;

        }

        .nav-label {

            font-size: 10px;

            color: #4a5568;

            font-weight: 600;

            text-transform: uppercase;

        }

        .modal {

            display: none;

            position: fixed;

            z-index: 1000;

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

            background-color: rgba(0, 0, 0, 0.8);

            backdrop-filter: blur(5px);

        }

        .modal-content {

            background: #fff;

            margin: 20px auto;

            border-radius: 25px;

            width: 90%;

            max-width: 380px;

            max-height: 80vh;

            overflow-y: auto;

            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);

            animation: modalSlideUp 0.3s ease;

        }

        @keyframes modalSlideUp {

            from { opacity: 0; transform: translateY(100px); }

            to { opacity: 1; transform: translateY(0); }

        }

        .modal-header {

            padding: 25px 25px 0;

            display: flex;

            justify-content: space-between;

            align-items: center;

        }

        .modal-title {

            font-size: 20px;

            font-weight: 700;

            color: #2d3748;

        }

        .close-btn {

            width: 35px;

            height: 35px;

            border-radius: 50%;

            background: #f1f3f4;

            border: none;

            display: flex;

            align-items: center;

            justify-content: center;

            cursor: pointer;

            font-size: 18px;

            color: #666;

        }

        .modal-body {

            padding: 25px;

        }

        .form-group {

            margin-bottom: 20px;

        }

        .form-label {

            display: block;

            margin-bottom: 8px;

            font-weight: 600;

            color: #4a5568;

            font-size: 14px;

        }

        .form-input {

            width: 100%;

            padding: 15px;

            border: 2px solid #e2e8f0;

            border-radius: 12px;

            font-size: 16px;

            transition: border-color 0.3s ease;

            background: #fff;

        }

        .form-input:focus {

            outline: none;

            border-color: #667eea;

            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);

        }

        .form-select {

            width: 100%;

            padding: 15px;

            border: 2px solid #e2e8f0;

            border-radius: 12px;

            font-size: 16px;

            background: #fff;

            cursor: pointer;

        }

        .btn-group {

            display: flex;

            gap: 10px;

            margin-top: 25px;

        }

        .btn {

            flex: 1;

            padding: 15px;

            border: none;

            border-radius: 12px;

            font-weight: 600;

            font-size: 16px;

            cursor: pointer;

            transition: all 0.3s ease;

        }

        .btn-primary {

            background: linear-gradient(45deg, #667eea, #764ba2);

            color: white;

        }

        .btn-secondary {

            background: #e2e8f0;

            color: #4a5568;

        }

        .btn:active {

            transform: scale(0.95);

        }

        .order-display {

            background: #1a202c;

            color: #e2e8f0;

            padding: 20px;

            border-radius: 12px;

            font-family: 'Courier New', monospace;

            white-space: pre-wrap;

            margin: 20px 0;

            font-size: 14px;

            line-height: 1.6;

            overflow-x: auto;

        }

        .status-message {

            position: fixed;

            top: 20px;

            left: 50%;

            transform: translateX(-50%);

            padding: 15px 25px;

            border-radius: 25px;

            font-weight: 600;

            font-size: 14px;

            z-index: 2000;

            backdrop-filter: blur(10px);

            display: none;

            animation: statusSlide 0.3s ease;

        }

        @keyframes statusSlide {

            from { opacity: 0; transform: translateX(-50%) translateY(-20px); }

            to { opacity: 1; transform: translateX(-50%) translateY(0); }

        }

        .status-success {

            background: rgba(72, 187, 120, 0.9);

            color: white;

        }

        .status-error {

            background: rgba(245, 101, 101, 0.9);

            color: white;

        }

        .floating-add {

            position: fixed;

            bottom: 100px;

            right: 20px;

            width: 60px;

            height: 60px;

            border-radius: 50%;

            background: linear-gradient(45deg, #667eea, #764ba2);

            border: none;

            color: white;

            font-size: 24px;

            cursor: pointer;

            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);

            transition: all 0.3s ease;

            z-index: 100;

        }

        .floating-add:active {

            transform: scale(0.9);

        }

        @media (min-width: 431px) {

            .app-container {

                border-radius: 25px;

                margin: 20px auto;

                overflow: hidden;

            }

        }

    </style>

</head>

<body>

    <div class="app-container">

        <!-- Status Bar -->

        <div class="status-bar">

            <span>9:41 AM</span>

            <span>iHub</span>

            <span>🔋 100%</span>

        </div>

        <!-- App Header -->

        <div class="app-header">

            <div class="app-logo">🎮</div>

            <div class="app-title">iHub</div>

            <div class="app-subtitle">Gaming Backend Manager</div>

        </div>

        <!-- Status Message -->

        <div class="status-message" id="statusMessage"></div>

        <!-- Search Section -->

        <div class="search-section">

            <div class="search-container">

                <input type="text" class="search-input" id="searchInput" placeholder="Search game systems...">

                <div class="search-icon">🔍</div>

            </div>

        </div>

        <!-- Quick Actions -->

        <div class="quick-actions">

            <button class="quick-btn quick-btn-primary" onclick="fulfillAllOrders()">

                📦 All Orders

            </button>

            <button class="quick-btn quick-btn-success" onclick="openBulkLogin()">

                🚀 Bulk Login

            </button>

            <button class="quick-btn quick-btn-purple" onclick="openStats()">

                📊 Analytics

            </button>

        </div>

        <!-- Games Container -->

        <div class="games-container">

            <div class="section-header">

                <div class="section-title">Game Systems</div>

                <div class="games-count" id="gamesCount">0 systems</div>

            </div>

            <div id="gamesGrid">

                <!-- Games will be populated here -->

            </div>

        </div>

        <!-- Floating Add Button -->

        <button class="floating-add" onclick="openAddModal()">+</button>

        <!-- Bottom Navigation -->

        <div class="bottom-nav">

            <div class="nav-item active" onclick="showGames()">

                <div class="nav-icon">🏠</div>

                <div class="nav-label">Home</div>

            </div>

            <div class="nav-item" onclick="showFavorites()">

                <div class="nav-icon">⭐</div>

                <div class="nav-label">Favorites</div>

            </div>

            <div class="nav-item" onclick="showOrders()">

                <div class="nav-icon">📋</div>

                <div class="nav-label">Orders</div>

            </div>

            <div class="nav-item" onclick="showSettings()">

                <div class="nav-icon">⚙️</div>

                <div class="nav-label">Settings</div>

            </div>

        </div>

    </div>

    <!-- Add/Edit Game Modal -->

    <div id="gameModal" class="modal">

        <div class="modal-content">

            <div class="modal-header">

                <div class="modal-title" id="modalTitle">Add Game System</div>

                <button class="close-btn" onclick="closeModal()">&times;</button>

            </div>

            <div class="modal-body">

                <form id="gameForm">

                    <div class="form-group">

                        <label class="form-label">System Name</label>

                        <input type="text" class="form-input" id="gameName" required>

                    </div>

                    <div class="form-group">

                        <label class="form-label">Backend URL</label>

                        <input type="url" class="form-input" id="gameUrl" required>

                    </div>

                    <div class="form-group">

                        <label class="form-label">Icon URL (Optional)</label>

                        <input type="url" class="form-input" id="gameImage">

                    </div>

                    <div class="btn-group">

                        <button type="submit" class="btn btn-primary">Save System</button>

                        <button type="button" class="btn btn-secondary" onclick="closeModal()">Cancel</button>

                    </div>

                </form>

            </div>

        </div>

    </div>

    <!-- Order Form Modal -->

    <div id="orderModal" class="modal">

        <div class="modal-content">

            <div class="modal-header">

                <div class="modal-title">Create Order Form</div>

                <button class="close-btn" onclick="closeOrderModal()">&times;</button>

            </div>

            <div class="modal-body">

                <form id="orderForm">

                    <div class="form-group">

                        <label class="form-label">Game System</label>

                        <select class="form-select" id="orderGameSystem" required>

                            <option value="">Select system...</option>

                        </select>

                    </div>

                    <div class="form-group">

                        <label class="form-label">User ID</label>

                        <input type="text" class="form-input" id="orderUserId" required>

                    </div>

                    <div class="form-group">

                        <label class="form-label">Order Number</label>

                        <input type="text" class="form-input" id="orderNumber" required>

                    </div>

                    <div class="form-group">

                        <label class="form-label">Password</label>

                        <input type="text" class="form-input" id="orderPassword" value="Winning777" required>

                    </div>

                    <div class="btn-group">

                        <button type="submit" class="btn btn-primary">Generate Order</button>

                        <button type="button" class="btn btn-secondary" onclick="closeOrderModal()">Cancel</button>

                    </div>

                </form>

            </div>

        </div>

    </div>

    <!-- Order Result Modal -->

    <div id="orderResultModal" class="modal">

        <div class="modal-content">

            <div class="modal-header">

                <div class="modal-title">Order Form Generated</div>

                <button class="close-btn" onclick="closeOrderResultModal()">&times;</button>

            </div>

            <div class="modal-body">

                <div class="order-display" id="orderFormContent"></div>

                <div class="btn-group">

                    <button class="btn btn-primary" onclick="copyOrderForm()">📋 Copy</button>

                    <button class="btn btn-secondary" onclick="closeOrderResultModal()">Done</button>

                </div>

            </div>

        </div>

    </div>

    <script>

        let games = [

            { id: 1, name: "ACE777", url: "https://agent.ace777.club/admin", image: "https://images.unsplash.com/photo-1596838132731-3301c3fd4317?w=400&h=200&fit=crop" },

            { id: 2, name: "ACEBOOK", url: "https://djwae.playacebook.mobi/#/login?redirect=%2F", image: "https://images.unsplash.com/photo-1511593358241-7eea1f3c84e5?w=400&h=200&fit=crop" },

            { id: 3, name: "BLUE DRAGON", url: "https://agent.bluedragon777.com/Login.aspx", image: "https://images.unsplash.com/photo-1578662996442-48f60103fc96?w=400&h=200&fit=crop" },

            { id: 4, name: "CASH FRENZY", url: "https://agentserver.cashfrenzy777.com/admin/login", image: "https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=400&h=200&fit=crop" },

            { id: 5, name: "CASH MACHINE", url: "https://agentserver.cashmachine777.com/admin/login", image: "https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=400&h=200&fit=crop" },

            { id: 6, name: "EASY STREET", url: "https://agent.easystreet777.com:8088/admin/login", image: "https://images.unsplash.com/photo-1551698618-1dfe5d97d256?w=400&h=200&fit=crop" },

            { id: 7, name: "FIRE KIRIN", url: "https://firekirin.xyz:8888/", image: "https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=400&h=200&fit=crop" },

            { id: 8, name: "FISH GLORY", url: "https://dxr.fishglory.games/#/login", image: "https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=400&h=200&fit=crop" },

            { id: 9, name: "GALAXY WORLD", url: "https://dxr.fishglory.games/#/login", image: "https://images.unsplash.com/photo-1446776653964-20c1d3a81b06?w=400&h=200&fit=crop" },

            { id: 10, name: "GAMEROOM", url: "https://agentserver1.gameroom777.com/admin/login?utm_medium=social&utm_source=heylink.me", image: "https://images.unsplash.com/photo-1542751371-adc38448a05e?w=400&h=200&fit=crop" },

            { id: 11, name: "GAMEVAULT", url: "https://agent.gamevault999.com/login", image: "https://images.unsplash.com/photo-1493711662062-fa541adb3fc8?w=400&h=200&fit=crop" },

            { id: 12, name: "GLAMOUR SLOTS", url: "https://acwwf.glamourspin.mobi/#/login?redirect=%2Findex", image: "https://images.unsplash.com/photo-1601933973783-43cf8a7d4c5f?w=400&h=200&fit=crop" },

            { id: 13, name: "HIGHSTAKES", url: "https://ht.highstakesweeps.com/login", image: "https://images.unsplash.com/photo-1596838132731-3301c3fd4317?w=400&h=200&fit=crop" },

            { id: 14, name: "LEGEND FIRE", url: "https://yadsz.legendfire.xyz/#/login", image: "https://images.unsplash.com/photo-1574279606130-09958dc756f8?w=400&h=200&fit=crop" },

            { id: 15, name: "LUCKY PARADISE", url: "https://agent.luckyparadise777.com/admin/login", image: "https://images.unsplash.com/photo-1563395576-15c0be7b5fb2?w=400&h=200&fit=crop" },

            { id: 16, name: "LUCKY STARS", url: "https://agent.luckystars.games/admin/login", image: "https://images.unsplash.com/photo-1482555670981-4de159d8553b?w=400&h=200&fit=crop" },

            { id: 17, name: "MEGASPIN", url: "https://megaspinpay.com/", image: "https://images.unsplash.com/photo-1518618012527-dc9300c5c8b3?w=400&h=200&fit=crop" },

            { id: 18, name: "MILKYWAY", url: "https://www.milkywayapp.xyz:8781/", image: "https://images.unsplash.com/photo-1446776653964-20c1d3a81b06?w=400&h=200&fit=crop" },

            { id: 19, name: "MR ALL IN ONE", url: "https://agentserver.mrallinone777.com/admin/login", image: "https://images.unsplash.com/photo-1511593358241-7eea1f3c84e5?w=400&h=200&fit=crop" },

            { id: 20, name: "NOBLE", url: "https://agentserver.noble777.com/admin/login", image: "https://images.unsplash.com/photo-1531265726475-52ad60219627?w=400&h=200&fit=crop" },

            { id: 21, name: "PANDAMASTER", url: "https://pandamaster.vip/", image: "https://images.unsplash.com/photo-1518611012118-696072aa579a?w=400&h=200&fit=crop" },

            { id: 22, name: "PARA CASINO", url: "https://agent.paracasino.net/#/pages/login/login", image: "https://images.unsplash.com/photo-1596838132731-3301c3fd4317?w=400&h=200&fit=crop" },

            { id: 23, name: "RIVERSWEEPS", url: "https://river-pay.com/office/login", image: "https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=400&h=200&fit=crop" },

            { id: 24, name: "SHARKS SECRET", url: "https://web.sharksecret777.com/#/login?redirect=%2Fdashboard", image: "https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=400&h=200&fit=crop" },

            { id: 25, name: "THUNDER7", url: "https://river-pay.com/office/login", image: "https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=400&h=200&fit=crop" },

            { id: 26, name: "ULTRA PANDA", url: "https://ht.ultrapanda.mobi/#/login?redirect=%2F", image: "https://images.unsplash.com/photo-1518611012118-696072aa579a?w=400&h=200&fit=crop" },

            { id: 27, name: "VEGAS-X", url: "https://cashier.vegas-x.org/", image: "https://images.unsplash.com/photo-1529258283598-8d6fe60b27f4?w=400&h=200&fit=crop" },

            { id: 28, name: "WINNERS CLUB", url: "http://agent.winnersclub777.com:8003/admin/login", image: "https://images.unsplash.com/photo-1531265726475-52ad60219627?w=400&h=200&fit=crop" },

            { id: 29, name: "WINSTAR777", url: "https://agent.winstar99999.com/admin/login", image: "https://images.unsplash.com/photo-1482555670981-4de159d8553b?w=400&h=200&fit=crop" }

        ];

        let editingGameId = null;

        let filteredGames = [...games];

        function renderGames(gamesToRender = games) {

            const gamesGrid = document.getElementById('gamesGrid');

            const sortedGames = [...gamesToRender].sort((a, b) => a.name.localeCompare(b.name));

            

            document.getElementById('gamesCount').textContent = `${sortedGames.length} systems`;

            gamesGrid.innerHTML = sortedGames.map(game => `

                <div class="game-card">

                    <div class="game-header">

                        <img src="${game.image || 'https://images.unsplash.com/photo-1511512578047-dfb367046420?w=400&h=200&fit=crop'}" 

                             alt="${game.name}" class="game-icon" 

                             onerror="this.src='https://images.unsplash.com/photo-1511512578047-dfb367046420?w=400&h=200&fit=crop'">

                        <div class="game-info">

                            <div class="game-name">${game.name}</div>

                            <div class="game-status">● Online</div>

                        </div>

                    </div>

                    <div class="game-actions">

                        <button class="action-btn action-login" onclick="loginToGame(${game.id})">

                            🚀 Login

                        </button>

                        <button class="action-btn action-orders" onclick="fulfillWixOrders(${game.id})">

                            📦 Orders

                        </button>

                        <button class="action-btn action-form" onclick="createOrderForGame(${game.id})">

                            📋 Form

                        </button>

                        <button class="action-btn action-edit" onclick="editGame(${game.id})">

                            ✏️ Edit

                        </button>

                    </div>

                </div>

            `).join('');

        }

        function searchGames() {

            const searchTerm = document.getElementById('searchInput').value.toLowerCase();

            filteredGames = games.filter(game => 

                game.name.toLowerCase().includes(searchTerm) || 

                game.url.toLowerCase().includes(searchTerm)

            );

            renderGames(filteredGames);

        }

        function loginToGame(id) {

            const game = games.find(g => g.id === id);

            if (game) {

                showStatus(`Opening ${game.name} backend...`, 'success');

                window.open(game.url, '_blank');

            }

        }

        function fulfillWixOrders(id) {

            const game = games.find(g => g.id === id);

            if (game) {

                showStatus(`Processing Wix orders for ${game.name}...`, 'success');

                setTimeout(() => {

                    showStatus(`Orders fulfilled for ${game.name}!`, 'success');

                }, 2000);

            }

        }

        function fulfillAllOrders() {

            showStatus('Processing all Wix orders...', 'success');

            setTimeout(() => {

                showStatus('All orders fulfilled successfully!', 'success');

            }, 3000);

        }

        function openBulkLogin() {

            showStatus('Opening all game backends...', 'success');

            games.forEach((game, index) => {

                setTimeout(() => {

                    window.open(game.url, '_blank');

                }, index * 500);

            });

        }

        function openStats() {

            showStatus('Analytics feature coming soon!', 'success');

        }

        function createOrderForGame(id) {

            const game = games.find(g => g.id === id);

            if (game) {

                populateGameSystemDropdown();

                document.getElementById('orderGameSystem').value = game.name.toUpperCase();

                document.getElementById('orderModal').style.display = 'block';

            }

        }

        function openAddModal() {

            editingGameId = null;

            document.getElementById('modalTitle').textContent = 'Add Game System';

            document.getElementById('gameForm').reset();

            document.getElementById('gameModal').style.display = 'block';

        }

        function editGame(id) {

            const game = games.find(g => g.id === id);

            if (!game) return;

            

            editingGameId = id;

            document.getElementById('modalTitle').textContent = 'Edit Game System';

            document.getElementById('gameName').value = game.name;

            document.getElementById('gameUrl').value = game.url;

            document.getElementById('gameImage').value = game.image || '';

            document.getElementById('gameModal').style.display = 'block';

        }

        function closeModal() {

            document.getElementById('gameModal').style.display = 'none';

            editingGameId = null;

        }

        function populateGameSystemDropdown() {

            const dropdown = document.getElementById('orderGameSystem');

            const sortedGames = [...games].sort((a, b) => a.name.localeCompare(b.name));

            

            dropdown.innerHTML = '<option value="">Select system...</option>' + 

                sortedGames.map(game => `<option value="${game.name.toUpperCase()}">${game.name.toUpperCase()}</option>`).join('');

        }

        function closeOrderModal() {

            document.getElementById('orderModal').style.display = 'none';

            document.getElementById('orderForm').reset();

        }

        function closeOrderResultModal() {

            document.getElementById('orderResultModal').style.display = 'none';

        }

        function generateOrderForm(gameSystem, userId, orderNumber, password) {

            return `━━━━━ •⚜️• ━━━━━

✅️ ORDER # ${orderNumber}

🎰: ${gameSystem}

✅️ UID: ${userId}

✅️ PASS: ${password}

━━━━━ •⚜️• ━━━━━

⚜️Your order has been filled and delivered! 

⚜️Now go to the "play" section and follow the link to the game system that you ordered!

━━━━━ •⚜️• ━━━━━

🔆𝖸𝗈𝗎𝗋𝖾 𝖺𝗅𝗅 𝗌𝖾𝗍!🔆 

▶️🄶🄾🄾🄳 🄻🅄🄲🄺◀️ 

🌈 ℍ𝕒𝕡𝕡𝕪 𝕤𝕡𝕚𝕟𝕟𝕚𝕟𝕘! 🍀`;

        }

        function copyOrderForm() {

            const orderContent = document.getElementById('orderFormContent').textContent;

            navigator.clipboard.writeText(orderContent).then(() => {

                showStatus('Order form copied to clipboard!', 'success');

                closeOrderResultModal();

            }).catch(err => {

                showStatus('Failed to copy to clipboard', 'error');

            });

        }

        function showStatus(message, type) {

            const statusEl = document.getElementById('statusMessage');

            statusEl.textContent = message;

            statusEl.className = `status-message status-${type}`;

            statusEl.style.display = 'block';

            

            setTimeout(() => {

                statusEl.style.display = 'none';

            }, 3000);

        }

        // Navigation Functions

        function showGames() {

            updateActiveNav(0);

            renderGames(filteredGames);

        }

        function showFavorites() {

            updateActiveNav(1);

            showStatus('Favorites feature coming soon!', 'success');

        }

        function showOrders() {

            updateActiveNav(2);

            populateGameSystemDropdown();

            document.getElementById('orderModal').style.display = 'block';

        }

        function showSettings() {

            updateActiveNav(3);

            showStatus('Settings feature coming soon!', 'success');

        }

        function updateActiveNav(index) {

            document.querySelectorAll('.nav-item').forEach((item, i) => {

                item.classList.toggle('active', i === index);

            });

        }

        // Event Listeners

        document.getElementById('searchInput').addEventListener('input', searchGames);

        document.getElementById('gameForm').addEventListener('submit', function(e) {

            e.preventDefault();

            

            const formData = new FormData(e.target);

            const gameData = {

                name: formData.get('gameName') || document.getElementById('gameName').value,

                url: formData.get('gameUrl') || document.getElementById('gameUrl').value,

                image: formData.get('gameImage') || document.getElementById('gameImage').value

            };

            if (editingGameId) {

                const gameIndex = games.findIndex(g => g.id === editingGameId);

                games[gameIndex] = { ...games[gameIndex], ...gameData };

                showStatus('Game system updated!', 'success');

            } else {

                const newGame = {

                    id: Math.max(...games.map(g => g.id), 0) + 1,

                    ...gameData

                };

                games.push(newGame);

                showStatus('Game system added!', 'success');

            }

            

            renderGames();

            closeModal();

        });

        document.getElementById('orderForm').addEventListener('submit', function(e) {

            e.preventDefault();

            

            const formData = new FormData(e.target);

            const gameSystem = formData.get('orderGameSystem') || document.getElementById('orderGameSystem').value;

            const userId = formData.get('orderUserId') || document.getElementById('orderUserId').value;

            const orderNumber = formData.get('orderNumber') || document.getElementById('orderNumber').value;

            const password = formData.get('orderPassword') || document.getElementById('orderPassword').value;

            

            const orderFormContent = generateOrderForm(gameSystem, userId, orderNumber, password);

            document.getElementById('orderFormContent').textContent = orderFormContent;

            

            closeOrderModal();

            document.getElementById('orderResultModal').style.display = 'block';

        });

        // Close modals when clicking outside

        window.addEventListener('click', function(e) {

            if (e.target === document.getElementById('gameModal')) {

                closeModal();

            }

            if (e.target === document.getElementById('orderModal')) {

                closeOrderModal();

            }

            if (e.target === document.getElementById('orderResultModal')) {

                closeOrderResultModal();