:root{--virtual-color: #e63312;--virtual-gradient-color: #ff9900;--mail-color: #ec6608;--mail-gradient-color: #ffa07a;--room-color: #f18700;--room-gradient-color: #ffd700;--font-family: system-ui, "Segoe UI", Roboto, Helvetica, sans-serif;--font-size: 1.2rem;--line-height: 1.5;--text-color: #3b3b3b;--bg-color: #fafafc;--header-bg-color: #3b3b3b;--header-text-color: #ffffff;--footer-bg-color: #0F325C;--footer-text-color: #ffffff;--footer-border-top-color: #dddddd;--spinner-color: #3b3b3b;--error-color: #ff0000;--link-color: #ffffff;--input-border-color: #000000;--input-bg-color: #ffffff;--button-bg-color: #ffffff;--button-border-color: #000000;--button-color: #000000;--button-hover-bg-color: #000000;--button-hover-border-color: #ffffff;--button-hover-color: #ffffff}.spinner-container{display:flex;justify-content:center;align-items:center;height:60vh;width:100%;margin-bottom:10px}.spinner{border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--spinner-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font:var(--font-size) / var(--line-height) var(--font-family);background-color:var(--bg-color);color:var(--text-color);margin:0}.container{position:relative;margin-left:1rem;margin-right:1rem}.row{display:flex;flex-flow:row wrap}.col{padding:1rem;flex:0 1 100%}header{background-image:linear-gradient(to right,var(--virtual-color),var(--mail-color),var(--room-color));background-color:var(--virtual-color);color:var(--header-text-color);margin:0}.logo{height:100px;max-height:100px;vertical-align:middle;background-image:url(/assets/logo-DS4Sy23D.png);background-size:contain;background-repeat:no-repeat}.footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);padding:2rem;border-top:1px solid var(--footer-border-top-color);font-size:.75rem;display:flex;flex-direction:column;align-items:start;text-align:start}.footer-links{display:flex;flex-wrap:wrap;justify-content:start;gap:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}.footer-links a{color:var(--link-color);text-decoration:none;font-weight:500}.footer-links a:hover,.footer-links a:focus{text-decoration:underline}.footer-text{padding:0 1rem}a{color:#fff;text-decoration:none;cursor:pointer}a:hover,a:focus{text-decoration:underline}h1,h2,h3{color:var(--text-color);margin:20px 0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem;font-weight:bolder}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#fff;color:var(--text-color);padding:1.5rem;border-radius:8px;max-width:900px;width:90%;height:500px;overflow-y:auto;box-shadow:0 4px 8px #0003;position:relative;font-family:var(--font-family)}.section{padding-top:20px}.close-button{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color)}.modal-content{margin-top:10px;font-size:1rem;line-height:1.4}form{margin-bottom:1.5rem}.form-group{display:flex;flex-flow:row wrap;margin:0 -1rem 1rem}.form-row{display:flex;flex-direction:column;align-items:stretch;gap:2rem}[class*=form-col]{flex:0 1 100%;padding:.25rem 1rem}label{display:block;margin-top:1rem;font-weight:bolder}input[type=radio],input[type=checkbox]{cursor:pointer}input[type=text],input[type=tel],input[type=number],input[type=date],input[type=email],input[type=password],textarea{border:1px solid var(--input-border-color);border-radius:5px;background-color:var(--input-bg-color);background-image:none;color:var(--text-color);font:inherit;padding:.5rem 1rem;width:500px}input[type=text]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{border-color:var(--input-border-color);outline:none}.nav-button-container{display:flex;justify-content:flex-start;align-items:center}.nav-button-container .nav-button{margin-top:2rem;margin-bottom:2rem;margin-right:20px}.nav-button{display:inline-block;line-height:1.5;text-align:center;vertical-align:middle;color:var(--button-color);background-color:var(--button-bg-color);font:inherit;font-size:var(--font-size);font-weight:700;text-transform:uppercase;border:1px solid var(--button-border-color);border-radius:.25rem;padding:.5rem 1rem;cursor:pointer}.nav-button:hover{color:var(--button-hover-color);background-color:var(--button-hover-bg-color)}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#ccc;border-color:#999;color:#666}.error{margin-top:4px;font-weight:700;color:var(--error-color)}.title,.message{margin-bottom:1rem}@media(min-width:576px){.form-col-4{flex:0 0 33.33333%;max-width:33.33333%}.form-col-8{flex:0 0 66.66667%;max-width:66.66667%}.offset-form-col-4{margin-left:33.33333%}.button-container{flex-direction:column}.edit-button,.delete-button{width:100%;margin-bottom:10px}.form-row{flex-direction:row;align-items:center}}@media(max-width:767px){input[type=text],input[type=tel],input[type=number],input[type=date],input[type=email],input[type=password],textarea{width:100%}}@media(min-width:768px){.container{width:720px;padding-right:15px;padding-left:15px}}@media(min-width:992px){main.col{flex:0 1 66.333333%}aside.col{flex:0 1 33.333333%;margin-top:0}main.col{border-right:none}}@media(min-width:1200px){.container{width:1140px}}@media(min-width:1400px){.container{width:1320px}}@media(min-width:1600px){.container{width:1500px}}@media(min-width:1920px){.container{width:1800px}}