:root{--custom-blue:#3378b9;--custom-gray:#f6f6f6;--custom-border:rgba(0,0,0,.4);--custom-red:#f12f16;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}@media (min-width:2000px){:root{font-size:24px}}.login-container{width:100vw;height:100vh;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;background-color:#f8f9fa}.login-logo{width:100%;height:144px;-o-object-fit:contain;object-fit:contain}.login-form,.login-logo{transform:translateY(-3rem)}.login-form{background:#fff;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);width:33.333333%;max-height:-moz-max-content;max-height:max-content}.login-form-title{padding:.75rem 1.5rem;font-weight:600;letter-spacing:.1em;border-radius:.375rem .375rem 0 0;font-size:1.25rem;width:100%;height:16.666667%;background-color:rgba(51,120,185,.9);display:flex;justify-content:center;align-items:center;color:#fff}.login-form-description{padding:1.25rem;margin-top:1rem;color:#374151}.login-error{color:var(--custom-red);font-size:.875rem;justify-content:center}.login-error,.login-fieldset{width:100%;display:flex;margin-bottom:1rem}.login-fieldset{padding:0 1.5rem;line-height:2rem;color:#374151;font-size:1.125rem;gap:1.25rem;border:none}.login-label{text-align:right;width:40%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.login-input{border:1px solid rgba(55,65,81,.5);border-radius:.375rem;width:60%;padding:0 .5rem}.login-submit{padding:1.5rem;line-height:2.5rem;color:#374151;display:flex;width:100%;justify-content:flex-end}.login-button{border-radius:.375rem;padding:0 .75rem;color:#fff;transition:all .3s;background-color:rgba(51,120,185,.8);border:none;cursor:pointer;font-size:1rem}.login-button:hover:not(:disabled){background-color:var(--custom-blue)}.login-button:disabled{background-color:rgba(55,65,81,.8);cursor:not-allowed}.panel-container{width:100vw;height:100vh;display:flex;flex-direction:column}.header{background-color:var(--custom-blue);color:#fff;height:6.5vh;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.header h1{font-size:1.5rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-right:.75rem}.header-time{display:flex;height:100%;align-items:center;gap:1rem;flex-shrink:0}.header-time-info{display:flex;flex-direction:column;text-align:center;letter-spacing:.05em}.header-time-hour{font-size:1.5rem;font-weight:500}.header-time-date{font-size:1.5rem}.header-logout{height:100%;width:2rem;position:relative;flex-shrink:0;background:none;border:none;cursor:pointer;transition:opacity .3s}.header-logout:hover{opacity:.8}.header-logout img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.main-content{width:100vw;height:93.5vh;display:flex}.waiting-list{display:flex;flex-direction:column;height:100%;width:25%;padding:.5rem .5rem 1.25rem;background-color:var(--custom-gray);border-right:3px solid var(--custom-blue)}.waiting-list-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--custom-blue)}.waiting-list-items{flex:1;overflow-y:auto}.waiting-item{padding:1rem .5rem;border-bottom:1px solid #d1d5db;font-size:1.2rem;font-weight:900;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-panel{flex:1;height:100%}.attending-list,.right-panel{display:flex;flex-direction:column}.attending-list{height:60%;width:100%;padding:.5rem .5rem 1.25rem;background-color:var(--custom-gray);position:relative}.attending-list-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--custom-blue);text-align:center}.attending-list-items{flex:1;overflow-y:auto}.attending-item{display:grid;grid-template-columns:6fr 35px 4fr 4fr;padding:.5rem .25rem;border-bottom:1px solid #d1d5db;align-items:center}.attending-item-name{font-size:1.2rem;font-weight:900;text-align:left;border-right:1px solid #d1d5db;padding-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attending-item-icon{text-align:center;padding:0 .25rem}.attending-item-icon img{width:35px;height:35px;-o-object-fit:contain;object-fit:contain}.attending-item-procedure{border-right:1px solid #d1d5db;padding-right:.25rem;display:flex;align-items:center}.attending-item-location,.attending-item-procedure{font-size:1.2rem;font-weight:900;text-align:left;padding-left:.25rem;text-transform:uppercase}.ad-section{height:40%;padding:0;background-clip:content-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-container,.ad-section{width:100%;position:relative}.ad-container{aspect-ratio:16/9;max-height:100%;max-width:100%}.ad-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block}.alert-popup{color:#fff;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4rem 1.25rem;text-align:center;font-size:3.75rem;width:100vw;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:rgba(51,120,185,.95);border-radius:.5rem;position:fixed;top:0;left:0;flex-direction:column}.alert-patient-name,.alert-patient-name h2{margin:.75rem 0;line-height:1.25}.alert-patient-name h2{font-size:5rem}.alert-patient-name h3{font-size:3rem;text-transform:uppercase}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}