body,html{background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}.app-container{display:flex;height:100vh}.sidebar{background-color:#fff;border-right:1px solid #eaeaea;box-shadow:2px 0 10px #00000014;padding:30px 20px;width:220px}.sidebar h1{color:#007bff;font-size:20px;font-weight:700;margin-bottom:30px;text-align:center}.sidebar ul{margin:0}.sidebar ul li{text-align:center}.sidebar ul li a{border-radius:6px;color:#333;display:block;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease-in-out}.sidebar ul li a.active,.sidebar ul li a:hover{background-color:#007bff;color:#fff;font-weight:700}.main-content{background-color:#f9fafb;flex:1 1;overflow-y:auto;padding:40px}.search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.search-filter label{display:flex;flex-direction:column;font-size:14px;margin-right:10px}.search-filter input[type=text],.search-filter select{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-top:5px;padding:10px;width:200px}.search-filter button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.search-filter button:hover{background-color:#0056b3}.search-filter button.float-right{margin-left:auto}.tabs{margin:40px 0}.tabs button{background-color:#fff;border-radius:6px;font-weight:500;transition:all .3s ease}.tabs button:hover{background-color:#f1f1f1}.class-list-container{overflow-x:auto;width:100%}table{background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000000d;margin-top:24px;overflow:hidden}thead th{font-weight:600;padding:12px;text-align:left}tbody td{word-wrap:break-word;border-bottom:1px solid #f1f1f1;padding:12px}tbody tr:hover{background-color:#f1f5f9}tbody tr:nth-child(2n){background-color:#fafafa}.logoutButton,.sidebar ul li a,button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.logoutButton:hover,button:hover{background-color:#0056b3}.loading-spinner-wrapper{color:#555;height:400px;text-align:center}.spinner{animation:spin 1s linear infinite;border:5px solid #e0e0e0;height:50px;margin-bottom:12px;width:50px}.loading-text{color:#666;font-size:16px}.sidebar ul{list-style:none;padding:0;text-align:center}.sidebar ul li{margin-bottom:16px}.nav-button{background-color:#f0f0f0;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:12px 0;transition:background-color .3s ease,color .3s ease;width:100%}.nav-button:hover{background-color:#e0e0e0}.nav-button.active{background-color:#007bff;color:#fff;font-weight:700}.login-wrapper{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center}.mainContainer,.titleContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.titleContainer{font-size:60px;font-weight:bolder}.historyItem,.resultContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:400px}.historyContainer{flex-grow:5;height:200px;justify-content:flex-start}.buttonContainer,.historyContainer{align-items:center;display:flex;flex-direction:column}.buttonContainer{height:260px;justify-content:center}.inputContainer{align-items:flex-start;display:flex;flex-direction:row;justify-content:center}.errorLabel{color:red;font-size:16px}.inputLogin{background-color:#6495ed}.inputLogin,.inputRegister{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:8px;padding:6px 24px}.inputRegister{background-color:#7b68ee}.inputLogin:hover{background-color:#2168eb}.inputRegister:hover{background-color:#4a31ed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:8px;padding:6px 24px}.inputBox{border:1px solid grey;border-radius:8px;font-size:large;height:48px;padding-left:8px;width:400px}.tabs{display:flex;justify-content:center;margin:20px 0}.tabs button{background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;color:#000;cursor:pointer;margin-right:10px;padding:10px 20px;text-decoration:none}.tabs button.active{background-color:#007bff;border-color:#007bff;color:#fff}.tabs button:hover{background-color:#e2e2e2}.description-list-container{overflow-x:auto;width:100%}table{border-collapse:collapse;margin-top:20px;width:100%}td,th{border:1px solid #ddd;padding:8px;text-align:left}thead th{background-color:#007bff;color:#fff}tbody tr:hover{background-color:#f5f5f5}tbody tr:nth-child(2n){background-color:#f9f9f9}input[type=checkbox]{cursor:pointer}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;margin-top:20px;padding:10px 20px}.submit-button:hover{background-color:#0056b3}.search-filter-grid{grid-gap:16px 24px;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:grid;gap:16px 24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:18px 24px}.filter-item{display:flex;flex-direction:column}.filter-label{color:#444;font-size:13px;font-weight:500;margin-bottom:4px}.filter-item input,.filter-item select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:13px;height:34px;line-height:normal;padding:6px 10px}.filter-item input:focus,.filter-item select:focus{border-color:#007bff;outline:none}.filter-button{align-items:flex-end;display:flex;justify-content:flex-end;padding-top:4px}.filter-button button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;height:32px;padding:0 16px;transition:background-color .2s ease}.filter-button button:hover{background-color:#0056b3}.summary-popup{background-color:#fff;box-shadow:0 0 10px #0000001a;left:50%;max-height:80vh;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:1000}.summary-content{text-align:left}.summary-content h2{margin-bottom:20px;text-align:center}.summary-list{justify-content:center;max-height:60vh;overflow-y:auto}.summary-item{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}.summary-item strong{display:inline-block;width:100px}.button-container{display:flex;justify-content:center;margin-top:20px}.cancel-button,.confirm-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 20px}.cancel-button:hover,.confirm-button:hover{background-color:#0056b3}.cancel-button{background-color:#dc3545}.cancel-button:hover{background-color:#c82333}.assign-spots-page{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;padding:24px}h2{color:#222;font-size:24px;font-weight:600;margin-bottom:20px}.table-wrapper{overflow-x:auto;width:100%}.class-table{background-color:#fff;border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 1px 6px #0000000d;min-width:1000px;overflow:hidden;width:100%}.class-table thead th{background:linear-gradient(90deg,#007bff,#339dff);color:#fff;font-size:15px;font-weight:600;padding:12px;text-align:center;white-space:nowrap}.class-table td,.class-table th{border-bottom:1px solid #eee;font-size:15px;padding:12px 14px;text-align:center;vertical-align:middle;white-space:nowrap}.class-table tbody tr{background-color:#fff;cursor:default;position:relative;transition:all .2s ease}.class-table tbody tr:hover{background-color:#f5faff;box-shadow:0 1px 6px #007bff1a;transform:translateY(-1px);z-index:1}.class-table tbody tr:after{background:linear-gradient(90deg,#eee,#ccc,#eee);bottom:0;content:"";height:1px;left:0;opacity:.6;position:absolute;width:100%}.cancelled-row{background:linear-gradient(90deg,#fff0f0,#fff);color:#999;font-style:italic;opacity:.8;position:relative;text-decoration:line-through;transition:all .3s ease}.cancelled-row:hover{background:linear-gradient(90deg,#ffe0e0,#fff7f7);box-shadow:0 1px 6px #dc354526;opacity:1;transform:translateY(-1px)}.cancelled-tag{animation:fadeIn .3s ease-in-out;background-color:#dc3545;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#fff;display:inline-block;font-size:12px;font-style:normal;margin-left:6px;padding:2px 6px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-spinner-wrapper{align-items:center;color:#666;display:flex;flex-direction:column;font-size:16px;font-style:italic;height:200px;justify-content:center}.spinner{animation:spin .9s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:36px;margin-bottom:10px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-block{justify-content:center;min-width:80px}.progress-block,.progress-box{align-items:center;display:flex}.progress-box{gap:6px}.progress-outer{background-color:#e0e0e0;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;height:10px;overflow:hidden;width:70px}.progress-inner{background-color:#007bff;border-radius:5px;height:100%;transition:width .4s ease}.progress-text{color:#333;font-size:13px;min-width:34px;text-align:left}.toggle-btn-enable{background-color:#fff;border:1px solid #28a745;border-radius:4px;color:#28a745;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.toggle-btn-enable:hover{background-color:#28a745;box-shadow:0 1px 4px #28a7454d;color:#fff}.toggle-btn-cancel{background-color:#fff;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.toggle-btn-cancel:hover{background-color:#dc3545;box-shadow:0 1px 4px #dc35454d;color:#fff}
/*# sourceMappingURL=main.b6f477a9.css.map*/