.login-page{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.login-container{display:flex;max-width:1200px;width:90%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);min-height:600px}.login-card{flex:1;padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.login-header{text-align:center;margin-bottom:40px}.login-header .logo{margin-bottom:30px}.login-header .logo .brand-name{font-size:32px;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin:0}.login-header .logo .brand-name a{text-decoration:none}.login-header .login-title{font-size:28px;font-weight:600;color:#333;margin:0 0 10px 0}.login-header .login-subtitle{font-size:15px;color:#666;margin:0}.login-form .form-group{margin-bottom:25px}.login-form .form-group label{display:flex;align-items:center;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.login-form .form-group label i{margin-right:8px;color:#667eea;font-size:16px}.login-form .form-group .form-control{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;box-sizing:border-box}.login-form .form-group .form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.login-form .form-group .form-control::placeholder{color:#999}.login-form .form-group .error-message{color:#e53e3e;font-size:13px;margin-top:6px}.login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.login-form .form-options .remember-me{display:flex;align-items:center}.login-form .form-options .remember-me input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer}.login-form .form-options .remember-me label{font-size:14px;color:#666;margin:0;cursor:pointer}.login-form .form-options .forgot-password{font-size:14px;color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.login-form .form-options .forgot-password:hover{color:#764ba2}.login-form .alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.login-form .alert.alert-danger{background-color:#fee;color:#e53e3e;border:1px solid #fcc}.login-form .alert.alert-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.login-form .alert.alert-info{background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.login-form .btn-login{width:100%;padding:16px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-form .btn-login i{font-size:18px;transition:transform .3s ease}.login-form .btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.login-form .btn-login:hover i{transform:translateX(4px)}.login-form .btn-login:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid #e0e0e0}.login-footer p{font-size:14px;color:#666;margin:0}.login-footer p a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.login-footer p a:hover{color:#764ba2}.login-illustration{flex:1;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:60px 50px;display:flex;align-items:center;justify-content:center;color:#fff}.login-illustration .illustration-content{max-width:400px}.login-illustration .illustration-content h3{font-size:32px;font-weight:700;margin:0 0 20px 0;line-height:1.3}.login-illustration .illustration-content p{font-size:16px;line-height:1.6;opacity:.9;margin:0 0 40px 0}.login-illustration .illustration-content .features-list .feature-item{display:flex;align-items:center;margin-bottom:20px}.login-illustration .illustration-content .features-list .feature-item i{font-size:24px;margin-right:15px;color:#fff}.login-illustration .illustration-content .features-list .feature-item span{font-size:16px;opacity:.95}.messages{margin-bottom:20px}.messages .alert{padding:12px 16px;border-radius:8px;margin-bottom:10px;font-size:14px}.messages .alert.alert-error,.messages .alert.alert-danger{background-color:#fee;color:#e53e3e;border:1px solid #fcc}.messages .alert.alert-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.messages .alert.alert-info,.messages .alert.alert-warning{background-color:#fffbeb;color:#d97706;border:1px solid #fef3c7}.logout-icon-container{text-align:center;margin:30px 0}.logout-icon-container i{font-size:80px;color:#667eea;opacity:.8}.logout-buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px}.logout-buttons .btn-cancel{width:100%;padding:16px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.logout-buttons .btn-cancel i{font-size:18px;transition:transform .3s ease}.logout-buttons .btn-cancel:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.logout-buttons .btn-cancel:hover i{transform:translateX(-4px)}.logout-buttons .btn-cancel:active{transform:translateY(0)}@media(max-width: 991px){.login-illustration{display:none}.login-container{max-width:500px}}@media(max-width: 767px){.login-card{padding:40px 30px}.login-header .logo .brand-name{font-size:28px}.login-header .login-title{font-size:24px}.login-header .login-subtitle{font-size:14px}.login-form .form-options{flex-direction:column;align-items:flex-start;gap:15px}.logout-icon-container i{font-size:60px}}body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.sidebar{position:fixed;left:0;top:0;width:250px;height:100vh;background:#fff;padding:20px;box-shadow:2px 0 5px rgba(0,0,0,.05)}.sidebar-menu{list-style:none;padding:0;margin-top:40px}.sidebar-menu li{margin-bottom:10px}.sidebar-menu i{margin-right:12px;font-size:20px}.sidebar-menu a{display:flex;align-items:center;padding:12px 15px;color:#666;text-decoration:none;border-radius:8px;transition:all .3s}.sidebar-menu a:hover,.sidebar-menu a.active{background-color:#e3f2fd;color:#2196f3}.main-content{margin-left:280px;padding:30px;max-width:1400px}.welcome-card{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.profile-section{display:flex;align-items:center;justify-content:space-between}.profile-info{display:flex;align-items:center}.profile-avatar{width:70px;height:70px;border-radius:50%;background:#e0e0e0;margin-right:20px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#666}.welcome-text h1{font-size:28px;margin:0;font-weight:600}.welcome-text p{color:#666;margin:5px 0 0 0}.stats{display:flex;gap:40px}.stat-item{text-align:center}.stat-number{font-size:32px;font-weight:bold;color:#2196f3}.stat-label{color:#666;font-size:14px;margin-top:5px}.section-title{font-size:22px;font-weight:600;margin-bottom:20px;color:#333}.session-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.session-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.session-card p{color:#666;margin-bottom:15px;font-size:14px}.session-actions{display:flex;gap:10px}.btn-outline-primary{padding:8px 20px;border:1px solid #2196f3;border-radius:8px;color:#2196f3;background:rgba(0,0,0,0);cursor:pointer;font-size:14px;transition:all .3s}.btn-outline-primary:hover{background:#2196f3;color:#fff}.btn-primary{padding:8px 20px;border:none;border-radius:8px;color:#fff;background:#2196f3;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary:hover{background:#1976d2}.recommendation-text{font-size:13px;color:#999;font-style:italic;margin-top:10px}.view-all{text-align:center;margin-top:20px}.view-all a{color:#2196f3;text-decoration:none;font-size:14px}.upcoming-session{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.session-header{font-weight:600;font-size:14px;margin-bottom:5px}.session-datetime{color:#666;font-size:14px;margin-bottom:10px}.session-client{color:#2196f3;font-size:14px;margin-bottom:5px}.session-end-date{color:#666;font-size:13px;margin-bottom:15px}.session-buttons{display:flex;gap:10px}.recommended-sidebar{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center}.recommended-icon{font-size:60px;color:#2196f3;margin-bottom:15px}.recommended-sidebar h3{font-size:18px;margin-bottom:10px}.recommended-sidebar p{color:#666;font-size:14px;margin-bottom:20px}.content-wrapper{display:flex;gap:30px}.main-column{flex:1}.sidebar-column{width:320px}.add-notes-link{color:#2196f3;text-decoration:none;font-size:14px;float:right}