html{box-sizing:border-box;font-family:Roboto,Segoe UI,Helvetica Neue,Arial,Noto Sans,"sans-serif","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}ul{margin:0;padding:0}a{cursor:pointer;text-decoration:none}button,input[type=submit],input[type=reset],select{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.page-style{display:flex;justify-content:center;align-items:center;height:calc(100vh - 70px);overflow:scroll}.page-style--no-align{display:flex;justify-content:center;height:calc(100vh - 70px);overflow:scroll}.primary-button-wrapper{width:100%}.btn{cursor:pointer}.btn.btn-card{width:100%;padding:12px 30px;border-radius:10px;font-size:16px;font-weight:500;border:1px solid}.btn.btn-nav{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border:1px solid;border-radius:999px;white-space:nowrap}.btn.btn-nav-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border)}.btn.btn-nav-primary:hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text);border-color:var(--btn-primary-hover-border)}.btn.btn-nav-primary:active{background-color:var(--btn-primary-active-bg);color:var(--btn-primary-active-text);border-color:var(--btn-primary-active-border)}.btn.btn-nav-secondary{background-color:var(--btn-glass-bg);color:var(--btn-glass-text);border-color:var(--btn-glass-border)}.btn.btn-nav-secondary:hover{background-color:var(--btn-glass-hover-bg);color:var(--btn-glass-hover-text);border-color:var(--btn-glass-hover-border)}.btn.btn-nav-secondary:active{background-color:var(--btn-glass-active-bg);color:var(--btn-glass-active-text);border-color:var(--btn-glass-active-border)}.btn.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border);box-shadow:var(--btn-primary-box-shadow)}.btn.btn-primary:hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text);border-color:var(--btn-primary-hover-border)}.btn.btn-primary:active{background-color:var(--btn-primary-active-bg);color:var(--btn-primary-active-text);border-color:var(--btn-primary-active-border)}.btn.btn-primary:disabled{background-color:var(--btn-primary-disabled-bg);color:var(--btn-primary-disabled-text);border-color:var(--btn-primary-disabled-border)}.btn.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn.btn-secondary:hover{background-color:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text);border-color:var(--btn-secondary-hover-border)}.btn.btn-secondary:active{background-color:var(--btn-secondary-active-bg);color:var(--btn-secondary-active-text);border-color:var(--btn-secondary-active-border)}.btn.btn-secondary:disabled{background-color:var(--btn-secondary-disabled-bg);color:var(--btn-secondary-disabled-text);border-color:var(--btn-secondary-disabled-border)}.btn.btn-outline{background-color:var(--btn-outline-bg);color:var(--btn-outline-text);border-color:var(--btn-outline-border);box-shadow:var(--btn-outline-box-shadow)}.btn.btn-outline:hover{background-color:var(--btn-outline-hover-bg);color:var(--btn-outline-hover-text);border-color:var(--btn-outline-hover-border)}.btn.btn-outline:active{background-color:var(--btn-outline-active-bg);color:var(--btn-outline-active-text);border-color:var(--btn-outline-active-border)}.btn.btn-outline:disabled{background-color:var(--btn-outline-disabled-bg);color:var(--btn-outline-disabled-text);border-color:var(--btn-outline-disabled-border)}.btn.btn-ghost{background-color:var(--btn-ghost-bg);color:var(--btn-ghost-text);border-color:var(--btn-ghost-border);box-shadow:var(--btn-ghost-box-shadow)}.btn.btn-ghost:hover{background-color:var(--btn-ghost-hover-bg);color:var(--btn-ghost-hover-text);border-color:var(--btn-ghost-hover-border)}.btn.btn-ghost:active{background-color:var(--btn-ghost-active-bg);color:var(--btn-ghost-active-text);border-color:var(--btn-ghost-active-border)}.btn.btn-ghost:disabled{background-color:var(--btn-ghost-disabled-bg);color:var(--btn-ghost-disabled-text);border-color:var(--btn-ghost-disabled-border)}.loader{position:absolute;bottom:-10px;left:0;width:100%;height:4.8px;border-radius:20px;display:inline-block;background:#d4d4d426;overflow:hidden}.loader:after{content:"";width:50%;height:4.8px;border-radius:20px;background:#9068ff;position:absolute;top:0;left:0;box-sizing:border-box;animation:animloader 2s linear infinite}@keyframes animloader{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}.auth-component{display:flex;background-color:#fff;border-radius:10px;overflow:hidden;max-width:850px;width:100%;background:var(--card-bg);color:var(--card-text);box-shadow:var(--card-box-shadow)}.auth-component__message{background:linear-gradient(135deg,#2e0cb4,#48345e);color:#fff;flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;text-align:center}.auth-component__message h1{font-size:32px;margin-bottom:10px}.auth-component__message p{font-size:16px}.auth-component__form-container{flex:1;padding:40px;display:flex;align-items:center;justify-content:center;background:var(--card-bg)}.auth-component__form{width:100%;max-width:300px}.auth-component__form h2{margin-bottom:20px;font-size:24px;font-weight:600;text-align:center}.auth-component__form label{font-size:14px;margin-left:5px;font-weight:500}.auth-component__links{text-align:right;margin:3px 0}.auth-component__links a{color:#5b0fff;text-decoration:none;font-size:14px}.auth-component__links a:hover{text-decoration:underline}.auth-component__options{text-align:center;margin-top:20px;font-size:14px}.auth-component__options a{color:#5b0fff;text-decoration:none}.auth-component__options a:hover{text-decoration:underline}@media (max-width: 768px){.auth-component{flex-direction:column}.auth-component__message,.auth-component__form-container{width:100%}.auth-component__message{padding:30px}.auth-component__form-container{padding:30px 20px}}.text-input-wrapper{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:5px;width:100%;margin:0 0 20px;background:var(--card-bg);color:var(--card-text)}.text-input{width:100%;padding:12px 15px;border:1px solid var(--input-border);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--input-text)}.text-input:focus{border:1px solid #5b0fff;outline:none;transition:border-color .3s ease}.text-input-icon{position:absolute;right:10px;height:100%}.text-input.ng-pristine{border:1px solid var(--input-border)}.text-input.ng-invalid.ng-touched{border:1px solid #f44336}.input-error{position:absolute;bottom:-15px;color:#f44336;font-size:10px;font-weight:500}.page__auth{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:calc(100vh - 60px);background:var(--global-bg)}:root{--headline-size: 24px;--sub-headline-size: 16px;--paragraph-size: 14px;--global-bg: #f5f5f5;--global-text: #333333;--global-link: #36049e;--global-link-hover: #5c34c4;--global-link-active: #2a037a;--global-border: #ced4da;--global-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--global-divider: #e0e0e0;--navbar-bg: #f5f5f5;--navbar-text: #333333;--navbar-link: #333333;--navbar-link-hover: #5951e6;--navbar-link-active: #5951e6;--navbar-link-bg: #e1e8ff;--navbar-border: #e1e8ff;--navbar-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--btn-primary-bg: #36049e;--btn-primary-text: #ffffff;--btn-primary-border: #36049e;--btn-primary-hover-bg: #5c34c4;--btn-primary-hover-text: #ffffff;--btn-primary-hover-border: #5c34c4;--btn-primary-active-bg: #2a037a;--btn-primary-active-text: #ffffff;--btn-primary-active-border: #2a037a;--btn-primary-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);--btn-primary-disabled-bg: #d4d4d4;--btn-primary-disabled-text: #6c757d;--btn-primary-disabled-border: #d4d4d4;--btn-secondary-bg: #6c757d;--btn-secondary-text: #ffffff;--btn-secondary-border: #6c757d;--btn-secondary-hover-bg: #5a6268;--btn-secondary-hover-text: #ffffff;--btn-secondary-hover-border: #5a6268;--btn-secondary-active-bg: #4b5156;--btn-secondary-active-text: #ffffff;--btn-secondary-active-border: #4b5156;--btn-secondary-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);--btn-secondary-disabled-bg: #d4d4d4;--btn-secondary-disabled-text: #6c757d;--btn-secondary-disabled-border: #d4d4d4;--btn-danger-bg: #dc3545;--btn-danger-text: #ffffff;--btn-danger-border: #dc3545;--btn-danger-hover-bg: #c82333;--btn-danger-hover-text: #ffffff;--btn-danger-hover-border: #c82333;--btn-danger-active-bg: #bd2130;--btn-danger-active-text: #ffffff;--btn-danger-active-border: #bd2130;--btn-danger-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);--btn-danger-disabled-bg: #d4d4d4;--btn-danger-disabled-text: #6c757d;--btn-danger-disabled-border: #d4d4d4;--btn-success-bg: #28a745;--btn-success-text: #ffffff;--btn-success-border: #28a745;--btn-success-hover-bg: #218838;--btn-success-hover-text: #ffffff;--btn-success-hover-border: #218838;--btn-success-active-bg: #1e7e34;--btn-success-active-text: #ffffff;--btn-success-active-border: #1e7e34;--btn-success-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);--btn-success-disabled-bg: #d4d4d4;--btn-success-disabled-text: #6c757d;--btn-success-disabled-border: #d4d4d4;--btn-warning-bg: #ffc107;--btn-warning-text: #212529;--btn-warning-border: #ffc107;--btn-warning-hover-bg: #e0a800;--btn-warning-hover-text: #212529;--btn-warning-hover-border: #e0a800;--btn-warning-active-bg: #d39e00;--btn-warning-active-text: #212529;--btn-warning-active-border: #d39e00;--btn-warning-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);--btn-warning-disabled-bg: #d4d4d4;--btn-warning-disabled-text: #6c757d;--btn-warning-disabled-border: #d4d4d4;--btn-info-bg: #17a2b8;--btn-info-text: #ffffff;--btn-info-border: #17a2b8;--btn-info-hover-bg: #138496;--btn-info-hover-text: #ffffff;--btn-info-hover-border: #138496;--btn-info-active-bg: #117a8b;--btn-info-active-text: #ffffff;--btn-info-active-border: #117a8b;--btn-info-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);--btn-info-disabled-bg: #d4d4d4;--btn-info-disabled-text: #6c757d;--btn-info-disabled-border: #d4d4d4;--btn-outline-bg: transparent;--btn-outline-text: #36049e;--btn-outline-border: #36049e;--btn-outline-hover-bg: #f5f5f5;--btn-outline-hover-text: #5c34c4;--btn-outline-hover-border: #5c34c4;--btn-outline-active-bg: #e9ecef;--btn-outline-active-text: #2a037a;--btn-outline-active-border: #2a037a;--btn-outline-box-shadow: none;--btn-outline-disabled-bg: transparent;--btn-outline-disabled-text: #6c757d;--btn-outline-disabled-border: #d4d4d4;--btn-ghost-bg: transparent;--btn-ghost-text: #36049e;--btn-ghost-border: transparent;--btn-ghost-hover-bg: #e9ecef;--btn-ghost-hover-text: #5c34c4;--btn-ghost-hover-border: transparent;--btn-ghost-active-bg: #d4d4d4;--btn-ghost-active-text: #2a037a;--btn-ghost-active-border: transparent;--btn-ghost-box-shadow: none;--btn-ghost-disabled-bg: transparent;--btn-ghost-disabled-text: #6c757d;--btn-ghost-disabled-border: transparent;--btn-glass-bg: #ffffff;--btn-glass-text: #333333;--btn-glass-border: #c0c0c0;--btn-glass-hover-bg: #e9ecef;--btn-glass-hover-text: #333333;--btn-glass-hover-border: #e9ecef;--btn-glass-active-bg: #dde3e8;--btn-glass-active-text: #333333;--btn-glass-active-border: #dde3e8;--btn-glass-box-shadow: none;--btn-glass-disabled-bg: transparent;--btn-glass-disabled-text: #6c757d;--btn-glass-disabled-border: transparent;--text-color: #333333;--text-secondary: #666666;--text-muted: #6c757d;--icon-color: #333333;--icon-hover-color: #5c34c4;--icon-active-color: #2a037a;--label-bg: #e9ecef;--label-text: #6c757d;--label-border: #ced4da;--input-bg: #ffffff;--input-text: #495057;--input-border: #ced4da;--input-focus-border: #5c34c4;--input-focus-box-shadow: 0 0 0 3px rgba(54, 4, 158, .2);--input-placeholder-text: #6c757d;--input-disabled-bg: #e9ecef;--input-disabled-text: #6c757d;--input-disabled-border: #ced4da;--option-bg: #ffffff;--option-text: #495057;--option-border: #ced4da;--option-hover-bg: #e9ecef;--option-active-bg: #d4d4d4;--option-disabled-bg: #e9ecef;--option-disabled-text: #6c757d;--toast-bg: #ffffff;--toast-text: #333333;--toast-border: #ced4da;--toast-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);--alert-success-bg: #d4edda;--alert-success-text: #155724;--alert-success-border: #c3e6cb;--alert-danger-bg: #f8d7da;--alert-danger-text: #721c24;--alert-danger-border: #f5c6cb;--alert-warning-bg: #fff3cd;--alert-warning-text: #856404;--alert-warning-border: #ffeeba;--alert-info-bg: #d1ecf1;--alert-info-text: #0c5460;--alert-info-border: #bee5eb;--card-bg: #ffffff;--card-text: #333333;--card-border: #ced4da;--card-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--modal-bg: #ffffff;--modal-text: #333333;--modal-border: #ced4da;--modal-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);--tooltip-bg: #333333;--tooltip-text: #ffffff;--tooltip-border: #333333;--focus-ring: 0 0 0 3px rgba(54, 4, 158, .2);--disabled-bg: #e9ecef;--disabled-text: #6c757d}.dark{--global-bg: #121212;--global-text: #e0e0e0;--global-link: #5c34c4;--global-link-hover: #7b55d6;--global-link-active: #36049e;--global-border: #444444;--global-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--global-divider: #444444;--navbar-bg: #121212;--navbar-text: #e0e0e0;--navbar-link: #e0e0e0;--navbar-link-hover: #e0e0e0;--navbar-link-active: #e0e0e0;--navbar-link-bg: #121212;--navbar-border: #444444;--navbar-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--btn-primary-bg: #5c34c4;--btn-primary-text: #ffffff;--btn-primary-border: #5c34c4;--btn-primary-hover-bg: #7b55d6;--btn-primary-hover-text: #ffffff;--btn-primary-hover-border: #7b55d6;--btn-primary-active-bg: #36049e;--btn-primary-active-text: #ffffff;--btn-primary-active-border: #36049e;--btn-primary-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--btn-primary-disabled-bg: #555555;--btn-primary-disabled-text: #999999;--btn-primary-disabled-border: #555555;--btn-secondary-bg: #6c757d;--btn-secondary-text: #ffffff;--btn-secondary-border: #6c757d;--btn-secondary-hover-bg: #5a6268;--btn-secondary-hover-text: #ffffff;--btn-secondary-hover-border: #5a6268;--btn-secondary-active-bg: #4b5156;--btn-secondary-active-text: #ffffff;--btn-secondary-active-border: #4b5156;--btn-secondary-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--btn-secondary-disabled-bg: #555555;--btn-secondary-disabled-text: #999999;--btn-secondary-disabled-border: #555555;--btn-danger-bg: #dc3545;--btn-danger-text: #ffffff;--btn-danger-border: #dc3545;--btn-danger-hover-bg: #c82333;--btn-danger-hover-text: #ffffff;--btn-danger-hover-border: #c82333;--btn-danger-active-bg: #bd2130;--btn-danger-active-text: #ffffff;--btn-danger-active-border: #bd2130;--btn-danger-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--btn-danger-disabled-bg: #555555;--btn-danger-disabled-text: #999999;--btn-danger-disabled-border: #555555;--btn-success-bg: #28a745;--btn-success-text: #ffffff;--btn-success-border: #28a745;--btn-success-hover-bg: #218838;--btn-success-hover-text: #ffffff;--btn-success-hover-border: #218838;--btn-success-active-bg: #1e7e34;--btn-success-active-text: #ffffff;--btn-success-active-border: #1e7e34;--btn-success-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--btn-success-disabled-bg: #555555;--btn-success-disabled-text: #999999;--btn-success-disabled-border: #555555;--btn-warning-bg: #ffc107;--btn-warning-text: #212529;--btn-warning-border: #ffc107;--btn-warning-hover-bg: #e0a800;--btn-warning-hover-text: #212529;--btn-warning-hover-border: #e0a800;--btn-warning-active-bg: #d39e00;--btn-warning-active-text: #212529;--btn-warning-active-border: #d39e00;--btn-warning-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--btn-warning-disabled-bg: #555555;--btn-warning-disabled-text: #999999;--btn-warning-disabled-border: #555555;--btn-info-bg: #17a2b8;--btn-info-text: #ffffff;--btn-info-border: #17a2b8;--btn-info-hover-bg: #138496;--btn-info-hover-text: #ffffff;--btn-info-hover-border: #138496;--btn-info-active-bg: #117a8b;--btn-info-active-text: #ffffff;--btn-info-active-border: #117a8b;--btn-info-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);--btn-info-disabled-bg: #555555;--btn-info-disabled-text: #999999;--btn-info-disabled-border: #555555;--btn-outline-bg: transparent;--btn-outline-text: #5c34c4;--btn-outline-border: #5c34c4;--btn-outline-hover-bg: #2a2a2a;--btn-outline-hover-text: #7b55d6;--btn-outline-hover-border: #7b55d6;--btn-outline-active-bg: #3a3a3a;--btn-outline-active-text: #36049e;--btn-outline-active-border: #36049e;--btn-outline-box-shadow: none;--btn-outline-disabled-bg: transparent;--btn-outline-disabled-text: #999999;--btn-outline-disabled-border: #555555;--btn-ghost-bg: transparent;--btn-ghost-text: #5c34c4;--btn-ghost-border: transparent;--btn-ghost-hover-bg: #2a2a2a;--btn-ghost-hover-text: #7b55d6;--btn-ghost-hover-border: transparent;--btn-ghost-active-bg: #3a3a3a;--btn-ghost-active-text: #36049e;--btn-ghost-active-border: transparent;--btn-ghost-box-shadow: none;--btn-ghost-disabled-bg: transparent;--btn-ghost-disabled-text: #999999;--btn-ghost-disabled-border: transparent;--btn-glass-bg: #1a1a1a;--btn-glass-text: #e0e0e0;--btn-glass-border: #444444;--btn-glass-hover-bg: #272727;--btn-glass-hover-text: #e0e0e0;--btn-glass-hover-border: #272727;--btn-glass-active-bg: #2f2f2f;--btn-glass-active-text: #e0e0e0;--btn-glass-active-border: #2f2f2f;--btn-glass-box-shadow: none;--btn-glass-disabled-bg: transparent;--btn-glass-disabled-text: #6c757d;--btn-glass-disabled-border: transparent;--text-color: #e0e0e0;--text-secondary: #b3b3b3;--text-muted: #999999;--icon-color: #e0e0e0;--icon-hover-color: #7b55d6;--icon-active-color: #36049e;--label-bg: #333333;--label-text: #cccccc;--label-border: #444444;--input-bg: #333333;--input-text: #e0e0e0;--input-border: #666666;--input-focus-border: #7b55d6;--input-focus-box-shadow: 0 0 0 3px rgba(92, 52, 196, .3);--input-placeholder-text: #999999;--input-disabled-bg: #444444;--input-disabled-text: #999999;--input-disabled-border: #666666;--option-bg: #333333;--option-text: #e0e0e0;--option-border: #666666;--option-hover-bg: #444444;--option-active-bg: #555555;--option-disabled-bg: #444444;--option-disabled-text: #999999;--toast-bg: #333333;--toast-text: #e0e0e0;--toast-border: #444444;--toast-box-shadow: 0 4px 8px rgba(0, 0, 0, .4);--alert-success-bg: #28a745;--alert-success-text: #e0e0e0;--alert-success-border: #3db75a;--alert-danger-bg: #dc3545;--alert-danger-text: #e0e0e0;--alert-danger-border: #e57373;--alert-warning-bg: #ffc107;--alert-warning-text: #e0e0e0;--alert-warning-border: #ffca2c;--alert-info-bg: #17a2b8;--alert-info-text: #e0e0e0;--alert-info-border: #2bc4de;--card-bg: #1e1e1e;--card-text: #e0e0e0;--card-border: #444444;--card-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);--modal-bg: #1e1e1e;--modal-text: #e0e0e0;--modal-border: #444444;--modal-box-shadow: 0 4px 16px rgba(0, 0, 0, .5);--tooltip-bg: #e0e0e0;--tooltip-text: #333333;--tooltip-border: #e0e0e0;--focus-ring: 0 0 0 3px rgba(92, 52, 196, .3);--disabled-bg: #444444;--disabled-text: #999999}body{background-color:var(--global-bg);color:var(--global-text)}