.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:400px;text-align:center;box-shadow:0 0 15px #0000004d}.modal-buttons{display:flex;justify-content:space-around}.switch{display:flex;align-items:center;gap:10px;margin:10px 0;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:16px;box-sizing:border-box;position:relative;z-index:auto}.switch input{display:none}.slider{width:40px;height:22px;background-color:#ccc;border-radius:22px;transition:background-color .2s ease;position:relative;flex-shrink:0;z-index:auto}.slider:before{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;background-color:#fff;border-radius:50%;transition:transform .2s ease}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(18px)}.landing-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#151515,#1f1f1f);font-family:Segoe UI,sans-serif;padding:1rem}.landing-card{background:#fff;color:#333;padding:2rem 3rem;border-radius:20px;box-shadow:0 10px 40px #0006;text-align:center;max-width:500px;width:100%}.landing-logo{max-height:80px;margin-bottom:1rem}.landing-title{font-size:2rem;margin-bottom:.5rem}.landing-description{font-size:1rem;margin-bottom:1rem;color:#666}.landing-tagline{font-size:1.1rem;font-style:italic;margin-bottom:2rem;color:#444}.button-group{display:flex;flex-direction:column;gap:1rem}.button{padding:.75rem 1.25rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.button.login{background-color:#4a90e2;color:#fff}.button.login:hover{background-color:#357bd8}.button.register{background-color:#7ed957;color:#fff}.button.register:hover{background-color:#65c141}.button.about{background-color:#f5a623;color:#fff}.button.about:hover{background-color:#e08c00}.reset-password-container{max-width:400px;margin:auto;padding:2rem;background-color:#1a1a1a;color:#fff;border-radius:10px;box-shadow:0 4px 10px #00000080;text-align:center}.title{font-size:24px;font-weight:700;color:#0cf;margin-bottom:1rem}.reset-form{display:flex;flex-direction:column}.submit-btn{padding:10px;font-size:18px;font-weight:700;background-color:#0cf;color:#000;border:none;border-radius:5px;cursor:pointer}.submit-btn:hover{background-color:#08c}.message{margin-top:10px;padding:10px;border-radius:5px}.success{background-color:#4caf50;color:#fff}.error{background-color:#d32f2f;color:#fff}:root{--sched-blue: #007bff;--hover-blue: #0056b3}html,body{height:100%;font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f7fa}label{text-align:left;margin-top:20px;margin-bottom:10px;font-size:1rem;font-weight:700}button{padding:12px;margin-top:15px;margin-right:1rem;background-color:var(--sched-blue);font-size:1rem;color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button[aria-controls=simple-menu]{background-color:var(--sched-blue);color:#fff;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:var(--hover-blue)}input{margin-top:4px;margin-bottom:10px;padding:8px;background-color:#fff;color:#000;border-radius:4px;border:1px solid #ccc;font-size:16px}input:focus{border-color:var(--sched-blue);box-shadow:0 0 5px #007bff80;outline:none}.powered-by{font-size:10px;font-style:italic}.panel-container{padding:0;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;cursor:pointer;transition:box-shadow .3s ease-in-out}.panel-container:hover{box-shadow:0 4px 8px #0003}.panel-header{width:100%;padding:1rem;background-color:#f8f8f8;border-bottom:1px solid #ddd;cursor:pointer;font-weight:700;transition:background-color .3s ease-in-out;border-top-left-radius:8px;border-top-right-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.panel-header-left{display:flex;flex-direction:column;align-items:flex-start;width:80%}.panel-title{font-size:1.2rem;font-weight:700;margin:0}.panel-time{font-size:1rem;color:#444}.panel-room{font-size:1rem;font-style:italic;color:#666}.favorite-icon{font-size:1.5rem;cursor:pointer;transition:transform .2s ease-in-out}.panel-header-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.favorite-icon:hover{transform:scale(1.2)}.favorited{color:red}.panel-header:hover{background-color:#eaeaea}.panel-content{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,padding .5s ease-in-out}.panel-container .panel-content.expanded{max-height:6000px;padding:1rem;overflow-y:auto}.panel-track{margin-top:1rem;font-size:1rem;font-weight:700;color:#333;text-align:left;width:100%}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.panel-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:#555}.panelist-link{color:var(--sched-blue);text-decoration:none;font-weight:700}.panelist-link:hover{text-decoration:underline}.panelist-card{padding:0;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;cursor:pointer;transition:box-shadow .3s ease-in-out}.panelist-card:hover{box-shadow:0 4px 8px #0003}.panelist-content{max-height:0;overflow:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .3s ease-in-out,max-height .3s ease-in-out,padding .3s ease-in-out}.panelist-card.expanded .panelist-content{max-height:5000px;clip-path:inset(0 0 0 0);padding:1rem}.panelistPicture img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:10px}.main-content-layout{width:calc(100% - 10px);margin:0 auto;padding:20px;box-sizing:border-box}.MuiMenu-paper{background-color:#fff!important;border:1px solid #ddd;box-shadow:0 4px 6px #0000001a;border-radius:8px}.MuiMenuItem-root{font-size:14px;font-weight:500;padding:12px 20px;color:#333;transition:background-color .3s ease,color .3s ease}.MuiMenuItem-root:hover{background-color:#f0f4fa;color:var(--sched-blue)}.MuiModal-root{display:flex;justify-content:center;align-items:center}.MuiModal-root .MuiBox-root{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 6px 10px #00000026;width:100%;max-width:400px;text-align:center;animation:fadeIn .3s ease-in-out}#login-modal-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}p{margin-top:15px}.top-menu{background-color:#333;color:#fff;padding:1rem;position:sticky;top:0;z-index:1000}.content{flex:1;overflow-y:auto;padding:1rem;background-color:#f4f4f4}.container{display:flex;justify-content:center;align-items:flex-start;height:100vh;padding-top:20px}.card{text-align:center;padding:40px;background:#fff;border-radius:15px;box-shadow:0 4px 10px #0003;max-width:400px}.title{font-size:2rem;font-weight:700;color:#333;margin-bottom:15px}.description{color:#555;margin-bottom:20px}.login-form input{width:100%}.login-container{max-width:400px;margin:auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center}h1{font-size:24px;text-align:center;font-weight:700;margin:0}.message{color:red;margin-bottom:10px}.login-form{display:flex;flex-direction:column}.create-account-container{max-width:400px;margin:2px auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a}.create-account-form{display:flex;flex-direction:column}.create-account-form input{width:100%;margin-bottom:16px}.button-group{display:flex;flex-direction:column;gap:10px}.login{background:var(--sched-blue);color:#fff;padding:12px 20px;border-radius:4px}.register{background:#28a745;color:#fff;padding:12px 20px;border-radius:4px}.about{background:#6c757d;color:#fff;padding:12px 20px;border-radius:4px}.panel-date-header{font-size:1.2rem;font-weight:700;background-color:var(--sched-blue);color:#fff;padding:10px 15px;border-radius:8px;border:1px solid #0056b3;display:inline-block;margin:10px 0}.landing-container{max-width:800px;margin:40px auto;padding:0 20px;text-align:center}.landing-title{font-size:2.5rem;margin-bottom:1rem}.landing-description{font-size:1.25rem;margin-bottom:2rem}.button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
