@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url("./media/MaterialIcons-Regular-5HNTTCIU.woff2") format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}@supports (font-variation-settings: normal){:root{--font-inter-features: "liga" 1, "calt" 1, "kern" 1, "zero" 1, "cv01" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv08" 1, "cv11" 1, "ss01" 1, "ss03" 1}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-optical-sizing:auto;font-feature-settings:var(--font-inter-features);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;src:local("IBM Plex Sans");font-display:swap}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;src:local("IBM Plex Sans Medium");font-display:swap}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;src:local("IBM Plex Sans SemiBold");font-display:swap}@font-face{font-family:Titillium Web;font-style:normal;font-weight:400;src:local("Titillium Web");font-display:swap}@font-face{font-family:Titillium Web;font-style:normal;font-weight:600;src:local("Titillium Web SemiBold");font-display:swap}@font-face{font-family:Titillium Web;font-style:normal;font-weight:700;src:local("Titillium Web Bold");font-display:swap}@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;src:local("Inconsolata");font-display:swap}@font-face{font-family:Inconsolata;font-style:normal;font-weight:700;src:local("Inconsolata Bold");font-display:swap}.ix-dark,body{--bg1: #171717;--bg2: #242424;--fg1: #aaa;--fg2: #ccc;--alt-bg1: rgba(122, 122, 122, .25);--alt-bg2: #6f6e6c;--alt-fg1: #c1c1c1;--alt-fg2: #e1e1e1;--primary: #0d5788;--accent: #f0cb00;--warn: #ff0013;--yellow: #f0cb00;--orange: #ee9302;--red: #ff0013;--magenta: #d238ff;--violet: #c17ecc;--blue: #0d5788;--cyan: #00d0d6;--green: #1f9642;--yellow-txt: #333;--orange-txt: #eee;--red-txt: #fff;--magenta-txt: #fff;--violet-txt: #fff;--blue-txt: #fff;--cyan-txt: #333;--green-txt: #fff;--primary-txt: #fff;--accent-txt: #333}.ix-dark html,body html,.ix-dark body,body body{font-family:var(--font-family-body);font-size:13px;font-weight:400;background-color:var(--bg1);color:var(--fg2)}.ix-dark h1,body h1,.ix-dark h2,body h2,.ix-dark h3,body h3,.ix-dark h4,body h4,.ix-dark h5,body h5,.ix-dark h6,body h6{font-family:var(--font-family-header);font-weight:600;margin-top:0}.ix-dark .mat-mdc-dialog-container,body .mat-mdc-dialog-container{--mdc-dialog-container-color: var(--bg2);--mdc-dialog-with-divider-divider-color: var(--lines);--mdc-dialog-subhead-color: var(--fg2);--mdc-dialog-supporting-text-color: var(--fg2)}.ix-dark .mat-mdc-dialog-container .mat-mdc-dialog-surface,body .mat-mdc-dialog-container .mat-mdc-dialog-surface{border-radius:4px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.ix-dark .mat-mdc-form-field,body .mat-mdc-form-field{width:100%}.ix-dark .mat-mdc-form-field .mat-mdc-form-field-infix,body .mat-mdc-form-field .mat-mdc-form-field-infix{width:auto}.ix-dark .mat-mdc-form-field .mat-mdc-text-field-wrapper,body .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:var(--bg2)}.ix-dark .mat-mdc-form-field .mat-mdc-form-field-label,body .mat-mdc-form-field .mat-mdc-form-field-label{color:var(--fg1)}.ix-dark .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label,body .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label{color:var(--primary)}.ix-dark .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-form-field-label,body .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-form-field-label{color:var(--warn)}.ix-dark .mat-mdc-input-element,body .mat-mdc-input-element{color:var(--fg2);caret-color:var(--primary)}.ix-dark .mat-mdc-button,body .mat-mdc-button,.ix-dark .mat-mdc-raised-button,body .mat-mdc-raised-button,.ix-dark .mat-mdc-stroked-button,body .mat-mdc-stroked-button,.ix-dark .mat-mdc-flat-button,body .mat-mdc-flat-button{font-family:var(--font-family-body);font-weight:500;border-radius:4px}.ix-dark .mat-mdc-raised-button.mat-primary,body .mat-mdc-raised-button.mat-primary{background-color:var(--primary);color:var(--primary-txt)}.ix-dark .mat-mdc-raised-button.mat-accent,body .mat-mdc-raised-button.mat-accent{background-color:var(--accent);color:var(--accent-txt)}.ix-dark .mat-mdc-raised-button.mat-warn,body .mat-mdc-raised-button.mat-warn{background-color:var(--warn);color:var(--red-txt)}.ix-dark .mat-mdc-checkbox .mdc-checkbox__background,body .mat-mdc-checkbox .mdc-checkbox__background{border-color:var(--fg1)}.ix-dark .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,body .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background{background-color:var(--primary);border-color:var(--primary)}.ix-dark .mat-mdc-card,body .mat-mdc-card{background-color:var(--bg2);color:var(--fg2)}.light-theme{--bg1: #ffffff;--bg2: #f8f8f8;--fg1: #333333;--fg2: #555555;--alt-bg1: rgba(0, 0, 0, .05);--alt-bg2: #e0e0e0;--alt-fg1: #666666;--alt-fg2: #333333;--lines: rgba(0, 0, 0, .25);--primary: #1976d2;--primary-txt: #ffffff;--yellow: #f57c00;--orange: #ff9800;--red: #d32f2f;--magenta: #9c27b0;--violet: #7b1fa2;--blue: #1976d2;--cyan: #0097a7;--green: #388e3c;--yellow-txt: #ffffff;--orange-txt: #ffffff;--red-txt: #ffffff;--magenta-txt: #ffffff;--violet-txt: #ffffff;--blue-txt: #ffffff;--cyan-txt: #ffffff;--green-txt: #ffffff;--accent-txt: #000000;--warn: var(--red);--accent: var(--yellow);--border-color: rgba(0, 0, 0, .25);--hover-bg: rgba(0, 0, 0, .08);background-color:#fff;color:var(--fg2)}.light-theme html,.light-theme body{font-family:var(--font-family-body);font-size:13px;font-weight:400;background-color:var(--bg1);color:var(--fg2)}.light-theme h1,.light-theme h2,.light-theme h3,.light-theme h4,.light-theme h5,.light-theme h6{font-family:var(--font-family-header);font-weight:600;margin-top:0}.light-theme .mat-mdc-dialog-container{--mdc-dialog-container-color: var(--bg2);--mdc-dialog-with-divider-divider-color: var(--lines);--mdc-dialog-subhead-color: var(--fg2);--mdc-dialog-supporting-text-color: var(--fg2)}.light-theme .mat-mdc-dialog-container .mat-mdc-dialog-surface{border-radius:4px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.light-theme .mat-mdc-form-field{width:100%}.light-theme .mat-mdc-form-field .mat-mdc-form-field-infix{width:auto}.light-theme .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:#fafafa;border-color:#00000040!important}.light-theme .mat-mdc-form-field .mat-mdc-form-field-label{color:var(--fg1)}.light-theme .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label{color:var(--primary)}.light-theme .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-form-field-label{color:var(--warn)}.light-theme .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#fafafa;border-color:#00000040!important}.light-theme .mat-mdc-form-field .mdc-line-ripple:before{border-bottom-color:#00000040!important}.light-theme .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .mdc-line-ripple:before{border-bottom-color:#00000040!important}.light-theme .mat-mdc-form-field .mdc-text-field--focused:not(.mdc-text-field--invalid) .mdc-line-ripple:after{border-bottom-color:var(--primary)!important}.light-theme .mat-mdc-input-element{color:var(--fg2);caret-color:var(--primary)}.light-theme .mat-mdc-button,.light-theme .mat-mdc-raised-button,.light-theme .mat-mdc-stroked-button,.light-theme .mat-mdc-flat-button{font-family:var(--font-family-body);font-weight:500;border-radius:4px;transition:all .2s ease}.light-theme .mat-mdc-button:hover,.light-theme .mat-mdc-raised-button:hover,.light-theme .mat-mdc-stroked-button:hover,.light-theme .mat-mdc-flat-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.light-theme .mat-mdc-button:focus,.light-theme .mat-mdc-raised-button:focus,.light-theme .mat-mdc-stroked-button:focus,.light-theme .mat-mdc-flat-button:focus{transform:translateY(-1px);box-shadow:0 1px 3px #00000040}.light-theme .mat-mdc-button:not(.mat-mdc-button-disabled){color:var(--fg2)!important;border:1px solid rgba(0,0,0,.3)!important;background-color:transparent!important}.light-theme .mat-mdc-button:not(.mat-mdc-button-disabled):hover{background-color:#00000014!important;border:1px solid rgba(0,0,0,.6)!important}.light-theme .mat-mdc-button:not(.mat-mdc-button-disabled):focus{background-color:#0000000d!important;border:1px solid rgba(0,0,0,.6)!important}.light-theme .mat-mdc-icon-button{transition:all .2s ease}.light-theme .mat-mdc-icon-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.light-theme .mat-mdc-icon-button:focus{transform:translateY(-1px);box-shadow:0 1px 3px #00000040}.light-theme .mat-mdc-icon-button:not(.mat-mdc-button-disabled){color:var(--fg2)!important}.light-theme .mat-mdc-icon-button:not(.mat-mdc-button-disabled):hover{background-color:#00000026!important;color:var(--primary, #1976d2)!important}.light-theme .mat-mdc-icon-button:not(.mat-mdc-button-disabled):focus{background-color:#0000001a!important;color:var(--primary, #1976d2)!important}.light-theme .mat-mdc-raised-button.mat-primary{background-color:var(--primary);color:var(--primary-txt)}.light-theme .mat-mdc-raised-button.mat-primary:hover{background-color:#1565c0;box-shadow:0 4px 8px #0006;transform:translateY(-1px)}.light-theme .mat-mdc-raised-button.mat-primary:focus{background-color:#1565c0;box-shadow:0 2px 4px #0000004d;transform:translateY(-1px)}.light-theme .mat-mdc-raised-button.mat-accent{background-color:var(--accent);color:var(--accent-txt)}.light-theme .mat-mdc-raised-button.mat-accent:hover{background-color:#ef6c00;box-shadow:0 4px 8px #0006;transform:translateY(-1px)}.light-theme .mat-mdc-raised-button.mat-accent:focus{background-color:#ef6c00;box-shadow:0 2px 4px #0000004d;transform:translateY(-1px)}.light-theme .mat-mdc-raised-button.mat-warn{background-color:var(--warn);color:var(--red-txt)}.light-theme .mat-mdc-raised-button.mat-warn:hover{background-color:#c62828;box-shadow:0 4px 8px #0006;transform:translateY(-1px)}.light-theme .mat-mdc-raised-button.mat-warn:focus{background-color:#c62828;box-shadow:0 2px 4px #0000004d;transform:translateY(-1px)}.light-theme .mat-mdc-checkbox .mdc-checkbox__background{border-color:var(--fg1)}.light-theme .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background{background-color:var(--primary);border-color:var(--primary)}.light-theme .mat-mdc-card{background-color:#fafafa;color:var(--fg2)}.light-theme .mat-mdc-menu-panel{background-color:#fff!important}.light-theme .mat-mdc-menu-item{color:var(--fg2)!important}.light-theme .mat-mdc-menu-item:hover{background-color:var(--hover-bg)!important}.light-theme ::-webkit-scrollbar{width:8px;height:8px}.light-theme ::-webkit-scrollbar-track{background:#f1f1f1}.light-theme ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.light-theme ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.light-theme .login-container,.light-theme .username-entry-container{background-color:var(--bg1)!important}.light-theme .login-container .login-card,.light-theme .login-container .username-entry-card,.light-theme .username-entry-container .login-card,.light-theme .username-entry-container .username-entry-card{background-color:var(--bg2)!important;color:var(--fg2)!important}.light-theme .login-container .login-card .mat-mdc-card-header .mat-mdc-card-title,.light-theme .login-container .login-card .mat-mdc-card-header .mat-mdc-card-subtitle,.light-theme .login-container .username-entry-card .mat-mdc-card-header .mat-mdc-card-title,.light-theme .login-container .username-entry-card .mat-mdc-card-header .mat-mdc-card-subtitle,.light-theme .username-entry-container .login-card .mat-mdc-card-header .mat-mdc-card-title,.light-theme .username-entry-container .login-card .mat-mdc-card-header .mat-mdc-card-subtitle,.light-theme .username-entry-container .username-entry-card .mat-mdc-card-header .mat-mdc-card-title,.light-theme .username-entry-container .username-entry-card .mat-mdc-card-header .mat-mdc-card-subtitle,.light-theme .login-container .login-card .mat-mdc-card-content,.light-theme .login-container .username-entry-card .mat-mdc-card-content,.light-theme .username-entry-container .login-card .mat-mdc-card-content,.light-theme .username-entry-container .username-entry-card .mat-mdc-card-content{color:var(--fg2)!important}.light-theme .login-container .footer,.light-theme .username-entry-container .footer,.light-theme .custom-input-field .custom-label{color:var(--fg1)!important}.light-theme .custom-input-field .custom-label.focused{color:var(--primary)!important}.light-theme .custom-input-field .custom-input{color:var(--fg2)!important;background-color:var(--bg1)!important;border-color:var(--lines)!important}.light-theme .custom-input-field .custom-input:focus{border-color:var(--primary)!important}.light-theme .custom-input-field .custom-icon,.light-theme .custom-input-field .custom-icon-button{color:var(--fg1)!important}.light-theme .custom-input-field .custom-icon-button:hover{background-color:var(--hover-bg)!important}.light-theme .service-disabled-banner{background-color:var(--alt-bg1)!important;border-color:var(--warn)!important}.light-theme .service-disabled-banner .banner-content h3,.light-theme .service-disabled-banner .banner-content p,.light-theme .service-disabled-banner .banner-content .error-details{color:var(--fg2)!important}.light-theme .service-disabled-banner mat-icon{color:var(--warn)!important}.light-theme .error-message{background-color:#d32f2f1a!important;color:var(--red)!important}.light-theme .error-message mat-icon{color:var(--red)!important}.light-theme .password-disabled-message{background-color:#1976d21a!important;color:var(--blue)!important}.light-theme .password-disabled-message mat-icon{color:var(--blue)!important}.light-theme .otp-section .otp-header h3,.light-theme .otp-section .otp-header p{color:var(--fg2)!important}.light-theme .otp-section .back-button{color:var(--fg1)!important;border:1px solid var(--lines)!important}.light-theme .otp-section .back-button:hover{background-color:var(--hover-bg)!important;border-color:var(--fg1)!important}.light-theme .divider span{color:var(--fg1)!important;background-color:var(--bg2)!important}.light-theme .divider:before{border-top-color:var(--lines)!important}.light-theme .mat-mdc-progress-bar .mdc-linear-progress__buffer{background-color:#1976d233!important}.light-theme .mat-mdc-progress-bar .mdc-linear-progress__bar-inner{border-color:var(--primary)!important}:root{--font-family-header: "Inter", system-ui, -apple-system, sans-serif;--font-family-body: "Inter", system-ui, -apple-system, sans-serif;--font-family-monospace: "Source Code Pro", "Droid Sans Mono", "Courier New", Courier, monospace;--font-family-body2: "Inter", system-ui, -apple-system, sans-serif;--truenas-blue: #0095d5;--truenas-blue-alt: #0067ba;--truenas-yellow: #f0cb00;--truenas-yellow-alt: #e0bb00;--primary: var(--truenas-blue);--primary-darker: #0076a8;--lines: rgba(200, 200, 200, .1);--hover-bg: rgba(200, 200, 200, .05);--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 8px;--shadow-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--shadow-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--transition-speed: .2s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}.flex-container{display:flex}.flex-column{flex-direction:column}.flex-grow{flex:1}.clickable{cursor:pointer}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.error-message{display:flex;align-items:center;background-color:#ff00001a;color:#ff3d3d;border-radius:4px;padding:12px;margin-bottom:16px}.error-message mat-icon{margin-right:8px}html,body{height:100%;margin:0}body{font-family:var(--font-family-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-ligatures:normal;font-feature-settings:"liga" 1,"calt" 1,"kern" 1}h1,h2,h3,h4,h5,h6,.mat-dialog-title,.mat-toolbar,.title{font-family:var(--font-family-header);font-weight:600;letter-spacing:-.02em;font-feature-settings:"liga" 1,"calt" 1,"kern" 1,"ss01" 1}.mat-mdc-raised-button.mat-primary{position:relative;overflow:hidden;transition:all .2s ease!important}.mat-mdc-raised-button.mat-primary:hover:not([disabled]){background-color:#1976d2!important;box-shadow:0 3px 6px #1976d24d!important;filter:brightness(110%)!important}.mat-mdc-raised-button.mat-primary:active:not([disabled]){filter:brightness(90%)!important}.mat-mdc-raised-button.mat-primary[disabled]{background-color:#9e9e9e4d!important;color:#ffffff80!important;opacity:.7!important}.login-button:hover:not([disabled]){background-color:#1976d2!important;box-shadow:0 3px 6px #1976d24d!important;transform:translateY(-1px)!important;transition:all .2s ease!important;cursor:pointer!important}