@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";.App{width:100%;max-width:1400px}.app-header{display:flex;align-items:center;margin-bottom:40px}.logo{height:70px;margin-right:20px}.header-text{text-align:left}.header-text h1{font-size:1.8em;color:#036;margin:0;font-weight:600}.header-text p{font-size:1em;color:#555;margin:2px 0 0;font-weight:400}.schedule-title{text-align:center;font-weight:600;color:#333;margin-bottom:20px}.course-details h1{border-bottom:2px solid #eee;padding-bottom:10px;margin-top:20px;color:#333}.back-link{display:inline-block;margin-bottom:20px;font-weight:600;color:#007bff;text-decoration:none}.back-link:hover{text-decoration:underline}.desktop-only{display:none}.tabs-container{display:flex;justify-content:space-around;margin-bottom:20px;border-bottom:1px solid #ddd}.tab-button{padding:10px 15px;border:none;background:none;font-family:Poppins,sans-serif;font-size:1em;font-weight:600;color:#555;cursor:pointer;position:relative;transition:color .3s ease}.tab-button.active{color:#036}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#036}.course-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;margin-bottom:16px;overflow:hidden}.card-header{padding:16px;background-color:#f8f9fa;font-weight:600;border-bottom:1px solid #e0e0e0}.card-body{padding:16px;line-height:1.6}.card-body p{margin:0 0 8px}.card-body p:last-child{margin-bottom:0}.card-footer{padding:16px;display:flex;justify-content:space-around;align-items:center;background-color:#f8f9fa;border-top:1px solid #e0e0e0}.action-button,button{padding:8px 12px;border-radius:6px;font-family:Poppins,sans-serif;text-decoration:none;font-size:.9em;font-weight:600;text-align:center;transition:all .2s ease;cursor:pointer;border:1px solid #ccc}.join-link{color:#fff;background-color:#007bff;border-color:#007bff}.join-link:hover{background-color:#0056b3}.details-link,button{color:#333;background-color:#fff}.details-link:hover,button:hover{background-color:#f8f8f8;border-color:#888}.action-button:disabled,button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;border-color:#ddd}.action-button:disabled:hover,button:disabled:hover{background-color:#e9ecef;border-color:#ddd}@media screen and (min-width: 768px){.mobile-only{display:none}.desktop-only{display:block}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 4px 8px #0000000d;border-radius:8px;overflow:hidden}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:middle}thead tr{background-color:#036;color:#fff}th{font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#f9f9f9}.actions-container{display:flex;gap:8px;align-items:center}.app-header{flex-direction:row}.logo{margin-right:20px;margin-bottom:0}.header-text{text-align:left}}.next-class-widget{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 12px #0033661a;margin-bottom:40px;border:1px solid #e0e0e0}.widget-info h3{margin:0 0 5px;font-size:.9em;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.widget-info p{margin:0;font-size:1.2em;font-weight:600;color:#036}.widget-timer{font-size:2.2em;font-weight:600;color:#333;font-family:"monospace"}.join-now-button{display:inline-block;padding:12px 24px;background-color:#28a745;color:#fff;font-weight:600;text-decoration:none;border-radius:8px;transition:background-color .2s ease}.join-now-button:hover{background-color:#218838}.join-now-button:disabled{background-color:#6c757d;cursor:not-allowed}.status-widget{justify-content:center;text-align:center;padding:30px}.status-widget p{font-size:1.2em;font-weight:600;color:#555}@media screen and (max-width: 768px){.next-class-widget{flex-direction:column;text-align:center;gap:20px}.widget-timer{font-size:2.5em;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;width:100%}}.login-container{max-width:400px;margin:100px auto;padding:40px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px;text-align:center}.login-logo{height:60px;margin-bottom:20px}.login-container h1{font-size:1.8em;color:#036;margin-bottom:10px}.login-container p{color:#555;margin-bottom:30px}.login-container form input{width:100%;padding:12px;font-size:1em;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;margin-bottom:5px}.login-container form .input-error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.9em;text-align:left;padding-left:5px;margin-top:0;margin-bottom:15px;height:1.2em}.login-container form button{width:100%;background-color:#007bff;color:#fff;font-size:1.1em;border:none}.login-container form button:hover{background-color:#0056b3}body{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;font-family:Poppins,sans-serif;background-color:#f4f7f6;color:#333;margin:0;padding:20px;box-sizing:border-box}