.form-host{display:flex;justify-content:center;align-items:center}form.legacy{width:90%;max-height:90%;margin:3rem auto;padding:2rem;background:linear-gradient(to right,#001124,#003a7c);border-left:solid 2px #003775;border-bottom:solid 3px #003775;border-radius:8px;box-shadow:0 0 16px 1px #00000080}form.legacy.auth{max-width:40rem;max-height:90%}form.legacy .mt0{margin-top:0rem}form.legacy .mb1{margin-bottom:1rem}.control,fieldset{margin:.5rem 0}.control.no-margin{margin-bottom:0}.control label{display:block;font-size:.8rem;margin-bottom:.2rem;color:#f5f5f5;text-transform:uppercase;font-weight:700}.control input,.control select{display:block;width:100%;max-width:15rem;padding:.5rem;font-size:1rem;border-radius:4px;border:1px solid black;background-color:#f5f5f5;color:#142020;font-weight:700}.control select option{font-weight:700}.control input:disabled,.control select:disabled{cursor:no-drop;background-color:#012d5f;color:#ddd;border-color:#000}.control:has(input[type=checkbox]){display:flex;align-items:center}.control:has(input[type=checkbox]) label{margin:0}.control input[type=checkbox]{display:inline-block;width:auto;max-width:none;margin-right:.5rem;border-radius:0;border:none;background-color:transparent;color:#d9e2f1}.control-error{display:flex;flex-wrap:wrap;gap:.5rem;color:#ffca99;height:.5rem;padding:.25rem 0 0;height:1.5rem;margin-bottom:1rem}.control-error p{margin:0}.control-row{margin:.2rem 0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.8rem}.control-row.oposite{justify-content:space-between;align-items:center}.control-row .control{flex:0 1 calc(33.333% - .8rem)}hr{margin:1.5rem 0;border:1px solid #003775}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.button{padding:.5rem 1rem;font-size:1rem;border-radius:6px;border:solid 2px #004285;background-color:#013468;color:#eaebec;font-weight:700;cursor:pointer}.button:disabled,.button:disabled:hover,.button:disabled:focus{border:solid 2px #526a83;background-color:#384f66;color:#7e8899;cursor:no-drop}.button:hover,.button:focus{background-color:#0069d3}.button-flat{background-color:transparent;color:#9cbaba}.button-flat:hover,.button-flat:focus{background-color:transparent;color:#869999}form.legacy [formgroupname].ng-invalid.ng-touched.ng-dirty label,form.legacy .control:has(.ng-invalid.ng-touched.ng-dirty) label{color:#f98b75}form.legacy [formgroupname].ng-invalid.ng-touched.ng-dirty input,form.legacy input.ng-invalid.ng-touched.ng-dirty{background-color:#fbdcd6;border-color:#f84e2c}form.mini{width:auto;padding-top:1rem;padding-bottom:1rem;margin:0}.btn-container{display:flex;justify-content:flex-end}.invalid{font-size:30px}div.error{font-size:small;color:#fd4848}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5;background-color:#000}.close-button-container{display:flex;justify-content:flex-end}.close-button{position:fixed;border:none;cursor:pointer;margin-right:1rem;margin-top:1rem;background:transparent;color:transparent;text-shadow:0 0 0 white;font-size:1.5rem}.close-button:hover{text-shadow:0 0 0 red;transform:scale(1.1)}:root{--gray: #999;--blue: #0074d9;--color: #333;--background-color: #fff;--border: 1px solid #eee}.picker{background-color:#00000080;color:#333;color:var(--color);direction:ltr;display:none;font-size:1rem;line-height:1.5;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-transition:opacity .15s;transition:opacity .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker-fixed{inset:0;position:fixed;z-index:1986}.picker-fixed>.picker-dialog{bottom:-100%;left:0;max-height:100%;position:absolute;right:0;-webkit-transition:bottom .3s;transition:bottom .3s}.picker-fixed .picker-header{display:block}.picker-fixed .picker-footer{display:table}.picker-open{display:block;opacity:0}.picker-opened{opacity:1}.picker-opened>.picker-dialog{bottom:0}.picker-dialog{background-color:#fff;background-color:var(--background-color);border:1px solid #eee;border:var(--border)}.picker-header{border-bottom:1px solid #eee;border-bottom:var(--border);display:none;padding:.875rem 1.25rem;position:relative}.picker-title{font-size:1.125rem;font-weight:500;line-height:1.25rem;margin:0}.picker-close{background-color:transparent;border-width:0;color:#999;color:var(--gray);cursor:pointer;font-size:1.75rem;height:3rem;opacity:.75;padding:0;position:absolute;right:0;top:0;width:3rem}.picker-close:focus,.picker-close:hover{opacity:1;outline:none}.picker-body{overflow:hidden}.picker-grid{display:table;table-layout:fixed;width:100%}.picker-cell{display:table-cell;position:relative}.picker-cell:before,.picker-cell:after{content:"";display:block;left:0;position:absolute;right:0;z-index:3}.picker-cell:before{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));background-image:linear-gradient(to top,#0000,#0000000d);bottom:50%;margin-bottom:1rem;top:0}.picker-cell:after{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));background-image:linear-gradient(to bottom,#0000,#0000000d);bottom:0;margin-top:1rem;top:50%}.picker-cell+.picker-cell{border-left:1px solid #eee;border-left:var(--border)}.picker-headers .picker-cell:before{margin-bottom:0}.picker-headers .picker-cell:after{margin-top:2rem}.picker-single:not(.picker-controls):not(.picker-headers) .picker-cell:before,.picker-single:not(.picker-controls):not(.picker-headers) .picker-cell:after{display:none}.picker-cell__header{color:#999;color:var(--gray);font-size:.875rem;font-weight:500;line-height:1.5rem;margin:0;overflow:hidden;padding:.25rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.picker-cell__control{cursor:pointer;height:2rem;padding:.25rem .5rem;position:relative;z-index:4}.picker-cell__control:before{border:0 solid #ccc;content:"";display:block;height:.5rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:.5rem}.picker-cell__control:hover:before{border-color:var(--primary)}.picker-cell__control--prev:before{border-right-width:1px;border-top-width:1px;margin-top:2px}.picker-cell__control--next:before{border-bottom-width:1px;border-left-width:1px;margin-bottom:2px}.picker-cell__body{overflow:hidden;position:relative}.picker-cell__body:before,.picker-cell__body:after{content:"";height:2rem;left:0;position:absolute;right:0;z-index:1}.picker-cell__body:before{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background-image:linear-gradient(to top,#fff0,#fff);top:0}.picker-cell__body:after{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background-image:linear-gradient(to bottom,#fff0,#fff);bottom:0}.picker-single .picker-cell__body:before,.picker-single .picker-cell__body:after{display:none}.picker-list{list-style:none;margin:-2rem 0;padding:0;position:relative}.picker-item{color:#999;color:var(--gray);padding:.25rem .5rem;text-align:center;white-space:nowrap}.picker-picked{color:#0074d9;color:var(--blue);font-size:1.125em;line-height:1.5rem}.picker-footer{border-top:1px solid #eee;border-top:var(--border);display:none;width:100%}.picker-cancel,.picker-confirm{background-color:transparent;border-width:0;cursor:pointer;display:table-cell;font-size:1rem;padding:.75rem 1rem;width:50%}.picker-cancel:focus,.picker-cancel:hover,.picker-confirm:focus,.picker-confirm:hover{background-color:#fcfcfc;outline:none}.picker-confirm{color:#0074d9;color:var(--blue)}:root{--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.2rem;--font-size-legacy-base: 1rem;--font-size-legacy-lg: 1.2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.2rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--container-padding: 1.1rem;--section-padding: 1.1rem;--table-cell-padding: .8rem;--button-padding-y: .7rem;--button-padding-x: 1.2rem;--button-height: 2.2rem;--button-icon-size: 2rem;--button-icon-font: 1.1rem;--toast-padding-y: .75rem;--toast-padding-x: 1rem;--input-height: 2.5rem;--color-bg-primary: #012141;--color-bg-secondary: #32476b;--color-bg-dark: #1a2332;--color-text-primary: #f0f4f8;--color-text-secondary: #bdc3c7;--color-text-muted: #95a5a6;--color-accent: #1489ff;--color-accent-hover: #013468;--color-info: #00d4ff;--color-success: #27ae60;--color-warning: #f1c40f;--color-error: #e74c3c;--border-radius-sm: 3px;--border-radius-base: 4px;--border-radius-lg: 6px;--border-separator: 1px solid rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-base: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .4);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--clamp-font-sm: clamp(.75rem, 1.3vw, .95rem);--clamp-font-base: clamp(.85rem, 1.5vw, 1.1rem);--clamp-font-lg: clamp(1rem, 2vw, 1.25rem)}@media (max-width: 768px){:root{--button-padding-y: .6rem;--button-padding-x: 1rem;--button-height: 2rem;--button-icon-size: 1.75rem;--button-icon-font: 1rem}}@media (max-width: 480px){:root{--button-padding-y: .5rem;--button-padding-x: .8rem;--button-height: 2rem;--button-icon-size: 1.75rem;--button-icon-font: 1rem}}*{box-sizing:border-box}body{margin:0;color:#fff;background:#000;font-family:Roboto,system-ui;font-weight:400;font-style:normal;width:100%;height:100vh}.experimental{color:#ff6200}form.modern{width:100%;margin:0;padding:0;background:transparent;border:none;box-shadow:none}form.modern .form-section{margin-bottom:var(--spacing-xl);padding:var(--section-padding);background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);text-align:center}form.modern h3{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}form.modern p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.modern-form-container{max-width:800px;margin:0 auto;padding:var(--container-padding);font-size:var(--clamp-font-base)}.modern-form-section{margin-bottom:var(--spacing-xl);padding:var(--section-padding);background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);text-align:center}.modern-form-title{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.modern-form-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.modern-form-fields{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-base);padding:var(--spacing-xl);box-shadow:var(--shadow-base)}.modern-form-field{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-bg-primary)}.modern-form-field:last-child{border-bottom:none;padding-bottom:0}.modern-field-label{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modern-field-label label{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-base)}.modern-field-label small{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.modern-field-input{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modern-field-error{display:block;color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);font-weight:500;line-height:1.2}.modern-checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-base)}.modern-checkbox-input{width:24px;height:24px;cursor:pointer;accent-color:var(--color-accent)}.modern-checkbox-label{margin:0;cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500}.modal-overlay{position:fixed;inset:0;background:#1a2332e6;padding-top:60px;display:flex;justify-content:center;z-index:1000;animation:modalFadeIn var(--transition-fast)}.modal-content{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-xl);animation:modalSlideUp var(--transition-base);display:flex;flex-direction:column;max-height:80vh}.modal-content.modal-lg{max-width:800px}.modal-content.modal-sm{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:var(--border-separator);flex-shrink:0}.modal-header h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;flex:1}.modal-close-btn{background:none;border:none;color:var(--color-text-muted);font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);flex-shrink:0}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6}.modal-body p{margin:0;white-space:pre-line}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#5d6d7e;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#7f8c8d}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-base);padding:var(--spacing-lg);border-top:var(--border-separator);flex-shrink:0}.modal-btn{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--border-radius-base);border:none;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-width:100px}.modal-btn-cancel{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.modal-btn-cancel:hover{background:var(--color-bg-dark);color:var(--color-text-primary)}.modal-btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;box-shadow:var(--shadow-base)}.modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1489ff66}.modal-btn-danger{background:linear-gradient(135deg,var(--color-error),#c0392b);color:#fff;box-shadow:var(--shadow-base)}.modal-btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c66}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.modal-content{width:95%;max-height:90vh}.modal-header,.modal-body{padding:var(--spacing-base)}.modal-footer{padding:var(--spacing-base);flex-direction:column-reverse}.modal-btn{width:100%}}@media (max-width: 768px){.modern-form-container{padding:var(--spacing-base)}.modern-form-section,.modern-form-fields{padding:var(--spacing-lg)}.modern-form-field{grid-template-columns:1fr;gap:var(--spacing-base)}.modern-field-label{margin-bottom:var(--spacing-xs)}.modern-field-label label{font-size:var(--font-size-md)}.modern-input{height:clamp(3rem,6vw,3.5rem);padding:1rem;font-size:clamp(1rem,2vw,1.2rem)}.modern-checkbox-input{width:clamp(24px,4vw,30px);height:clamp(24px,4vw,30px)}}.modern-info-box{background-color:var(--color-bg-secondary);border:2px solid var(--color-bg-primary);border-radius:var(--border-radius-base);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-base)}.modern-button{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;border:none;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--border-radius-base);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-base)}.modern-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-hover),#c44536);transform:translateY(-1px);box-shadow:0 6px 10px #ff6b3533}.modern-button:disabled{background:linear-gradient(135deg,var(--color-text-muted),#7f8c8d);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.modern-btn-container{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg)}.modern-btn-group{display:flex;align-items:center}.modern-btn-container.compact{margin-top:var(--spacing-base)}.modern-btn-group>.modern-button{margin:0;flex-shrink:0;border-radius:0}.modern-btn-group>.modern-button:first-child{border-radius:var(--border-radius-base) 0 0 var(--border-radius-base)}.modern-btn-group>.modern-button:last-child{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0}.modern-btn-group>.modern-button:only-child{border-radius:var(--border-radius-base)}.modern-input{width:100%;height:var(--input-height);padding:var(--spacing-md);border:2px solid var(--color-bg-primary);border-radius:var(--border-radius-sm);font-size:var(--clamp-font-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-base)}.modern-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff6b3533}.modern-error-box{background-color:var(--color-error);border:2px solid #c0392b;border-radius:var(--border-radius-base);padding:var(--spacing-base);margin-top:var(--spacing-xl);box-shadow:var(--shadow-base)}.modern-error-message{color:#fff;font-size:var(--font-size-sm);margin:var(--spacing-sm) 0;font-weight:500}
