body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9;color:#333}.header{display:flex;justify-content:space-between;align-items:center;background-color:#3b4673;color:#fff;padding:.5rem 1rem;font-size:1.5rem;white-space:nowrap}.date-box{display:flex;gap:.5rem;align-items:center;white-space:nowrap}.date-box label{font-size:1rem}.container{margin:0 auto;padding:0 1rem;display:flex;flex-direction:row;gap:3px}.left-section{width:65%;max-width:65vw;box-sizing:border-box;padding-right:1px}.right-section{width:35%;max-width:35vw;box-sizing:border-box;padding-left:1px}#date{height:35px}.nav-btn{width:60px;background-color:#3b4673;color:#fff;border:2px solid #3B4673;outline:3px solid #ffffff;padding:.5rem 1%;border-radius:4px;cursor:pointer}.nav-btn-logout{width:100px;background-color:#fff;color:#000;outline:1px solid #ffffff;padding:.5rem 1%;border-radius:4px;margin-left:10px;cursor:pointer}.calendar-box{width:100%;margin-top:1rem}.calendar-table{width:100%;border-collapse:collapse;text-align:center}.calendar-table th,.calendar-table td{width:14%;border:1px solid #ddd;padding:0}.inner-table{width:100%;border-collapse:collapse;margin:0}.inner-table td{border:1px solid #ddd;padding:2px;text-align:center;width:30px;min-width:30px;max-width:30px;height:25px;vertical-align:middle;white-space:nowrap;overflow-wrap:break-word;word-break:break-all}.table-box{width:100%;margin-top:1rem}table{width:100%;border-collapse:collapse}th,td{background-color:#fff;border:1px solid #ddd;text-align:center;padding:5px}th{background-color:#3b4673;color:#fff}.schedule-table{width:100%;border-collapse:collapse;text-align:center;margin-top:2%}.schedule-table th,.schedule-table td{height:23px;border:1px solid #ddd;padding:5px}.label{display:block;font-size:.8rem;color:#333}.register-table{margin-bottom:2%}.register-table th,.register-table td{border:1px solid #ffffff;padding:0}.register-form{margin-top:20px;display:grid;gap:10px;grid-template-columns:1fr 1fr;align-items:center}.register-form label{font-weight:700}.register-table select{width:100%;font-size:1rem;padding:5px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;text-align:center}.register-form .buttons{grid-column:1 / span 2;text-align:center;display:flex;flex-direction:column;gap:10px}.button-container{display:flex;align-items:center}.clear-btn{width:90px;height:50px;padding:10px 20px;background-color:#feffff;color:#3b4673;border:2px solid #3B4673;border-radius:5px;cursor:pointer}.register-btn{width:90px;height:50px;padding:10px 20px;background-color:#3b4673;color:#fff;border:2px solid #808080;border-radius:5px;cursor:pointer}.total-label,.bus-label{justify-content:flex-start;width:45px;align-items:center;margin:auto 0}.total-value,.bus-select{width:75px;align-items:center;margin:auto 10px auto 0}.clear-button,.register-button{justify-content:center;align-items:center;margin:auto 0}.flex-container{display:flex;gap:5%;margin:0 5%}.flex-row{display:flex}.total-label,.total-value,.bus-label,.bus-select{margin-right:10px}.light-gray{background-color:#d3d3d3!important}.light-red{background-color:#f8d7da!important}.light-blue{background-color:#d1ecf1!important}h2{font-size:1.2rem;margin-bottom:1rem;text-align:center}.highlight-bg{background-color:#ffeeba!important}.highlight-bg-1{background-color:#727272!important}.login-container[data-v-9294d2d0]{max-width:350px;margin:60px auto;padding:2em;border:1px solid #eee;border-radius:8px;background:#fff}.form-group[data-v-9294d2d0]{margin-bottom:1em}label[data-v-9294d2d0]{display:block;margin-bottom:.3em}input[data-v-9294d2d0]{width:100%;padding:.5em;box-sizing:border-box}button[data-v-9294d2d0]{width:100%;padding:.7em;background:#1976d2;color:#fff;border:none;border-radius:4px;font-size:1em}.error[data-v-9294d2d0]{color:#d32f2f;margin-top:1em;text-align:center}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loader-backdrop{position:absolute;inset:0;background-color:#111827b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{position:relative;width:120px;height:120px}.spinner-element{position:absolute;width:100%;height:100%;transform-origin:40px 40px;animation:spin-slow 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-dot{position:absolute;width:8px;height:8px;border-radius:50%;background-color:#fff}.loading-text{font-size:1.25rem;color:#fff;font-weight:500}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}