.info-panel-wrapper{position:fixed;top:25px;left:15px;transform:translateY(0);z-index:9999;font-family:Segoe UI,sans-serif}.info-toggle-button{background-color:#f39c12;color:#fff;padding:.5rem .6rem;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:background-color .3s}.info-toggle-button:hover{background-color:#e67e22}.info-panel-slide{position:absolute;top:60px;left:20px;width:380px;max-height:80vh;overflow-y:auto;background-color:#1e1e1e;color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #00000080;animation:slideDown .4s ease forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.info-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.info-panel-header h2{font-size:1.3rem;margin:0;color:#f1c40f}.close-button{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer}.info-panel-content section{margin-bottom:1.8rem}.info-panel-content h3{margin-bottom:.5rem;font-size:1.2rem;color:#3498db}.info-panel-content ul{list-style:none;padding-left:1rem;margin:0}.info-panel-content ul li{margin-bottom:.5rem;position:relative;padding-left:1rem}.info-panel-content ul li:before{content:"•";position:absolute;left:0;color:#f39c12}.info-more-button{margin-top:.7rem;background-color:#2ecc71;color:#fff;padding:.5rem 1rem;font-size:.95rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.info-more-button:hover{background-color:#27ae60}.info-button-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.zoom-layout{display:grid;grid-template-columns:1.2fr 2fr 1.2fr;gap:1.5rem;margin-top:1.5rem;padding-bottom:6rem}.video-self,.video-spotlight,.chat-section{background-color:#1c1c1c;padding:1rem;border-radius:12px;box-shadow:0 0 8px #ffffff0d}.video-box{width:100%;border-radius:8px;margin-top:.5rem}.video-self,.video-spotlight{display:flex;flex-direction:column;align-items:center}.video-spotlight video{border:3px solid #00c3ff;border-radius:10px;max-width:100%}.chat-section{overflow-y:auto;max-height:calc(100vh - 200px);scrollbar-width:thin;scrollbar-color:#888 #222}.chat-section::-webkit-scrollbar{width:8px}.chat-section::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.participant-list{position:absolute;bottom:80px;left:20px;background-color:#222;padding:.8rem;border-radius:8px;max-height:300px;overflow-y:auto;color:#fff;font-size:.95rem}.control-bar{position:fixed;bottom:0;left:0;width:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000000bf;padding:1rem 2rem;display:flex;justify-content:center;gap:1.5rem;z-index:1000;border-top:1px solid #444}.control-bar button{background:linear-gradient(to bottom,#444,#333);color:#fff;padding:.8rem 1.2rem;border:none;border-radius:6px;font-size:1.1rem;transition:background .2s ease}.control-bar button:hover{background-color:#555}.zoom-header,.zoom-footer{background-color:#111;padding:1rem 2rem;text-align:center;color:#ccc}.zoom-footer{margin-top:2rem;font-size:.9rem}.zoom-login-wrapper{display:flex;justify-content:center;align-items:center;min-height:85vh;background-color:#121212}.zoom-login-container{background-color:#1c1c1c;padding:2rem 3rem;border-radius:12px;box-shadow:0 0 15px #ffffff0d;max-width:400px;width:90%;color:#fff}.zoom-login-container h2{margin-bottom:1.5rem;text-align:center;font-size:1.8rem}.zoom-login-form{display:flex;flex-direction:column;gap:1rem}.zoom-input{padding:.8rem;border-radius:6px;border:1px solid #444;background-color:#2a2a2a;color:#fff;font-size:1rem;width:100%;box-sizing:border-box}.zoom-input:focus{outline:none;border-color:#00c3ff}.zoom-login-button{background-color:#00c3ff;color:#000;padding:.8rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.zoom-login-button:hover{background-color:#009ac7}.zoom-login-error{color:red;text-align:center;margin-top:1rem}.zoom-login-register{margin-top:1.5rem;text-align:center;font-size:.95rem}.zoom-container{background-color:#111;color:#fff;min-height:100vh;padding:2rem}.button-group{display:flex;gap:12px;flex-wrap:wrap}.tool-btn,.portal-btn{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid #ccc}.portal-btn{border-style:dashed}:root{--bg-color: #121212;--text-color: #ffffff;--accent-color: #e63946}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,sans-serif;font-size:16px}a{color:var(--accent-color);text-decoration:none;font-size:1.5rem}a:hover{text-decoration:underline}button{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px}button:hover{opacity:.8}@keyframes border-blink{0%{box-shadow:0 0 10px 2px #e63946}50%{box-shadow:0 0 20px 4px #c6e639}to{box-shadow:0 0 10px 2px #e63946}}.blinking-border{animation:border-blink 1s ease-in-out 2}h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.7rem}p{font-size:1.4rem}.logo-overlay-container{position:fixed;top:0;left:0;width:100%;height:70px;pointer-events:none;z-index:99999}.logo-wrapper{position:absolute;top:10px;display:flex;align-items:center}.logo-overlay-img{width:50px;height:50px}.logo-overlay-name{font-size:1.2rem;color:#e63946;font-weight:700;white-space:nowrap;margin-left:10px}.booking-button{position:relative;padding:.75rem 1.5rem;background-color:var(--accent-color);color:#060470;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;overflow:hidden;z-index:1}.booking-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(270deg,#e63946,#225810,#0e3620,#e63946);background-size:800% 800%;border-radius:10px;animation:animated-border 4s linear infinite;z-index:-1}@keyframes animated-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.react-calendar{background-color:#111;color:#fff;border:none;border-radius:10px;padding:1rem}.react-calendar__tile--active{background-color:#d60000!important;color:#fff!important;border-radius:5px}.react-calendar__tile--now{background:#222!important;color:#fff!important;font-weight:700}.react-calendar__tile:disabled{background-color:#333!important;color:#999!important}.react-calendar{background-color:#111;color:#fff;border-radius:16px;padding:2rem;font-size:1.1rem;box-shadow:0 0 15px #ffffff1a;width:100%;max-width:600px;margin:0 auto}.react-calendar__navigation button{color:#fff;font-size:1.3rem;margin-bottom:1rem}.react-calendar__tile{padding:1rem .5rem;font-weight:700;border-radius:8px}.react-calendar__tile--active{background-color:#d60000!important;color:#fff!important}.react-calendar__tile--now{background-color:#222!important;color:#fff;border:1px solid #d60000}.react-calendar__tile:disabled{background-color:#333!important;color:#888!important}input[type=text],input[type=email],input[type=date],input[type=time],select{width:100%;padding:.6rem;font-size:1rem;border:1px solid #666;border-radius:8px;background-color:#000;color:#fff}.appointment-wrapper{padding:2rem;margin:0 auto;max-width:1200px}.appointment-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.calendar-side{background-color:#1a1a1a;padding:1rem;border-radius:8px}.form-side{background-color:#1a1a1a;padding:2rem;border-radius:8px}.appointment-form{display:flex;flex-direction:column;gap:1rem;max-width:100%}.appointment-form input,.appointment-form select,.appointment-form textarea{width:100%;padding:.9rem;font-size:1rem;border:1px solid #888;border-radius:5px;background-color:#111;color:#fff;box-sizing:border-box}.appointment-form label{font-weight:500;margin-bottom:.3rem;display:block}.booking-button{background:linear-gradient(to right,#ff7e5f,#fd3a84);border:none;padding:1rem;font-size:1rem;color:#fff;border-radius:5px;cursor:pointer;transition:background .3s ease}.booking-button:hover{background:linear-gradient(to right,#fd3a84,#ff7e5f)}@media (max-width: 768px){.appointment-form{width:100%}}.calendar-side,.form-side{background-color:#1a1a1a;padding:1rem 1.5rem;border-radius:8px;height:auto;display:flex;flex-direction:column;justify-content:flex-start}.appointment-wrapper{padding:1rem 2rem;margin:2rem auto 0;max-width:1200px;min-height:0}.appointment-form{display:flex;flex-direction:column;gap:0rem}.appointment-form input,.appointment-form select,.appointment-form textarea{padding:.7rem;font-size:.95rem}.input-field{width:100%;padding:.75rem 1rem;margin-bottom:.75rem;border:none;border-radius:5px;font-size:1rem;font-family:inherit;box-sizing:border-box}.react-calendar__tile.wj-booked{background:#333!important;color:#bbb!important}.react-calendar__tile.wj-booked.react-calendar__tile--active{background-color:#d60000!important;color:#fff!important}@media (max-width: 900px){.appointment-grid{grid-template-columns:1fr}}
