@import"https://fonts.googleapis.com/css2?family=Bevan:wght@400&family=Inter:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bevan&display=swap";.home-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column}.home-header{background:#124eaf;color:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.home-title h1{font-size:3rem;font-weight:700;margin-bottom:16px;color:#fff}.home-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:32px}.cta-button{background:#fff;color:#124eaf;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003;background:#f8f9fa}.home-content{flex:1;padding:60px 40px;max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:center}.hero-section{text-align:center;max-width:800px;margin:0 auto}.hero-content h1{font-size:3.5rem;font-weight:700;color:#222;margin-bottom:24px;line-height:1.2}.hero-buttons{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.secondary-btn{background:#124eaf;color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.secondary-btn:hover{background:#1a3d8f;transform:translateY(-3px);box-shadow:0 10px 30px #124eaf4d}.features-section{margin-bottom:80px}.features-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:#222;margin-bottom:16px}.features-section p{text-align:center;font-size:1.2rem;color:#666;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 10px 40px #0000001a;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#124eaf,#2741a5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;font-size:2rem}.feature-card h3{font-size:1.5rem;font-weight:700;color:#222;margin-bottom:16px}.feature-card p{color:#666;line-height:1.6;margin:0}.cta-section{text-align:center;background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 10px 40px #0000001a}.cta-section h2{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:16px}.cta-section p{font-size:1.2rem;color:#666;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta-section .cta-button{background:#124eaf;color:#fff}.cta-section .cta-button:hover{background:#1a3d8f}@media (max-width: 768px){.home-header{padding:15px 20px;flex-direction:column;gap:16px}.logo img{height:40px}.hero-content h1{font-size:2.5rem}.home-content{padding:40px 20px}.features-grid{grid-template-columns:1fr;gap:30px}.feature-card{padding:30px 20px}.cta-section{padding:40px 20px}.hero-buttons{flex-direction:column;align-items:center}.secondary-btn{width:100%;max-width:300px}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.home-header{padding:10px 15px}.home-content{padding:30px 15px}}.login-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column}.login-header{background:#124eaf;color:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.login-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:48px;width:100%;max-width:400px;text-align:center}.login-title h1{color:#222;font-size:2.3rem;font-weight:700;margin-bottom:8px}.login-title p{color:#666;font-size:1.1rem;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:2px}.input-group label,.login-content .input-group label,.login-card .input-group label,label[for=email],label[for=password]{display:block;margin-bottom:6px;font-weight:600;color:#333!important;font-size:.9rem}.input-group input,.login-input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .2s ease;box-sizing:border-box;color:#333!important;background-color:#fff!important}.input-group input::placeholder,.login-input::placeholder{color:#999!important}.input-group input:focus,.login-input:focus{outline:none;border-color:#124eaf;box-shadow:0 0 0 3px #124eaf1a}.login-submit-btn{background:#124eaf;color:#fff;border:none;padding:16px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-submit-btn:hover{background:#1a3d8f;transform:translateY(-2px);box-shadow:0 8px 25px #124eaf4d}.login-submit-btn:disabled{background:#e0e0e0;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.login-footer p{color:#666;margin-bottom:16px}.signup-link{margin-top:24px;color:#666;font-size:.9rem}@media (max-width: 768px){.login-header{padding:15px 20px;flex-direction:column;gap:16px}.logo img{height:40px}.login-content{padding:20px}.login-card{padding:32px 24px;border-radius:16px}.login-title h1{font-size:2rem}.login-title p{font-size:1rem}}@media (max-width: 480px){.login-card{padding:24px 20px}.login-title h1{font-size:1.8rem}.login-header{padding:10px 15px}}.signup-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column}.signup-header{background:#124eaf;color:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.logo{display:flex;align-items:center}.logo img{height:50px;width:auto}.header-nav{display:flex;gap:16px}.nav-button{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.nav-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.nav-button.active{background:#fff;color:#124eaf;border-color:#fff}.signup-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.signup-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:48px;width:100%;max-width:400px;text-align:center}.signup-title h1{color:#222;font-size:2.2rem;font-weight:700;margin-bottom:8px}.signup-title p{color:#666;font-size:1.1rem;margin-bottom:32px}.signup-form{display:flex;flex-direction:column;gap:2px}.input-group{text-align:left;margin-bottom:4px}.input-group label,.signup-content .input-group label,.signup-card .input-group label,label[for=name],label[for=email],label[for=password]{display:block;margin-bottom:6px;font-weight:600;color:#333!important;font-size:.9rem}.input-group input,.signup-input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .2s ease;box-sizing:border-box;color:#333!important;background-color:#fff!important}.input-group input::placeholder,.signup-input::placeholder{color:#999!important}.input-group input:focus,.signup-input:focus{outline:none;border-color:#124eaf;box-shadow:0 0 0 3px #124eaf1a}.form-group{text-align:left}.form-group input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.signup-submit-btn{background:#124eaf;color:#fff;border:none;padding:16px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.signup-submit-btn:hover{background:#1a3d8f;transform:translateY(-2px);box-shadow:0 8px 25px #124eaf4d}.signup-submit-btn:disabled{background:#e0e0e0;cursor:not-allowed;transform:none;box-shadow:none}.signup-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.signup-footer p{color:#666;margin-bottom:16px}.login-link{margin-top:24px;color:#666;font-size:.9rem}.link-button{background:none;border:none;color:#124eaf;text-decoration:none;font-weight:600;cursor:pointer;transition:color .2s ease;font-size:inherit;padding:0}.link-button:hover{color:#1a3d8f;text-decoration:underline}.error-message{background:#ffeaea;color:#dc3545;padding:12px 16px;border-radius:8px;border:1px solid #f5c6cb;margin-bottom:20px;font-size:.9rem}.success-message{background:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;border:1px solid #c3e6cb;margin-bottom:20px;font-size:.9rem}.slide-in-from-top{animation:slideInFromTop .8s ease-out}.slide-in-from-bottom{animation:slideInFromBottom .8s ease-out}.fade-in-scale{animation:fadeInScale .6s ease-out}.animate-on-mount-delay-1{animation-delay:.1s;animation-fill-mode:both}.animate-on-mount-delay-2{animation-delay:.2s;animation-fill-mode:both}.animate-on-mount-delay-3{animation-delay:.3s;animation-fill-mode:both}.animate-on-mount-delay-4{animation-delay:.4s;animation-fill-mode:both}.animate-on-mount-delay-5{animation-delay:.5s;animation-fill-mode:both}.animate-on-mount-delay-6{animation-delay:.6s;animation-fill-mode:both}.animate-on-mount-delay-7{animation-delay:.7s;animation-fill-mode:both}.animate-on-mount-delay-8{animation-delay:.8s;animation-fill-mode:both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.signup-header{padding:15px 20px;flex-direction:column;gap:16px}.logo img{height:40px}.signup-content{padding:20px}.signup-card{padding:32px 24px;border-radius:16px}.signup-title h1{font-size:2rem}.signup-title p{font-size:1rem}}@media (max-width: 480px){.signup-card{padding:24px 20px}.signup-title h1{font-size:1.8rem}.signup-header{padding:10px 15px}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;color:#222}.dashboard-container{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{width:280px;background-color:#124eaf;color:#fff;padding:20px;display:flex;flex-direction:column;position:fixed;height:100vh;box-shadow:2px 0 4px #00000014;overflow-y:auto;max-height:100vh}.logo{background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}.logo h2{color:#fff;background-color:transparent;font-weight:300;letter-spacing:2px;margin-bottom:40px;font-size:20px}.logo img{max-width:200px;max-height:100px;height:auto;margin-bottom:10px;background:transparent!important;box-shadow:none!important;display:block}.nav-menu{flex-grow:1;background-color:transparent}.nav-item{padding:15px;background-color:transparent;color:#fff;font-weight:500;letter-spacing:2px;cursor:pointer;font-size:16px;transition:all .2s ease;border-radius:8px;margin:4px 0;position:relative;z-index:10}.nav-item:hover{background-color:#2741a5;transform:translate(5px);box-shadow:0 2px 4px #124eaf14}.nav-item span{background-color:transparent;color:inherit;display:block;transition:all .2s ease}.nav-item.active{background-color:#2741a5;font-weight:400}.nav-item.active span{background-color:transparent}.nav-item.logout{color:#fff;font-weight:500;margin-top:12px;transition:background .2s,color .2s}.nav-item.logout:hover{background-color:#ffeaea;color:#fff}.user-profile{background-color:transparent;padding:20px 0;border-top:1px solid rgba(255,255,255,.15)}.user-email{background-color:transparent;color:#fff;font-weight:500;font-size:14px;letter-spacing:1px}.main-content{flex-grow:1;margin-left:280px;padding:40px;background-color:#f5f5f5;overflow-y:auto;max-height:100vh}.dashboard-home-main-content{background-color:transparent;padding:0;margin:0;max-width:none;min-height:auto;overflow-y:auto}.dashboard-bottom-section{margin-top:32px;background-color:transparent}.recent-sessions-section{background-color:transparent;margin-bottom:32px;max-width:100%}.card{background-color:#fff;color:#222;padding:30px;border-radius:10px;flex:1;cursor:pointer;transition:transform .2s ease,box-shadow .2s;box-shadow:0 2px 4px #0000000f;border:1px solid #e0e0e0;font-size:14px;font-weight:300;letter-spacing:1px}.card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #4169e11a}.card h3{font-weight:300;letter-spacing:2px;margin-bottom:10px;font-size:20px;background-color:transparent;color:#222}.card p{color:#555;font-weight:300;letter-spacing:1px;font-size:14px;background-color:transparent}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;background-color:transparent}.top-bar h1{font-weight:300;letter-spacing:4px;font-size:32px;background-color:transparent;color:#222}.sign-out{background-color:transparent;border:none;color:#124eaf;cursor:pointer;font-weight:300;letter-spacing:2px;font-size:16px;text-transform:uppercase;padding:10px 20px;transition:all .2s ease;border-radius:8px}.sign-out:hover{background-color:#e3eafe;color:#2741a5;transform:translateY(-2px);box-shadow:0 2px 4px #124eaf14}.quick-access{background-color:transparent}.quick-access h2{font-weight:300;letter-spacing:3px;margin-bottom:20px;font-size:24px;background-color:transparent;color:#222}.quick-access-cards{display:flex;gap:30px;background-color:transparent}.session-info{background:none!important;box-shadow:none!important;border:none!important}.topbar{background-color:transparent;height:50px;width:100%;display:flex;justify-content:flex-end;align-items:center}.loginbuttontopright{text-align:right;background-color:transparent;margin-right:20px}.button{font-size:20px;font-family:Montserrat,sans-serif;color:#124eaf;background-color:transparent;border:transparent;position:relative;cursor:pointer;font-weight:300;letter-spacing:2px}.button:after{content:"";position:absolute;bottom:-5px;left:0;height:1px;width:0%;background-color:#124eaf;transition:width .3s ease}.button:hover:after{width:100%}.welcometext{color:#222;margin-top:175px;font-family:Montserrat,sans-serif;font-size:25px;text-align:center;transform:translateY(-75px);animation:slideDown .6s ease-out forwards}.welcometext h1{color:#222;font-family:Montserrat,sans-serif;font-weight:300;font-size:40px;letter-spacing:8px;text-transform:uppercase}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}.dashboard-home-main-content{display:flex;flex-direction:column;min-height:100vh;background:#f7f8fa;position:relative}.dashboard-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:32px;margin-top:-20px;position:relative}.dashboard-welcome{font-family:Bevan,serif;font-size:2.5rem;color:#222;margin-bottom:0;letter-spacing:1px}.dashboard-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;color:#444;font-weight:400;margin-bottom:8px}.dashboard-cards-row{display:flex;gap:32px;margin-bottom:0}.dashboard-card{position:relative;width:250px;height:320px;border-radius:18px;overflow:hidden;box-shadow:0 2px 12px #124eaf14;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;align-items:flex-end;outline:5px solid #ffffff}.dashboard-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 8px 24px #4169e121}.dashboard-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.92;z-index:1}.dashboard-card-content{position:relative;z-index:2;background:#effbfe;padding:18px 40px 16px 20px;border-bottom-left-radius:18px;border-bottom-right-radius:18px;width:100%}.dashboard-card-title{font-family:Inter,sans-serif;font-weight:700;font-size:1.2rem;color:#1a237e;margin-bottom:4px}.dashboard-card-desc{font-family:Inter,sans-serif;font-size:1rem;color:#444;font-weight:400}.robotman-wrapper{display:flex;justify-content:flex-start;align-items:flex-end;height:100px;margin:24px 0;position:relative;z-index:1}.robotman-img{width:140px;height:auto;display:block;margin-left:-19px;position:relative;z-index:1}.recent-sessions-section{width:260px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #4169e114;padding:24px 24px 18px;font-family:Inter,sans-serif;margin:24px auto 32px;display:block}.recent-sessions-title{font-size:2rem;font-weight:700;color:#222;margin-bottom:6px;font-family:Inter,sans-serif}.recent-sessions-subtitle{color:#555;font-size:1.05rem;margin-bottom:24px;font-family:Inter,sans-serif;font-weight:400}.recent-sessions-list{display:flex;flex-direction:column;gap:18px;position:relative;z-index:99999;pointer-events:auto}.recent-session-item{background:#f7f8fa;border-radius:10px;padding:12px 16px;font-size:1rem;color:#222;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .13s;border:1px solid #e0e0e0}.recent-session-item:hover{background:#e3eafe}.recent-session-name{font-weight:600;color:#1a237e;font-family:Inter,sans-serif}.recent-session-date{font-size:.98rem;color:#888;font-family:Inter,sans-serif}.recent-session-item.no-sessions{color:#b0b0b0;font-style:italic;justify-content:center}.dashboard-welcome span{cursor:pointer;transition:color .2s ease;border-bottom:2px solid transparent;padding:2px 4px;border-radius:4px}.dashboard-welcome span:hover{color:#124eaf;border-bottom-color:#124eaf}.dashboard-welcome input{background:transparent;border:2px solid #124EAF;border-radius:6px;padding:4px 8px;font-family:Bevan,serif;font-size:inherit;font-weight:inherit;color:inherit;outline:none;min-width:120px;transition:all .2s ease}.dashboard-welcome input:focus{box-shadow:0 0 0 3px #124eaf1a;background:#ffffffe6}@media (max-width: 1200px){.dashboard-cards-row{flex-direction:column;gap:24px;align-items:flex-start}.recent-sessions-section{position:static;width:100%;margin-top:32px}}@media (max-width: 900px){.dashboard-home-main-content{padding:16px 4px}.recent-sessions-section{padding:16px 8px 12px}}.dashboard-home-main-content .quick-access,.dashboard-home-main-content .quick-access-cards{display:none!important}.recent-session-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #124eaf14;padding:22px 22px 16px;margin-bottom:0;cursor:pointer;transition:box-shadow .13s,transform .13s;border:1px solid #f0f0f0;display:flex;flex-direction:column;position:relative;z-index:99999;pointer-events:auto}.recent-session-card:hover{box-shadow:0 4px 16px #124eaf21;transform:translateY(-2px) scale(1.01)}.recent-session-card-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.recent-session-card-info{flex:1;display:flex;flex-direction:column;gap:0}.recent-session-card-title{font-size:1.18rem;font-weight:700;color:#222;margin-bottom:4px;font-family:Inter,sans-serif}.recent-session-card-meta{font-size:1.02rem;color:#888;display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-weight:400;margin-bottom:10px}.dot-separator{font-size:1.2em;color:#b0b0b0;margin:0 2px}.recent-session-progress-bar{width:100%;height:4px;background:#ede7f6;border-radius:2px;margin-top:8px;position:relative;overflow:visible}.recent-session-progress-bar-inner{width:90%;height:100%;background:#b39ddb;border-radius:2px;position:absolute;left:0;top:0;transition:width .3s}.recent-session-progress-dot{position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#b39ddb;border-radius:50%;box-shadow:0 0 0 2px #ede7f6}.recent-session-card-menu{display:flex;align-items:center;justify-content:center;height:100%;padding-left:10px;padding-right:2px}.recent-session-card-menu svg circle{fill:#888}.dashboard-home-widgets-row{display:flex;flex-direction:row;gap:40px;margin-top:36px;align-items:flex-start;justify-content:flex-start}@media (max-width: 1100px){.dashboard-home-widgets-row{flex-direction:column;gap:24px;align-items:stretch}.dashboard-calendar-card,.recent-sessions-section{width:100%!important;min-width:0!important;max-width:100%!important}}.dashboard-calendar-stack{display:flex;flex-direction:column;align-items:center;width:260px;gap:0}.recent-sessions-section{width:260px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #4169e114;padding:24px 24px 18px;font-family:Inter,sans-serif;margin:24px 0 0;display:block}.active-sessions-section{height:auto!important;min-height:0!important;margin-top:0!important}.sidebar,.sidebar *{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:17.5px!important;line-height:1!important;letter-spacing:0!important}.dashboard-card .session-list-item>div:first-child,.dashboard-card .session-list-item:hover>div:first-child{margin-right:0!important;transition:none!important}.recent-session-card:hover{background:#e3eafe!important;transform:translateY(-2px);box-shadow:0 4px 12px #124eaf26}.dashboard-calendar-card{background:#fff;border-radius:18px;box-shadow:0 2px 12px #124eaf14;padding:8px 8px 0;width:260px;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;max-width:100%}.calendar-header-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:0;margin-bottom:0;overflow:hidden}.calendar-title{font-size:clamp(.7rem,6vw,1.35rem);font-weight:700;color:#222;font-family:Inter,sans-serif;letter-spacing:1px;flex:2 1 0;min-width:140px;display:block;text-align:left;white-space:nowrap;overflow:hidden}.calendar-arrows-group{display:flex;align-items:center;gap:0px;flex-shrink:0}.calendar-arrow{background:none;border:none;color:#222;cursor:pointer;padding:0;margin:0 2px;transition:color .15s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.calendar-arrow svg{width:20px;height:20px}.calendar-arrow:hover{color:#124eaf}.calendar-subtitle{font-size:.85rem;color:#444;font-family:Inter,sans-serif;font-weight:400;margin-bottom:10px;text-align:left;width:100%}.calendar-grid{display:flex;flex-direction:column;gap:4px;width:100%;margin-bottom:18px}.calendar-week{display:flex;flex-direction:row;justify-content:flex-start;gap:4px}.calendar-day{width:32px;height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.05rem;color:#222;font-family:Inter,sans-serif;font-weight:400;position:relative;background:none;border-radius:50%;transition:background .15s;margin:0;padding:0}.calendar-day-empty{color:#ccc!important;pointer-events:none}.calendar-day-dot .calendar-dot{width:7px;height:7px;background:#e57373;border-radius:50%;position:absolute;left:50%;bottom:7px;transform:translate(-50%);display:block}.calendar-dot{width:7px;height:7px;background:#e57373;border-radius:50%;margin-top:2px;display:block}.calendar-day-dots{display:flex;gap:2px;justify-content:center;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.calendar-day-dot-past{width:4px;height:4px;background:#4caf50;border-radius:50%}.calendar-day-dot-active{width:4px;height:4px;background:#ffc107;border-radius:50%}.calendar-day-dot-scheduled{width:4px;height:4px;background:#f44336;border-radius:50%}.calendar-tent-img{width:100%;margin-top:-80px;margin-bottom:-60px;align-self:center;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%}.calendar-day-outside{color:#ccc!important;font-weight:400}.calendar-day-today{background:#e3eafe!important;border-radius:50%;color:#124eaf!important;font-weight:700;box-shadow:0 2px 8px #124eaf14}body{background:#f7f9fb;color:#222}.sidebar{background:#124eaf;color:#fff;min-width:220px;box-shadow:2px 0 12px #124eaf12}.sidebar .nav-item.active,.sidebar .nav-item:hover{background:#fff;color:#124eaf;border-radius:8px;font-weight:700}.sidebar .nav-item{padding:14px 24px;margin:6px 0;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.main-content{background:#f7f9fb;max-width:1200px;padding:48px 32px;min-height:100vh;margin-left:280px}h1,h2,h3{font-weight:700;color:#222;margin-bottom:18px}h1{font-size:2.2rem}h2{font-size:1.5rem}h3{font-size:1.15rem}.card,.session-info,.modal{background:#fff;border-radius:18px;box-shadow:0 4px 24px #124eaf14;padding:36px 32px 28px;margin-bottom:32px;border:none}.quick-access-cards,.sessions-content{display:flex;flex-wrap:wrap;gap:32px}.card{transition:box-shadow .2s,border-color .2s;border:1.5px solid #e0e0e0}.card:hover{box-shadow:0 8px 32px #124eaf21;border-color:#124eaf}button,.session-btn,.create-btn,.cancel-btn,.clear-data-btn,.connection-btn{border-radius:8px;font-size:1rem;font-weight:600;letter-spacing:.5px;transition:all .2s;outline:none;border:none;box-shadow:none;padding:12px 28px;margin:0 6px}.create-btn,.session-btn,.connection-btn.connect{background:#124eaf;color:#fff;border:none}.create-btn:disabled,.session-btn:disabled,.connection-btn:disabled{opacity:.5;cursor:not-allowed}.create-btn:hover,.session-btn:hover,.connection-btn.connect:hover{background:#274bb5}.cancel-btn,.clear-data-btn,.connection-btn.disconnect{background:#fff;color:#124eaf;border:1.5px solid #124EAF}.cancel-btn:hover,.clear-data-btn:hover,.connection-btn.disconnect:hover{background:#f7f9fb}input,select,.session-name-input{border-radius:8px;border:1.5px solid #e0e0e0;padding:12px 10px;font-size:1.08rem;background:#fff;color:#222;transition:border-color .2s}input:focus,select:focus,.session-name-input:focus{border-color:#124eaf;outline:none}.input-group label{color:#124eaf;font-weight:600;margin-bottom:8px}.modal{min-width:340px;max-width:98vw;position:relative;border-radius:20px;box-shadow:0 8px 32px #124eaf21;padding:36px 32px 28px}.modal h2{color:#222;font-weight:700;text-align:center;margin-bottom:10px}.modal-content{margin-bottom:24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.status-badge.stopped{background:#ff9800;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}::-webkit-scrollbar-track{background:#f7f9fb}@media (max-width: 900px){.main-content{margin-left:0;padding:16px 4px;max-width:100vw}.card,.session-info,.modal{padding:16px 6px 12px}}.user-profile{background-color:transparent;border-top:1px solid rgba(255,255,255,.15)}.user-email{background-color:transparent;color:#fff}@media (max-width: 1300px){.main-content{max-width:98vw;padding-left:24px;padding-right:24px}}.session-info{background-color:transparent;color:#222;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000f;padding:40px 40px 28px;border-radius:16px}.session-info h2{color:#222}.card{background-color:#fff;color:#222;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000f;padding:40px 40px 28px;border-radius:16px}.card:hover{box-shadow:0 4px 12px #124eaf1a}.active-session{background-color:transparent;border-left:4px solid #124EAF}.quick-access h2,.session-header h2{background-color:transparent;color:#222}.data-container{background-color:transparent;color:#222;border:1px solid #e0e0e0}.data-item{background-color:transparent;color:#222;border-bottom:1px solid #e0e0e0}.data-item .timestamp{background-color:transparent;color:#888}.data-item .data{background-color:transparent;color:#222}.no-data,.no-robots{color:#888;background:transparent;border:2px dashed #e0e0e0}.input-group input,.input-group select{background:#f5f5f5;color:#222;border:1px solid #e0e0e0}.input-group input:focus,.input-group select:focus{background-color:transparent;border-color:#124eaf}.status-badge.active{background-color:#124eaf;color:#fff}.status-badge.stopped{background-color:#ff9800;color:#fff}.session-btn{background-color:transparent;background:#124eaf;color:#fff}.session-btn.delete-btn{background-color:transparent;background:#f44336}.session-btn:disabled{background-color:transparent;background:#b0b0b0;color:#fff}.delete-bar{background:#f44336}.delete-bar img{background:transparent}.top-bar-actions{background-color:transparent;display:flex;gap:20px;align-items:center}.create-session-btn{background:#124eaf;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #124eaf12;display:flex;align-items:center;gap:8px}.active-session h3{background-color:transparent;margin-bottom:15px}.active-session p{background-color:transparent;margin-bottom:10px}.session-time{background-color:transparent;color:#b0b0b0;font-size:14px}.sessions-content,.session-view-content{background-color:transparent}.view-session-btn{margin-top:15px;background-color:#fff;color:#1a1a1a;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:300;letter-spacing:1px;font-size:14px;transition:all .2s ease}.view-session-btn:hover{transform:translateY(-2px);box-shadow:0 2px 4px #fff3}.session-header{display:flex;align-items:center;gap:50px;background-color:transparent}.back-btn{background-color:transparent;border:none;color:#000;font-size:16px;font-weight:300;letter-spacing:1px;cursor:pointer;padding:8px 0;transition:all .2s ease}.back-btn:hover{transform:translate(-5px)}.session-view-content{margin-top:30px}.connection-status{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #404040;background-color:transparent}.connection-status h2{background-color:transparent}.status-indicator{display:flex;align-items:center;gap:20px;margin:15px 0}.status-indicator span{background-color:transparent;color:#000}.status-dot{width:12px;height:12px;border-radius:50%;background-color:#666;transition:background-color .3s ease}.connection-btn{padding:10px 20px;border-radius:8px;font-size:16px;font-weight:300;letter-spacing:1px;cursor:pointer;transition:all .2s ease;border:none}.connection-btn.connect{background-color:#fff;color:#1a1a1a}.connection-btn.disconnect{background-color:#f44;color:#fff}.connection-btn:hover{transform:translateY(-2px);box-shadow:0 2px 4px #fff3}.data-display{background-color:transparent;margin-top:20px}.data-display h3{background-color:transparent;margin-bottom:15px;font-weight:300;letter-spacing:2px;color:#fff}.data-container{background-color:transparent;border-radius:8px;padding:20px;max-height:400px;overflow-y:auto;border:1px solid #e0e0e0}.data-item{padding:8px;border-bottom:1px solid #e0e0e0;font-family:monospace;white-space:pre-wrap;display:flex;gap:12px;align-items:center}.data-item:last-child{background-color:transparent;border-bottom:none}.data-item .timestamp{background-color:transparent;color:#b0b0b0;font-size:12px;min-width:80px;font-weight:500}.data-item .data{background-color:transparent;flex:1;color:#fff;font-size:14px}.no-data{background-color:transparent;color:#b0b0b0;font-style:italic}.data-container::-webkit-scrollbar{width:8px}.data-container::-webkit-scrollbar-track{background:transparent;border-radius:4px}.data-container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.data-container::-webkit-scrollbar-thumb:hover{background:#ccc}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#124eaf2e;z-index:1000;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal{background-color:#fff;color:#222;border:1px solid #e0e0e0;box-shadow:0 4px 12px #124eaf1a}.modal h2{margin-bottom:20px;font-weight:300;letter-spacing:2px;color:#fff;background-color:transparent}.modal-content,.modal-content label{margin-bottom:30px;background-color:transparent}.input-group{margin-bottom:20px;background:transparent}.input-group label{display:block;margin-bottom:8px;font-weight:300;letter-spacing:1px;color:#fff;background:transparent!important}.input-group input{background:#f5f5f5!important;color:#222}.input-group input,.input-group select{width:100%;padding:10px;border:1px solid #404040;border-radius:12px;font-size:16px;font-family:Montserrat,sans-serif;background:transparent;color:#fff}.input-group input:focus,.input-group select:focus{outline:none;border-color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:15px;background-color:transparent}.modal-actions button{padding:10px 20px;border-radius:6px;font-size:16px;font-weight:300;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background-color:#e0e0e0}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 4px #fff3}.robot-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;padding-bottom:18px}.robot-header{background-color:transparent;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #404040}.robot-id{background-color:transparent;display:flex;align-items:center;gap:10px}.device-id{font-family:monospace;font-size:16px;font-weight:600;color:#222;background-color:#f5f5f5;padding:4px 8px;border-radius:4px;border:1px solid #e0e0e0}.status-indicator{width:10px;height:10px;border-radius:50%;background-color:#4caf50;animation:pulse 2s infinite}.status-indicator.inactive{background-color:transparent;animation:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.robot-stats{background-color:transparent;font-size:12px;color:#b0b0b0;font-weight:300}.robot-info{background-color:transparent;margin-bottom:15px}.info-row{background-color:transparent;display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.info-row .label{background-color:transparent;color:#b0b0b0;font-weight:500}.info-row .value{background-color:transparent;color:#fff;font-family:monospace;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-robots{text-align:center;color:#b0b0b0;font-style:italic;padding:40px 20px;background-color:transparent;border-radius:8px;border:2px dashed #e0e0e0;width:100%}.status-badge{background-color:transparent;font-weight:500;text-transform:uppercase;letter-spacing:1px}.status-badge.active{background-color:#4caf50;color:#fff}.status-badge.paused{background-color:#ff9800;color:#fff}.session-btn{transition:all .2s ease;font-weight:300;letter-spacing:1px}.session-btn:hover{background-color:transparent;transform:translateY(-2px);box-shadow:0 2px 4px #fff3}.connection-btn:disabled{background-color:transparent;opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.delete-bar{position:absolute;top:0;right:0;width:100px;height:100%;background:#f44336;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer;z-index:2;border-top-right-radius:10px;border-bottom-right-radius:10px}.card:hover .delete-bar{opacity:1}.delete-bar img{width:24px;height:24px;background-color:transparent}.clear-data-btn{background:#f0f0f0;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:300;letter-spacing:1px;transition:background .2s,border .2s}.session-name-input{font-size:24px;font-weight:300;border:none;background:transparent;color:#000;padding:8px 0;border-bottom:2px solid transparent;transition:border-color .2s ease}.session-name-input:focus{outline:none;border-bottom-color:#124eaf}.session-view-content{background:#f7f9fb;padding:0 16px;border-radius:18px;box-shadow:0 2px 12px #124eaf0a}.session-info{margin-bottom:32px;box-shadow:0 4px 24px #124eaf12;border-radius:14px;border:none;background:#fff;padding:32px 32px 24px}@media (max-width: 900px){.session-info{padding:18px 8px 16px}.session-view-content{padding:0 2px}}.session-info h2{font-size:1.5rem;font-weight:700;margin-bottom:18px;color:#222}.section-divider{height:1px;background:#e0e0e0;margin:32px 0;border-radius:2px}button,.session-btn,.clear-data-btn,.connection-btn{border-radius:8px;font-size:15px;font-weight:500;letter-spacing:.5px;transition:all .2s;outline:none;border:none;box-shadow:none}button:focus,.session-btn:focus,.clear-data-btn:focus,.connection-btn:focus{box-shadow:0 0 0 2px #124eafaa}.session-btn,.clear-data-btn,.connection-btn{padding:10px 22px;margin-left:8px;margin-right:8px}.session-btn.stop-btn{background:#ff9800;color:#fff}.session-btn:disabled,.clear-data-btn:disabled,.connection-btn:disabled{opacity:.5;cursor:not-allowed}.clear-data-btn{background:#f0f0f0;color:#222;border:1px solid #ddd}.clear-data-btn:hover{background:#e0e0e0;border-color:#bbb}.connection-btn.connect{background:#124eaf;color:#fff}.connection-btn.disconnect{background:#b0b0b0;color:#fff}.session-name-input{font-size:1.3rem;font-weight:400;border:none;background:transparent;color:#222;padding:8px 0;border-bottom:2px solid #e0e0e0;transition:border-color .2s;min-width:180px}.session-name-input:focus{border-bottom-color:#124eaf;outline:none}.robot-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px;padding-bottom:18px}.robot-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #124eaf14;border:2px solid #e0e0e0;padding:20px;transition:box-shadow .2s,border-color .2s,transform .2s;position:relative;cursor:pointer}.robot-card:hover{border-color:#124eaf;box-shadow:0 4px 16px #124eaf21;transform:translateY(-2px)}.robot-card.selected{border-color:#124eaf;box-shadow:0 4px 16px #124eaf21;border-width:3px}.robot-card-image{width:80px;height:80px;object-fit:contain;margin-bottom:12px}.robot-card-info{text-align:center;width:100%}.robot-card-device-id{font-family:monospace;font-size:14px;font-weight:600;color:#222;margin-bottom:8px;background:#f5f5f5;padding:4px 8px;border-radius:4px;border:1px solid #e0e0e0;display:inline-block}.robot-card-status{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.robot-card-status-indicator{width:8px;height:8px;border-radius:50%;background-color:#4caf50;animation:pulse 2s infinite}.robot-card-status-indicator.inactive{background-color:#b0b0b0;animation:none}.robot-card-data-count{font-size:12px;color:#888;font-weight:500}@media (max-width: 900px){.robot-cards-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.robot-card{width:150px;height:150px;padding:16px}.robot-card-image{width:60px;height:60px;margin-bottom:8px}.robot-card-device-id{font-size:12px;padding:2px 6px}}.data-container{background:#f7f9fb;border-radius:10px;padding:18px;border:1px solid #e0e0e0;margin-bottom:12px}.data-item{background:#fff;border-radius:6px;margin-bottom:8px;padding:8px 12px;display:flex;align-items:center;gap:16px;font-family:monospace;font-size:.98rem;border-bottom:none;box-shadow:0 1px 2px #124eaf08}.data-item .timestamp{color:#888;min-width:80px;font-weight:500}.data-item .data{color:#222;flex:1}.no-data,.no-robots{background:#f7f9fb;color:#b0b0b0;border-radius:10px;border:2px dashed #e0e0e0;padding:32px 12px;text-align:center}.session-view-content{background:#f7f9fb;padding:0;border-radius:0;box-shadow:none;max-height:calc(100vh - 200px);overflow-y:auto}.session-section{background:#fff;border-radius:18px;box-shadow:0 4px 24px #124eaf14;border:1.5px solid #e0e0e0;padding:32px 32px 24px;margin-bottom:24px;transition:all .2s ease}.session-section:hover{box-shadow:0 8px 32px #124eaf21;border-color:#124eaf}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.section-header h2{font-size:1.5rem;font-weight:700;color:#222;margin:0;background:transparent}.section-header .clear-data-btn{margin:0}@media (max-width: 900px){.session-section{padding:24px 20px 20px;margin-bottom:20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header h2{font-size:1.3rem}}.session-info{margin-bottom:24px;box-shadow:0 4px 24px #124eaf14;border-radius:18px;border:none;background:#fff;padding:32px 32px 24px;border:1.5px solid #e0e0e0}.session-info:hover{box-shadow:0 8px 32px #124eaf21;border-color:#124eaf}@media (max-width: 900px){.session-info{padding:24px 20px 20px;margin-bottom:20px}.session-view-content{padding:0}}.session-info h2{font-size:1.5rem;font-weight:700;margin-bottom:18px;color:#222;background:transparent}.section-divider{height:1px;background:#e0e0e0;margin:24px 0;border-radius:2px}.connection-status{margin-bottom:24px;padding-bottom:0;border-bottom:none;background:transparent}.connection-status h2{background:transparent;margin-bottom:16px}.status-indicator{display:flex;align-items:center;gap:12px;margin:16px 0;background:transparent}.status-indicator span{background:transparent;color:#222;font-weight:500}.status-dot{width:12px;height:12px;border-radius:50%;background-color:#b0b0b0;transition:background-color .3s ease}.status-dot.connected{background-color:#4caf50}.connection-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:none;font-family:Montserrat,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.connection-btn.connect{background:#124eaf;color:#fff;border:none}.connection-btn.disconnect{background:#fff;color:#124eaf;border:1.5px solid #124EAF}.connection-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #124eaf33}.connection-btn.connect:hover{background:#274bb5}.connection-btn.disconnect:hover{background:#f7f9fb}.session-name-input{font-size:1.4rem;font-weight:600;border:none;background:transparent;color:#222;padding:8px 0;border-bottom:2px solid transparent;transition:border-color .2s ease;min-width:150px;max-width:300px;font-family:Montserrat,sans-serif;outline:none}.session-name-input:hover{border-bottom-color:#124eaf;cursor:text;outline:none}.session-name-input:focus{border-bottom-color:#124eaf;outline:none;background-color:#124eaf0d}.session-name-input:disabled{color:#888;border-bottom-color:transparent;cursor:not-allowed;outline:none}.status-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:transparent}.status-badge.paused{background:#ff9800;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.status-badge.ended{background-color:#6c757d;color:#fff}.session-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:none;font-family:Montserrat,sans-serif;margin-left:8px;display:flex;align-items:center;gap:8px;min-width:120px;height:40px;justify-content:center;white-space:nowrap}.session-btn svg{width:18px;height:18px;flex-shrink:0}.session-btn.save-btn{background:#124eaf;color:#fff}.session-btn.pause-btn{background:#ff9800;color:#fff}.session-btn.end-btn{background:#dc3545;color:#fff}.session-btn.resume-btn{background:#28a745;color:#fff}.session-btn.delete-btn{background:#f44336;color:#fff}.session-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #124eaf33}.session-btn.save-btn:hover{background:#274bb5}.session-btn.pause-btn:hover{background:#e68900}.session-btn.end-btn:hover{background:#c82333}.session-btn.resume-btn:hover{background:#218838}.session-btn.delete-btn:hover{background:#d32f2f}.session-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.clear-data-btn{background:#fff;color:#124eaf;border:1.5px solid #124EAF;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;transition:all .2s ease;font-family:Montserrat,sans-serif}.clear-data-btn:hover{background:#f7f9fb;transform:translateY(-1px);box-shadow:0 2px 8px #124eaf26}.data-container{background:#fff;border-radius:12px;padding:20px;border:1.5px solid #e0e0e0;margin-bottom:16px;box-shadow:0 2px 8px #124eaf0a;max-height:400px;overflow-y:auto}.data-container:hover{border-color:#124eaf;box-shadow:0 4px 16px #124eaf14}.data-item{background:#f7f9fb;border-radius:8px;margin-bottom:8px;padding:12px 16px;display:flex;align-items:center;gap:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;border:none;box-shadow:0 1px 3px #124eaf0d;transition:background .2s ease}.data-item:hover{background:#f0f4ff}.data-item:last-child{margin-bottom:0}.data-item .timestamp{color:#888;min-width:80px;font-weight:600;font-size:12px;background:transparent}.data-item .data{color:#222;flex:1;background:transparent;word-break:break-all}.no-data,.no-robots{background:#f7f9fb;color:#888;border-radius:12px;border:2px dashed #e0e0e0;padding:40px 20px;text-align:center;font-style:italic;font-size:14px}.no-robots{width:100%;margin:20px 0}.top-bar{background:#fff;padding:20px 0;margin-bottom:24px;border-bottom:5px solid #e0e0e0;border-radius:0;min-height:80px;display:flex;align-items:center}.session-header{display:flex;align-items:center;gap:20px;background:transparent;width:100%;min-height:60px}.session-header>div:last-child{min-width:400px;display:flex;gap:12px;justify-content:flex-end}.back-btn{background:transparent;border:none;color:#124eaf;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease;font-family:Montserrat,sans-serif;display:flex;align-items:center;gap:6px}.back-btn:hover{background:#f0f4ff;transform:translate(-2px)}.back-btn:before{content:"←";font-size:16px;font-weight:700}.session-header h1{font-size:1.8rem;font-weight:700;color:#222;margin:0;background:transparent}.session-header .session-name-input,.session-name-input{background:transparent!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:#222!important;font-size:1.4rem!important;font-weight:600!important;padding:8px 0!important;min-width:200px!important;font-family:Montserrat,sans-serif!important;outline:none!important;box-shadow:none!important;transition:border-color .2s!important}.session-header .session-name-input:hover,.session-header .session-name-input:focus,.session-name-input:hover,.session-name-input:focus{border-bottom-color:#124eaf!important;background:transparent!important;outline:none!important;box-shadow:none!important}.session-header .session-name-input:disabled,.session-name-input:disabled{color:#888!important;border-bottom-color:transparent!important;cursor:not-allowed!important;background:transparent!important;box-shadow:none!important}.session-list{display:flex;flex-direction:column;gap:18px;width:100%}.session-list-item .session-btn.delete-btn{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important;position:relative!important;right:0!important;background:#f44336!important;color:#fff!important;border-radius:6px!important;margin-left:18px!important;z-index:10!important;width:40px!important;height:40px!important;min-width:0!important;min-height:0!important;font-size:18px!important;border:2px solid #000!important;box-shadow:none!important;outline:none!important}.session-list-item{position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}.delete-area{position:absolute;top:0;right:0;height:100%;width:0;background:#f44336;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:width .25s cubic-bezier(.4,0,.2,1),background .2s;z-index:2;overflow:hidden}.session-list-item:hover .delete-area{width:64px}.session-list-item .trash-icon{width:28px;height:28px;color:#fff;stroke:#fff;border:none!important}.session-list-item>div:first-child{transition:margin-right .25s cubic-bezier(.4,0,.2,1)}.session-list-item:hover>div:first-child{margin-right:64px}.session-list-item{background:#fff;border-radius:14px;box-shadow:0 1px 6px #124eaf0a;border:1px solid #e0e0e0;padding:28px 40px;margin-bottom:12px;transition:box-shadow .18s,border-color .18s,transform .18s;cursor:pointer}.session-list-item:not(.session-card-empty):hover{border-color:#b3c6f7;box-shadow:0 4px 16px #124eaf17;transform:translateY(-2px) scale(1.01)}.delete-area{border-top-right-radius:14px;border-bottom-right-radius:14px;background:#f44336;transition:background .18s,width .25s cubic-bezier(.4,0,.2,1)}.delete-area:hover{background:#d32f2f}.trash-icon{width:28px;height:28px;color:#fff;stroke:#fff;border:none!important}.status-badge.active,.status-badge.ended{font-size:13px;padding:6px 18px;border-radius:16px;font-weight:600;letter-spacing:.5px}.session-list-item>div:first-child{gap:24px}.session-list-item .session-time{font-size:13px;color:#b0b0b0;font-weight:400}.session-list-item .status-badge{margin-right:10px}.session-list-item span[style*="font-weight: 600"]{font-size:1.18rem;font-weight:700;color:#222}.quick-access{width:100%;margin:0;padding:0;background:none;box-shadow:none}.quick-access h2{font-size:1.25rem;font-weight:600;color:#222;margin-bottom:18px;margin-top:12px!important}.sessions-content{width:100%;margin:0;background:#fff;border-radius:0;box-shadow:none;padding:20px 0 48px}body,.dashboard-container{background:#f5f7fa!important}.sessions-content{max-width:1400px;margin:0 auto;background:#fff;border-radius:22px;box-shadow:0 8px 32px #124eaf12;padding:48px 40px}.session-list-item{position:relative;width:100%;max-width:none;margin:0 0 18px;padding:36px 32px 28px;background:#fff;border-radius:18px;box-shadow:0 2px 12px #124eaf14;border:1.5px solid #e0e0e0;transition:box-shadow .18s,border-color .18s,transform .18s;cursor:pointer;overflow:visible!important}.status-badge{position:absolute;top:-45px;left:-45px;transform:rotate(-15deg);z-index:10;padding:8px 48px;border-radius:0 0 16px;box-shadow:0 2px 8px #124eaf1a;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#124eaf;color:#fff;border:none}.status-badge.paused{background:#ff9800;color:#fff}.status-badge.ended{background:#6c757d;color:#fff}.session-list-item:not(.session-card-empty):hover{border-color:#124eaf;box-shadow:0 8px 32px #124eaf21;transform:translateY(-2px) scale(1.01)}.quick-access{margin-bottom:48px}.quick-access h2{font-size:1.35rem;font-weight:700;color:#222;margin-bottom:24px;margin-top:40px;letter-spacing:.5px}.top-bar{background:#fff;border-radius:18px;box-shadow:0 2px 12px #124eaf14;padding:32px 40px 24px;margin-bottom:36px;display:flex;align-items:center;justify-content:space-between}.create-session-btn{display:flex;align-items:center;gap:8px;background:#124eaf;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #124eaf12}.create-session-btn:hover{background:#274bb5;box-shadow:0 4px 16px #124eaf21;transform:translateY(-2px)}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;margin-top:24px}.session-card{background:#fff;border-radius:18px;box-shadow:0 4px 16px #124eaf1a;overflow:visible;position:relative;display:flex;flex-direction:column;min-height:240px;transition:box-shadow .2s,border-color .2s,transform .2s;z-index:1;border:1.5px solid transparent}.session-card:hover{box-shadow:0 12px 32px #124eaf2e;border-color:#124eaf;z-index:10}.session-card-header-bar{border-top-left-radius:18px;border-top-right-radius:18px;height:120px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;z-index:100;background:linear-gradient(135deg,#124eaf,#2741a5)}.session-card-avatar{position:absolute;left:50%;top:80px;transform:translate(-50%);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #124eaf26;z-index:9999;border:5px solid #fff;background-clip:padding-box;font-size:32px;pointer-events:auto}button.create-session-btn.fade-in-scale.animate-on-mount-delay-1{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:16px!important}.session-list-item.session-card-empty p{font-family:Inter,sans-serif!important}.session-view-content{--font-body: "Inter", sans-serif !important}.session-view-content p{font-family:Inter,sans-serif!important}.session-view-content h3,.session-view-content .section-header h3,.session-view-content .robots-section h3,.session-view-content .session-tabs h3,.session-view-content .robots-and-programs h3{font-family:Bevan,serif!important;font-weight:600!important}.session-view-content div[style*="Current Classroom"],.session-view-content .session-settings div,.session-view-content .modal-body div{font-family:Bevan,serif!important}.session-view-content .classroom-label,.session-view-content span.classroom-label{font-family:Space Mono,monospace!important;font-weight:500!important}.session-view-content .classroom-name,.session-view-content span.classroom-name{font-family:Space Mono,monospace!important;font-weight:520!important}.session-view-content div .classroom-label,.session-view-content div .classroom-name{font-family:Space Mono,monospace!important}.session-view-content .robots-and-programs h3{font-family:Bevan,serif!important;font-weight:600!important}.session-view-container{max-width:1400px;margin:0 auto;background:#fff;border-radius:22px;box-shadow:0 8px 32px #124eaf12;padding:48px 40px;width:100%}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.session-title{font-size:2rem;font-weight:700;color:#222;margin:0}.session-status{display:flex;align-items:center;gap:12px}.status-badge{padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#124eaf;color:#fff}.status-badge.completed{background:#28a745;color:#fff}.status-badge.paused{background:#ffc107;color:#222}.status-badge.failed{background:#dc3545;color:#fff}.session-controls{display:flex;gap:12px;margin-bottom:24px}.control-btn{background:#124eaf;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#1a3d8f;transform:translateY(-1px);box-shadow:0 4px 12px #124eaf33}.control-btn.secondary{background:#6c757d}.control-btn.secondary:hover{background:#5a6268}.control-btn:disabled{background:#e0e0e0;color:#b0b0b0;cursor:not-allowed;transform:none;box-shadow:none}.session-content{display:grid;grid-template-columns:1fr 300px;gap:32px}.session-main{background:#f8f9fa;border-radius:16px;padding:24px;border:1px solid #e0e0e0}.session-sidebar{background:#f8f9fa;border-radius:16px;padding:24px;border:1px solid #e0e0e0;height:fit-content}.section-title{font-size:1.25rem;font-weight:700;color:#222;margin-bottom:16px}.robot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.robot-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .2s ease}.robot-card:hover{border-color:#124eaf;box-shadow:0 4px 16px #124eaf1a}.robot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.robot-name{font-size:1.1rem;font-weight:600;color:#222}.robot-status{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.robot-status.online{background:#d4edda;color:#155724}.robot-status.offline{background:#f8d7da;color:#721c24}.robot-status.busy{background:#fff3cd;color:#856404}.robot-info{display:flex;flex-direction:column;gap:8px}.robot-info-item{display:flex;justify-content:space-between;align-items:center}.robot-info-label{color:#666;font-size:.9rem}.robot-info-value{color:#222;font-weight:500;font-size:.9rem}.robot-actions{display:flex;gap:8px;margin-top:16px}.robot-action-btn{background:#124eaf;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.robot-action-btn:hover{background:#1a3d8f;transform:translateY(-1px)}.robot-action-btn.secondary{background:#6c757d}.robot-action-btn.secondary:hover{background:#5a6268}@media (max-width: 1024px){.session-content{grid-template-columns:1fr}.session-sidebar{order:-1}}@media (max-width: 768px){.session-view-container{padding:24px 20px}.session-header{flex-direction:column;gap:16px;align-items:stretch}.robot-grid{grid-template-columns:1fr}}.top-bar{background:#fff;border-radius:18px;box-shadow:0 2px 12px #124eaf14;padding:32px 40px 24px;margin-bottom:36px;display:flex;align-items:center;justify-content:space-between;max-width:100%}.classrooms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.classrooms-header h1{font-size:2rem;font-weight:700;color:#222;margin:0;letter-spacing:-.02em}.create-classroom-btn{display:flex;align-items:center;gap:8px;background:#124eaf;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:700;font-size:14px;font-family:Inter,sans-serif!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #124eaf12}.classrooms-content .create-classroom-btn,.classrooms-content button.create-classroom-btn{font-family:Inter,sans-serif!important;font-weight:700!important}button.create-classroom-btn.fade-in-scale.animate-on-mount-delay-1{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:16px!important}.create-classroom-btn:hover{background:#274bb5;box-shadow:0 4px 16px #124eaf21;transform:translateY(-2px)}.classrooms-content{max-width:1400px;margin:0 auto;background:#fff;border-radius:22px;box-shadow:0 8px 32px #124eaf12;padding:48px 40px;width:100%}@media (max-width: 900px){.classrooms-content{padding:12px 4px;border-radius:10px}}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e0e0e0}.empty-state h3{color:#555;font-weight:600;margin:20px 0 12px;font-size:1.5rem}.empty-state p{color:#888;margin-bottom:32px;font-size:1rem}.create-first-btn{background:linear-gradient(135deg,#124eaf,#2741a5);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #124eaf33}.create-first-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #124eaf4d}.classrooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;margin-top:24px}.classroom-card{background:#fff;border-radius:18px;box-shadow:0 4px 16px #124eaf1a;overflow:visible;position:relative;display:flex;flex-direction:column;min-height:240px;transition:box-shadow .2s,border-color .2s,transform .2s;z-index:1;border:1.5px solid transparent}.classroom-card:hover{box-shadow:0 12px 32px #124eaf2e;border-color:#124eaf;z-index:10}.classroom-card.dragging{opacity:.5;transform:rotate(5deg);z-index:1000;pointer-events:none}.classroom-card.drag-over{border-color:#28a745;box-shadow:0 8px 24px #28a74533;transform:scale(1.02);z-index:5}.classroom-card-header-bar{border-top-left-radius:18px;border-top-right-radius:18px;height:120px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;z-index:100}.classroom-card-header-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/dashboard/assets/whitedesign-DLLZ5Yr3.png);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.3;pointer-events:none;z-index:3}.classroom-card-avatar{position:absolute;left:50%;top:80px;transform:translate(-50%);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #124eaf26;z-index:9999;border:5px solid #fff;background-clip:padding-box;font-size:32px;pointer-events:auto}.classroom-card-content{background:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:18px;padding:60px 24px 24px;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;margin-top:0;position:relative;z-index:0}.classroom-title h3{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:#222;text-align:center}.classroom-info p{margin:0 0 12px;color:#666;font-size:.95rem;text-align:center}.classroom-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn{color:#124eaf}.edit-btn:hover{background:#e3eafe;color:#2741a5}.delete-btn{color:#dc3545}.delete-btn:hover{background:#ffeaea;color:#c82333}.quick-stats{display:flex;gap:24px}.stat{display:flex;align-items:center;gap:8px;color:#666;font-size:.9rem;font-weight:500}.stat svg{color:#124eaf}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-classroom-modal{max-width:600px}.classroom-detail-modal{max-width:800px;max-height:85vh}.modal-header{padding:24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.classroom-header-info{display:flex;align-items:center;gap:12px}.modal-header h2{margin:0;font-size:1.5rem;font-weight:500;color:#222}.modal-close{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#666;transition:all .2s ease}.modal-close:hover{background:#f0f0f0;color:#222}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-footer{padding:24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#222;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#124eaf;box-shadow:0 0 0 3px #124eaf1a}.icon-picker{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}.icon-picker::-webkit-scrollbar{height:4px}.icon-picker::-webkit-scrollbar-track{background:transparent}.icon-picker::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.icon-option{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center}.icon-option:hover{border-color:#124eaf;transform:translateY(-2px);box-shadow:0 4px 8px #124eaf1a}.icon-option.selected{border-color:#124eaf;background:#e3eafe;box-shadow:0 0 0 3px #124eaf1a}.icon-emoji{font-size:20px;line-height:1}.color-picker{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.color-picker-grid{display:flex;flex-wrap:wrap;gap:12px 12px;margin-top:8px;max-width:180px}.color-option{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #00000014;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .12s,box-shadow .12s,border-color .12s;outline:none;padding:0;box-sizing:border-box;background:none;font-size:0;line-height:0}.color-option:hover,.color-option:focus{transform:scale(1.08);box-shadow:0 2px 8px #00000026;border-color:#bbb;z-index:2}.color-option.selected{border:2.5px solid #222;box-shadow:0 0 0 2px #2222;z-index:3}.color-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:12px 0;cursor:pointer}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #124EAF;box-shadow:0 2px 8px #0003;cursor:pointer;transition:all .2s ease}.color-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.color-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #124EAF;box-shadow:0 2px 8px #0003;cursor:pointer;transition:all .2s ease}.color-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.color-slider::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff);border:none}.theme-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.theme-button{width:100%;height:60px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:none;outline:none;padding:0}.theme-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#124eaf}.theme-button.selected{border:3px solid #222;box-shadow:0 0 0 2px #2223;transform:translateY(-1px)}.theme-name{color:#fff;font-weight:600;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1;position:relative}.color-preview{width:40px;height:40px;border-radius:8px;border:2px solid #e0e0e0;margin-top:8px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.color-preview:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.btn-primary{background:linear-gradient(135deg,#124eaf,#2741a5);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #124eaf4d}.btn-secondary{background:#f8f9fa;color:#666;border:1px solid #e0e0e0;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e9ecef;color:#222}.classroom-detail-tabs{display:flex;flex-direction:column;gap:32px}.section{background:#f8f9fa;border-radius:8px;padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#222}.add-btn{display:flex;align-items:center;gap:6px;background:#124eaf;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-btn:hover{background:#2741a5;transform:translateY(-1px)}.students-list{display:flex;flex-direction:column;gap:12px}.student-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;transition:all .2s ease}.student-item:hover{border-color:#124eaf;box-shadow:0 2px 8px #124eaf1a}.student-info{display:flex;align-items:center;gap:12px}.student-avatar{width:36px;height:36px;background:#e3eafe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#124eaf}.student-details{display:flex;flex-direction:column}.student-name{font-weight:600;color:#222;font-size:.95rem}.student-email{color:#666;font-size:.85rem}.remove-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;color:#dc3545;transition:all .2s ease}.remove-btn:hover{background:#ffeaea}.groups-list{display:flex;flex-direction:column;gap:16px}.group-item{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.group-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.group-header h4{margin:0;font-size:1rem;font-weight:600;color:#222}.group-students{padding:16px;display:flex;flex-direction:column;gap:8px}.group-student{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:.9rem}.remove-student-btn{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:#dc3545;transition:all .2s ease}.remove-student-btn:hover{background:#ffeaea}.add-to-group{padding:16px;border-top:1px solid #e0e0e0}.add-to-group select{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer}.add-to-group select:focus{outline:none;border-color:#124eaf;box-shadow:0 0 0 2px #124eaf1a}.lessons-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.lesson-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.lesson-item:hover{border-color:#124eaf;box-shadow:0 2px 8px #124eaf1a}.lesson-info{display:flex;align-items:center;gap:12px;flex:1}.lesson-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8f9fa;border-radius:6px;color:#124eaf;flex-shrink:0}.lesson-details{display:flex;flex-direction:column;gap:2px;min-width:0}.lesson-name{font-weight:600;color:#222;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-overview{color:#666;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-age{color:#888;font-size:11px;font-weight:500}.add-to-lessons{margin-top:12px}.add-to-lessons select{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;color:#222;cursor:pointer;transition:all .2s ease}.add-to-lessons select:focus{outline:none;border-color:#124eaf;box-shadow:0 0 0 2px #124eaf1a}.no-students{color:#888;font-style:italic;text-align:center;padding:20px}.empty-list{text-align:center;padding:40px 20px;color:#888}.empty-list p{margin:0;font-style:italic}.group-item.drag-over{border:2px dashed #124EAF;background:#e3eafe;box-shadow:0 0 0 2px #124eaf;transition:background .15s,border .15s}@media (max-width: 768px){.classrooms-header{flex-direction:column;gap:16px;align-items:stretch}.create-classroom-btn{justify-content:center}.classrooms-grid{grid-template-columns:1fr;gap:18px}.classroom-card-header-bar{height:100px}.classroom-card-avatar{width:70px;height:70px;bottom:-35px;font-size:28px}.classroom-card-content{padding:50px 12px 16px;margin-top:35px;z-index:1}.classroom-detail-modal{max-width:95vw;margin:10px}.modal-content{max-width:95vw}.quick-stats{flex-direction:column;gap:12px}.section-header{flex-direction:column;gap:12px;align-items:stretch}.add-btn{justify-content:center}.icon-picker{gap:6px}.icon-option{min-width:45px;height:45px;padding:10px}.color-picker{gap:6px}.color-option{width:35px;height:35px}.color-slider{height:10px}.color-slider::-webkit-slider-thumb{width:24px;height:24px}.color-slider::-moz-range-thumb{width:24px;height:24px}.color-preview{width:50px;height:50px}.theme-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.theme-button{height:50px}.theme-name{font-size:11px}}@media (max-width: 480px){.classroom-card-header{flex-direction:column;gap:12px;align-items:stretch}.classroom-actions{justify-content:flex-end}.student-item{flex-direction:column;gap:12px;align-items:stretch}.student-info{justify-content:center}.remove-btn{align-self:flex-end}.classroom-title{flex-direction:column;align-items:flex-start;gap:8px}.classroom-card-header-bar{height:90px}.classroom-card-avatar{width:60px;height:60px;bottom:-30px;font-size:24px}.classroom-card-content{padding:40px 12px 16px;margin-top:30px}.icon-picker{gap:4px}.icon-option{min-width:40px;height:40px;padding:8px}.color-picker{gap:4px}.color-option{width:30px;height:30px}}.classroom-card-menu{z-index:10000!important}.classroom-card-menu-btn{outline:none;box-shadow:none}.classroom-card-menu-btn:focus{outline:none;box-shadow:none}.modal-content .btn-primary{background:#124eaf!important;color:#fff;box-shadow:none}.modal-content .btn-primary:hover{background:#274bb5!important;box-shadow:0 4px 12px #124eaf21;transform:translateY(-1px)}.classrooms-content .empty-state h3{color:#555;font-weight:600;margin:20px 0 12px;font-size:1.5rem;font-family:Space Mono,monospace!important}.classrooms-content .empty-state p{color:#888;margin-bottom:32px;font-size:1rem;font-family:Inter,sans-serif!important}.top-bar .subtitle-text{font-family:Inter,sans-serif!important}button.create-classroom-btn{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:16px!important}.lesson-details-title{font-family:Inter,sans-serif!important;font-weight:700!important}.session-view-content div[style*="fontSize: 16px"]{font-family:Inter,sans-serif!important}button[style*="background: #6f42c1"],.session-view-content button[style*="background: #6f42c1"],.session-view-content button[onClick*=openClassroomAssignmentModal],.session-view-content button[onClick*=openClassroomAssignmentModal][style*="background: #6f42c1"],.session-view-content button.assign-classroom-btn,.session-view-content button.assign-classroom-btn[style*="background: #6f42c1"]{font-family:Inter,sans-serif!important;font-weight:600!important}button[style*="padding: 16px 18px"],button.active[style*="background: #f0f4ff"],.session-view-content div[style*="color: #888"],.session-view-content button[style*="padding: 16px 18px"],.session-view-content button.active[style*="background: #f0f4ff"],.session-view-content button[style*="fontWeight: 700"],.session-view-content div[style*="No lesson selected"]{font-family:Inter,sans-serif!important}.session-view-content a[style*="display: inline-block"]{font-family:Inter,sans-serif!important;font-weight:600!important}.animate-on-mount{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) both}.animate-on-mount-delay-1{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .1s both}.animate-on-mount-delay-2{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .2s both}.animate-on-mount-delay-3{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .3s both}.animate-on-mount-delay-4{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .4s both}.animate-on-mount-delay-5{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .5s both}.animate-on-mount-delay-6{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .6s both}.animate-on-mount-delay-7{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .7s both}.animate-on-mount-delay-8{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .8s both}.animate-on-mount-delay-9{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .9s both}.slide-in-from-top{animation:slideInFromTop .8s cubic-bezier(.25,.46,.45,.94) both}.slide-in-from-bottom{animation:slideInFromBottom .8s cubic-bezier(.25,.46,.45,.94) both}.slide-in-from-left{animation:slideInFromLeft .8s cubic-bezier(.25,.46,.45,.94) both}.slide-in-from-right{animation:slideInFromRight .6s cubic-bezier(.25,.46,.45,.94) both}.fade-in-scale{animation:fadeInScale .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}button:hover,.nav-button:hover,.secondary-btn:hover,.dashboard-card:hover,.session-list-item:hover{transform:translateY(-2px);transition:transform .2s cubic-bezier(.25,.46,.45,.94)}button,.nav-button,.secondary-btn,.dashboard-card,input,.form-group,.session-list-item{transition:all .2s cubic-bezier(.25,.46,.45,.94)}html{scroll-behavior:smooth}*{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.dashboard-card,.session-list-item,.recent-session-card{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.dashboard-card:hover,.session-list-item:hover,.recent-session-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.status-badge,.nav-item,.nav-button{transition:all .3s cubic-bezier(.25,.46,.45,.94)}:root{--font-title: "Bebas Neue", serif;--font-subtitle: "Open Sans", sans-serif;--font-heading: "Sniglet", serif;--font-subheading: "Bevan", serif;--font-body: "Space Mono", monospace}.sessions-content,.session-view-content{font-family:var(--font-body)!important}.session-view-content .classroom-label{font-family:Space Mono,monospace!important}.session-view-content .classroom-name{font-family:Bevan,serif!important}.classrooms-content,.login-content,.signup-content,.home-content{font-family:var(--font-body)!important}.sessions-content h1,.session-view-content h1,.classrooms-content h1,.login-content h1,.signup-content h1,.home-content h1,.session-title,.classroom-title,.login-title h1,.signup-title h1,.home-title h1,.hero-content h1,h1{font-family:Bevan,serif!important;font-weight:400!important}.sessions-content h2,.session-view-content h2,.classrooms-content h2,.login-content h2,.signup-content h2,.home-content h2,.session-subtitle,.classroom-subtitle,.login-title p,.signup-title p,.home-subtitle{font-family:var(--font-subtitle)!important;font-weight:400}.sessions-content h3,.classrooms-content h3,.login-content h3,.signup-content h3,.home-content h3,.section-heading,.card-title,.modal-title{font-family:var(--font-heading)!important;font-weight:400!important}.session-view-content h3{font-family:Bevan,serif!important;font-weight:600!important}.sessions-content h4,.session-view-content h4,.classrooms-content h4,.login-content h4,.signup-content h4,.home-content h4,.subsection-heading,.card-subtitle{font-family:var(--font-subheading)!important;font-weight:400}.sessions-content p,.session-view-content p,.classrooms-content p,.login-content p,.signup-content p,.home-content p,.session-description,.classroom-description,.card-description,.modal-content p,.form-label,.input-label{font-family:var(--font-body)!important;font-weight:400}.sessions-content button,.session-view-content button,.classrooms-content button,.login-content button,.signup-content button,.home-content button,.create-session-btn,.create-classroom-btn,.login-submit-btn,.signup-submit-btn,.nav-button{font-family:var(--font-body)!important;font-weight:600}.sessions-content input,.session-view-content input,.classrooms-content input,.login-content input,.signup-content input,.home-content input,.form-input,.search-input,.login-input,.signup-input,.code-block,.terminal-output,.data-log,.robot-data,.page-nav,.breadcrumb,.menu-item{font-family:var(--font-body)!important;font-weight:400}.status-badge,.progress-label,.completion-status{font-family:var(--font-body)!important;font-weight:600}.data-table,.session-list,.classroom-list{font-family:var(--font-body)!important;font-weight:400}.modal-header h2,.popup-title{font-family:var(--font-heading)!important;font-weight:500}.modal-body,.popup-content{font-family:var(--font-body)!important;font-weight:400}.form-group label,.field-label{font-family:var(--font-subtitle)!important;font-weight:600}.form-group input,.form-group textarea,.form-group select{font-family:var(--font-body)!important;font-weight:400}.error-message,.success-message,.warning-message{font-family:var(--font-body)!important;font-weight:600}.tooltip,.help-text,.instruction-text{font-family:var(--font-subtitle)!important;font-weight:400}.calendar-header,.date-picker,.time-display{font-family:var(--font-body)!important;font-weight:400}.progress-bar,.progress-text,.completion-percentage,.robot-name,.device-id,.connection-status{font-family:var(--font-body)!important;font-weight:600}.session-card-title,.classroom-card-title{font-family:var(--font-heading)!important;font-weight:700}.session-card-subtitle,.classroom-card-subtitle{font-family:var(--font-subtitle)!important;font-weight:400}.session-card-description,.classroom-card-description{font-family:var(--font-body)!important;font-weight:400}