body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.account-data{width:800px}.account-finder-search-button{width:300px}.account-finder-dropdown{margin-left:5px}body{margin:0;background-color:#222;min-height:100vh}a{color:#8bc34a}.system-message,.timer{background-color:#8bc34a;color:#fff;padding:10px;border-radius:4px}.system-message-failed{background-color:#e53935;color:#fff;padding:10px;border-radius:4px}.child-container{height:100%}.welcome-message{color:#fff}.main-meny{background-color:#e53935}.main-container{background-color:#222}.test-passed{background-color:#8bc34a;color:#fff;border-radius:4px}.test-fail{background-color:#e53935;color:#fff;border-radius:4px}.test-separator{border:none;height:1px;margin:10px 0}.test-label{margin:5px}.test-name{flex-grow:1;font-size:12px;font-weight:700;color:#fff}.test-details{font-size:12px;font-weight:700;background-color:#e53935;color:#fff;border-radius:4px}.tab1-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.tab2-container{display:flex;flex-direction:column;justify-content:center;color:#fff;margin:10px;width:100%;height:100%}.tab3-container{display:flex;flex-direction:column;margin:10px;width:100%;height:100%;align-items:center;justify-content:center;color:#fff}.tab4-container,.tab5-container{margin:0 auto;display:block;width:70%;height:70%}.account-finder-container{display:flex;flex-direction:column;margin:10px;padding:10px}.tab3-subcontainer{display:flex;flex-direction:column;margin:10px;padding:10px;color:#fff;background-color:#8bc34a;border-radius:4px;width:300px}.tab1-row{display:flex;flex-direction:column;width:100%;opacity:0;animation-name:fade-in;animation-duration:.5s;animation-fill-mode:forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tab1-subrow{display:flex;flex-direction:column;width:100%;align-items:center}.tab1-subrow>*{flex:1}.tab-content{display:flex;justify-content:flex-start;height:100%}.main-menu{display:flex;flex-direction:column;align-items:center}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.login-form{width:300px;padding:20px;background-color:#f5f5f5;border-radius:4px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px}.login-input{width:100%;padding:5px;font-size:16px;border-radius:4px;border:1px solid #ccc}.urgent-message{margin-top:50px}.urgent-message-title{width:95%;font-size:16px;border-radius:4px;border:1px solid #ccc}.urgent-message-message{width:95%;height:100px;font-size:16px;border-radius:4px;border:1px solid #ccc}button{margin-top:10px;margin-bottom:10px;width:100%;padding:10px;font-size:16px;background-color:#8bc34a;color:#fff;border:none;border-radius:4px;cursor:pointer}button:disabled{background-color:#ccc;cursor:not-allowed}.maintenance-mode-slider{margin-left:30px;width:30%}.tab-selectors{display:flex;justify-content:flex-start;width:100%}.tab-selectors button{position:relative;padding:10px 15px;font-size:16px;background-color:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#fff}.tab-selectors button:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:transparent;transition:all .3s ease}.tab-selectors button.active{color:#8bc34a}.tab-selectors button.active:before{background-color:#8bc34a}.tab-selectors button:hover:before{background-color:#ddd}.tab-selectors button:not(.active):hover{color:#777}.tab-selectors button:not(.active):hover:before{background-color:#777}.tab-selectors button:not(.active):before{background-color:transparent}.tab-selectors .tab-button.active{background-color:#696969;color:#fff}.tab-selectors .tab-button:not(.active):hover{background-color:#ddd}.tab-selectors .tab-button:not(.active){background-color:transparent;color:#fff}.bar-graph{width:300px;padding:0;box-sizing:border-box}.bar-row{display:flex;align-items:center;margin-bottom:10px}.timestamp{flex:1;font-size:14px;font-weight:700;color:#fff}.bar-container{flex:3;height:15px;border-radius:5px;overflow:hidden}.bar{height:100%;text-align:center;line-height:15px;color:#fff;transition:width .6s ease-in-out,background-color .3s ease-in-out}.bar.blue{background-image:linear-gradient(135deg,#00bcd4,#2196f3)}.bar.green{background-image:linear-gradient(135deg,#4caf50,#8bc34a)}.bar.orange{background-image:linear-gradient(135deg,#ff9800,#ff5722)}.bar.red{background-image:linear-gradient(135deg,#f44336,#e91e63)}.popup-image-close-button{width:auto}.spinner-container{display:flex;justify-content:center;align-items:center;height:100px}.spinner{border:4px solid rgba(0,0,0,.3);border-top:4px solid #8bc34a;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:9999;animation:popup-fade-in .3s ease-in-out}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}.popup{background-color:#222;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:16px;animation:popup-slide-up .3s ease-in-out;font-size:16px}@keyframes popup-slide-up{0%{transform:translateY(50%)}to{transform:translateY(0)}}.popup-content{text-align:center}.popup-message{font-size:16px;margin-bottom:16px;color:#fff}.popup-buttons{display:flex;justify-content:center;gap:8px;margin-top:16px}.popup-buttons button{padding:8px 16px;border:none;border-radius:4px;color:#fff;font-size:16px;cursor:pointer}.popup-buttons-publish{background-color:#e53935}.popup-buttons-cancel{background-color:#8bc34a}.popup-buttons button:hover{background-color:#6f6f6f}