:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html,#root{background:#0e1627;min-height:100%}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#1a2a3a,#0e1627 55%,#0a0f1e);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;width:560px;height:560px;background:radial-gradient(circle,rgba(86,124,141,.16) 0%,transparent 65%);top:-180px;right:-140px;border-radius:50%;animation:driftA 14s ease-in-out infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;width:420px;height:420px;background:radial-gradient(circle,rgba(47,65,86,.45) 0%,transparent 65%);bottom:-120px;left:-100px;border-radius:50%;animation:driftB 18s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes driftA{0%,to{transform:translate(0) scale(1)}35%{transform:translate(-45px,35px) scale(1.06)}70%{transform:translate(20px,-25px) scale(.95)}}@keyframes driftB{0%,to{transform:translate(0) scale(1)}35%{transform:translate(35px,-50px) scale(.94)}70%{transform:translate(-25px,25px) scale(1.07)}}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;width:100%;position:relative;z-index:1}.loading-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(145deg,#1a2a3a,#0e1627 55%,#0a0f1e);z-index:3000}.loading-container p{color:#c8d9e6;font-size:1.05rem;font-weight:600;letter-spacing:.3px;margin:0}.loading-spinner{width:54px;height:54px;border:3px solid rgba(86,124,141,.25);border-top-color:#567c8d;border-radius:50%;animation:spin .85s linear infinite}.loading-spinner.small{width:38px;height:38px;border-width:3px}.login-page,.signup-page{width:100%;max-width:440px;margin:0 auto;animation:fadeSlideUp .45s ease forwards}.login-page .form-divider,.signup-page .form-divider{background:transparent;padding:30px 36px 20px;border-radius:0;margin-bottom:0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.login-page .form-divider h2,.signup-page .form-divider h2{margin:0 0 12px;background:linear-gradient(135deg,#fff,#9cc7e6 45%,#567c8d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:4rem;font-weight:700;white-space:nowrap}.login-page .form-divider .brand-tagline,.signup-page .form-divider .brand-tagline{margin:0;color:#d9e6f2;font-size:1.3rem;font-weight:500;white-space:nowrap}.login-page .form-box,.signup-page .form-box{background:transparent!important;border-radius:0!important;padding:40px 36px 36px!important;width:100%;box-sizing:border-box;box-shadow:none!important}.form-box h2{color:#0e1627;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 5px;text-align:center}.brand-tagline{color:#567c8d;font-size:.85rem;text-align:center;margin:0}.form-box h3{color:#0e1627;font-size:1.3rem;font-weight:700;text-align:center;margin:0 0 4px}.login-form{display:flex;flex-direction:column}.login-form label{color:#8fa4b8;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.login-form input{padding:12px 14px;border:1.5px solid #d0e2ec;border-radius:10px;background:#fff;font-size:14px;color:#0e1627;margin-bottom:16px;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.login-form input::placeholder{color:#b0c8d4}.login-form input:focus{outline:none;border-color:#567c8d;box-shadow:0 0 0 3px #567c8d26}.password-container{position:relative;margin-bottom:4px}.password-container input{padding-right:46px;margin-bottom:0}.eye-overlay{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;cursor:pointer;opacity:.35;transition:opacity .2s}.eye-overlay:hover{opacity:.7}.role-section{margin-top:8px}.role-section p{color:#8fa4b8;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.role-container{display:flex;border:1.5px solid #d0e2ec;border-radius:10px;background:#edf4f8;overflow:hidden;margin-bottom:24px}.role-option{flex:1;display:flex;justify-content:center}.role-option:not(:last-child){border-right:1.5px solid #d0e2ec}.role-input{display:none}.role-box{padding:10px 0;width:100%;text-align:center;cursor:pointer;font-size:13px;font-weight:600;color:#567c8d;transition:background-color .2s,color .2s}.role-box:hover{background:#567c8d1a}.role-input:checked+.role-box,.role-input:checked+.role-box:hover{background:#2f4156;color:#fff}.submit-btn{width:100%;padding:13px;border:none;border-radius:10px;background:linear-gradient(135deg,#2f4156,#0e1627);color:#fff;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0e162759;transition:transform .18s,box-shadow .18s,filter .18s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #0e162773;filter:brightness(1.1)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.form-links{display:flex;justify-content:space-between;gap:32px;margin-top:20px;padding-top:16px;border-top:1px solid #dce8f0}.form-links a{color:#567c8d;font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s}.form-links a:hover{color:#0e1627}.error-message{color:#c0392b;font-size:11.5px;margin-top:-12px;margin-bottom:12px;display:block}@media(max-width:500px){.login-page .form-box,.signup-page .form-box{padding:30px 22px 28px!important}.login-page .form-divider h2,.signup-page .form-divider h2{font-size:1.9rem}.form-links{flex-direction:column;gap:10px;align-items:center}}.forgot-page{width:100%;max-width:440px;margin:0 auto;animation:fadeSlideUp .45s ease forwards}.forgot-page .form-divider{background:transparent;padding:30px 36px 20px;border-radius:0;margin-bottom:0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.forgot-page .form-divider h2{margin:0 0 12px;background:linear-gradient(135deg,#fff,#9cc7e6 45%,#567c8d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:4rem;font-weight:700;white-space:nowrap}.forgot-page .form-divider .brand-tagline{margin:0;color:#d9e6f2;font-size:1.3rem;font-weight:500;white-space:nowrap}.forgot-page .forgot-box{background:transparent!important;border-radius:0!important;padding:40px 36px 36px!important;width:100%;box-sizing:border-box;box-shadow:none!important}.forgot-page .forgot-box h3{color:#fff;margin:0 0 4px;text-align:center;font-size:1.3rem;font-weight:700}.forgot-page .forgot-box>p{color:#b8d4e6;margin-bottom:20px;text-align:center;font-size:.85rem}.forgot-page .forgot-box p{color:#b8d4e6}.forgot-page .email-text{color:#e6f0f8;font-weight:600}.forgot-page .forgot-form{display:flex;flex-direction:column;width:100%}.forgot-page .forgot-form label{color:#8fa4b8;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:1px;margin:10px 0 5px;text-align:left}.forgot-page .forgot-form input{width:100%;padding:12px 14px;margin-bottom:15px;border:1.5px solid #d0e2ec;border-radius:10px;background-color:#fff;font-size:16px;box-sizing:border-box;color:#0e1627;transition:border-color .2s,box-shadow .2s}.forgot-page .forgot-form input:focus{outline:none;border-color:#567c8d;box-shadow:0 0 0 3px #567c8d26}.forgot-page .password-fields{margin-top:20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.forgot-page .otp-section{margin:20px 0;text-align:center;animation:fadeIn .5s ease-out}.forgot-page .otp-section>p{color:#8fa4b8;font-weight:500;margin-bottom:15px;font-size:16px}.forgot-page .otp-boxes{display:flex;justify-content:space-between;gap:10px;margin:20px 0;width:100%}.forgot-page .otp-input{width:45px;height:55px;text-align:center;font-size:24px;font-weight:700;border:2px solid #c8d9e6;border-radius:8px;background:#fff;transition:all .3s;color:#0e1627;flex:1}.forgot-page .otp-input:focus{border-color:#567c8d;outline:none;box-shadow:0 0 0 3px #567c8d26}.forgot-page .otp-input:disabled{background:#f5f5f5;cursor:not-allowed}.forgot-page .timer{margin:15px 0;color:#8fa4b8;font-size:15px}.forgot-page .timer-count{font-weight:700;color:#9cc7e6;font-size:18px;font-family:monospace}.forgot-page .forgot-buttons{display:flex;gap:15px;margin:25px 0;justify-content:center}.forgot-page .resend-btn{padding:14px 25px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.forgot-page .resend-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.forgot-page .resend-btn:disabled{background:#adb5bd;cursor:not-allowed;opacity:.7}.forgot-page .verify-btn,.forgot-page .reset-btn{padding:14px 30px;background:linear-gradient(135deg,#2f4156,#0e1627);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.forgot-page .verify-btn:hover:not(:disabled),.forgot-page .reset-btn:hover:not(:disabled){background:linear-gradient(135deg,#567c8d,#2f4156)}.forgot-page .verify-btn:disabled,.forgot-page .reset-btn:disabled{background:#c8d9e6;cursor:not-allowed;opacity:.7}.forgot-page .reset-btn{width:100%}.forgot-page .message{padding:12px;border-radius:8px;margin:15px 0;text-align:center;font-weight:500;animation:fadeIn .3s ease-in;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forgot-page .message.success{background:#f5efeb1f;color:#d9e6f2;border:1px solid rgba(216,230,242,.18)}.forgot-page .message.error{background:#f8d7da1f;color:#f8d7da;border:1px solid rgba(245,198,203,.35)}.forgot-page .forgot-links{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #dce8f0}.forgot-page .forgot-links a{color:#9cc7e6;text-decoration:none;font-weight:500;font-size:.85rem;transition:color .3s}.forgot-page .forgot-links a:hover{color:#fff;text-decoration:underline}.forgot-page .progress-steps{display:flex;justify-content:space-between;margin-bottom:25px;position:relative}.forgot-page .progress-steps:before{content:"";position:absolute;top:15px;left:10%;right:10%;height:2px;background:#d8e6f233;z-index:1}.forgot-page .step{display:flex;flex-direction:column;align-items:center;z-index:2;position:relative}.forgot-page .step-circle{width:30px;height:30px;border-radius:50%;background:#c8d9e6;color:#567c8d;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:5px;transition:all .3s}.forgot-page .step.active .step-circle{background:#567c8d;color:#fff}.forgot-page .step.completed .step-circle{background:#0e1627;color:#fff}.forgot-page .step-label{font-size:12px;color:#8fa4b8;text-align:center}.forgot-page .step.active .step-label{color:#d9e6f2;font-weight:500}@media(max-width:500px){.forgot-page{max-width:440px}.forgot-page .forgot-box{padding:30px 22px 28px!important}.forgot-page .form-divider h2{font-size:1.9rem}.forgot-page .form-divider .brand-tagline{white-space:normal}.forgot-page .otp-input{width:40px;height:50px;font-size:22px}.forgot-page .forgot-buttons{flex-direction:column;gap:10px}.forgot-page .resend-btn,.forgot-page .verify-btn{width:100%;min-width:auto}.forgot-page .progress-steps{margin-bottom:20px}.forgot-page .step-label{font-size:10px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.otp-page{width:100%;max-width:440px;margin:0 auto;animation:fadeSlideUp .45s ease forwards}.otp-page .form-divider{background:transparent;padding:30px 36px 20px;border-radius:0;margin-bottom:0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.otp-page .form-divider h2{margin:0 0 12px;background:linear-gradient(135deg,#fff,#9cc7e6 45%,#567c8d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:4rem;font-weight:700;white-space:nowrap}.otp-page .form-divider .brand-tagline{margin:0;color:#d9e6f2;font-size:1.3rem;font-weight:500;white-space:nowrap}.otp-page .form-box{background:transparent!important;border-radius:0!important;padding:40px 36px 36px!important;width:100%;box-sizing:border-box;box-shadow:none!important}.otp-page .form-box h3{color:#fff;font-size:1.3rem;font-weight:700;text-align:center;margin:0 0 4px}.form-box>p{color:#b8d4e6;font-size:.85rem;text-align:center;margin:0 0 22px}.email-display{text-align:center;margin:20px 0;padding:15px;background:#f5efeb0a;border-radius:10px;border:1px solid rgba(216,230,242,.18);box-shadow:0 2px 5px #0000000d}.email-display p:first-child{color:#8fa4b8;font-size:14px;margin-bottom:5px}.email-text{font-weight:700;color:#e6f0f8;font-size:18px;margin:10px 0;word-break:break-all;padding:5px;background:#ffffff08;border-radius:5px;border:1px dashed rgba(216,230,242,.25)}.change-email-link{margin-top:15px}.change-email-link a{color:#9cc7e6;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s}.change-email-link a:hover{color:#fff;text-decoration:underline}.otp-section{margin:30px 0;text-align:center}.otp-section>p{color:#8fa4b8;font-weight:500;margin-bottom:15px;font-size:16px}.otp-boxes{display:flex;justify-content:center;gap:12px;margin:20px 0;padding:0 15px}.otp-input{width:55px;height:65px;text-align:center;font-size:26px;font-weight:700;border:2px solid #c8d9e6;border-radius:10px;background:#fff;transition:all .3s;color:#0e1627}.otp-input:focus{border-color:#567c8d;outline:none;box-shadow:0 0 0 3px #567c8d26;transform:translateY(-2px)}.otp-input:disabled{background:#f5f5f5;cursor:not-allowed;border-color:#ddd}.timer{margin:20px 0;color:#8fa4b8;font-size:15px}.timer-count{font-weight:700;color:#9cc7e6;font-size:18px;font-family:monospace}.message{padding:15px;border-radius:8px;margin:20px 0;text-align:center;font-weight:500;font-size:15px;animation:fadeIn .3s ease-in;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:#d4edda1f;color:#d4edda;border:1px solid rgba(195,230,203,.35)}.message.error{background:#f8d7da1f;color:#f8d7da;border:1px solid rgba(245,198,203,.35)}.otp-buttons{display:flex;gap:15px;margin:25px 0;justify-content:center}.send-again-btn{padding:14px 25px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.send-again-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.send-again-btn:disabled{background:#adb5bd;cursor:not-allowed;opacity:.7}.verify-btn{padding:14px 30px;background:linear-gradient(135deg,#2f4156,#0e1627);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#567c8d,#2f4156)}.verify-btn:disabled{background:#c8d9e6;cursor:not-allowed;opacity:.7}.form-links{display:flex;justify-content:center;margin-top:20px;padding-top:16px;border-top:1px solid #dce8f0}.form-links a{color:#9cc7e6;font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s}.form-links a:hover{color:#fff}@media(max-width:500px){.otp-page{max-width:440px}.otp-page .form-box{padding:30px 22px 28px!important}.otp-page .form-divider h2{font-size:1.9rem}.otp-page .form-divider .brand-tagline{white-space:normal}.otp-buttons{flex-direction:column;gap:10px}.send-again-btn,.verify-btn{width:100%;min-width:auto}}.admin-dashboard{--silver: linear-gradient(145deg, #dbe3ec 0%, #c2d1df 100%);--silver-border: rgba(47, 65, 86, .18);min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(86,124,141,.12),transparent 42%),radial-gradient(circle at 88% 8%,rgba(200,217,230,.28),transparent 46%),radial-gradient(circle at 75% 80%,rgba(47,65,86,.08),transparent 45%),linear-gradient(160deg,#eef2f5,#e6e0d9 60%,#e2dcd4);background-attachment:fixed;color:#0e1627;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%;border-radius:20px}.admin-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffffe6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(47,65,86,.08);box-shadow:0 2px 18px #2f415612;position:sticky;top:0;z-index:1000;border-radius:20px 20px 0 0}.navbar-left{display:flex;align-items:center;gap:15px}.admin-navbar .navbar-logo{height:46px;width:46px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background-color:#f5efeb;overflow:hidden}.admin-navbar .navbar-logo img,.admin-navbar .navbar-logo-img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.admin-brand-name{font-size:1.8rem;font-weight:700;background:linear-gradient(120deg,#0e1627,#567c8d,#c8d9e6 90%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:4px 12px;border-radius:6px;letter-spacing:1px;text-transform:lowercase;display:inline-flex;align-items:center;gap:8px;overflow:visible}.admin-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#c8d9e6,#f5efeb 30%,#9fb3c3 55%,#567c8d 75%,#c8d9e6);background-size:200% 100%;color:#0e1627;-webkit-text-fill-color:#0e1627;background-clip:border-box;padding:2px 12px;border-radius:12px;font-size:.9rem;font-weight:600;line-height:1.1;white-space:nowrap;box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -1px 2px #0e16274d;animation:admin-badge-shine 2.8s linear infinite}@keyframes admin-badge-shine{0%{background-position:0% 50%}to{background-position:200% 50%}}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;margin-right:15px;z-index:1001}.hamburger-menu:focus{outline:2px solid #567c8d;outline-offset:2px}.hamburger-line{width:100%;height:3px;background-color:#0e1627;border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-menu:hover .hamburger-line{background-color:#567c8d}.hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-right{display:flex;align-items:center;background-color:#0e1627;border-radius:30px}.user-profile{display:flex;align-items:center;gap:15px;padding:8px 16px;background-color:#567c8d1a;border-radius:30px;border:1px solid #567c8d;transition:all .3s ease;cursor:pointer}.user-profile:hover{background-color:#567c8d33;transform:translateY(-2px)}.admin-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-weight:600;color:#0e1627;font-size:1.2rem;border:2px solid #c8d9e6}.user-name{font-size:1rem;font-weight:500;color:#f5efeb;letter-spacing:.5px}.side-nav{position:fixed;top:0;left:-320px;width:300px;height:100vh;background:linear-gradient(to bottom,#0e1627,#2f4156);color:#f5efeb;z-index:1000;transition:left .4s cubic-bezier(.4,0,.2,1);box-shadow:5px 0 25px #0006;display:flex;flex-direction:column;overflow:hidden}.side-nav-header{padding:1.5rem;border-bottom:2px solid #567c8d;display:flex;justify-content:space-between;align-items:center;background-color:#0e1627f2}.side-nav-header h3{margin:0;color:#f5efeb;font-size:1.3rem;font-weight:600;letter-spacing:.5px}.close-menu{background:none;border:none;color:#f5efeb;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-menu:hover{background-color:#567c8d4d;transform:rotate(90deg)}.nav-menu{flex:1;overflow-y:auto;padding:1rem 0}.nav-user-info{padding:1.5rem;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(86,124,141,.3);margin-bottom:1rem;background:linear-gradient(135deg,#2f41561a,#567c8d0d)}.side-user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-weight:700;color:#f5efeb;font-size:1.5rem;border:2px solid #c8d9e6;box-shadow:0 4px 8px #0003}.side-user-details h4{margin:0 0 5px;color:#f5efeb;font-size:1.1rem;font-weight:600}.user-role{margin:0 0 3px;color:#2f4156;font-size:.9rem;font-weight:500}.user-id{margin:0;color:#c8d9e6;font-size:.85rem;opacity:.8}.nav-links{display:flex;flex-direction:column;padding:0 1rem}.nav-link{display:flex;align-items:center;gap:15px;padding:14px 16px;color:#c8d9e6;text-decoration:none;border-radius:10px;margin-bottom:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;border-left:3px solid transparent}.nav-link:hover{background-color:#567c8d33;color:#f5efeb;transform:translate(5px);border-left-color:#2f4156}.nav-link.active{background-color:#2f41564d;color:#f5efeb;border-left:4px solid #2f4156;box-shadow:0 2px 8px #2f415633}.nav-icon{font-size:1.2rem;width:24px;text-align:center;color:#2f4156}.nav-link.active .nav-icon{color:#f5efeb}.nav-link.logout{color:#ff6b6b;border-top:1px solid rgba(86,124,141,.3);padding-top:20px;margin-top:20px}.nav-link.logout:hover{background-color:#ff6b6b1a;color:#ff8e8e;border-left-color:#ff6b6b}.overlay{position:fixed;inset:0;background-color:#0e1627b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.overlay.active{opacity:1;visibility:visible}.search-container{margin-bottom:2.5rem}.search-input{width:100%;padding:15px 20px;font-size:1rem;border:2px solid #c8d9e6;border-radius:12px;background:#fff;color:#0e1627;transition:all .3s ease;box-shadow:0 3px 10px #567c8d1a}.search-input:focus{outline:none;border-color:#567c8d;box-shadow:0 0 0 3px #567c8d33}.search-input::placeholder{color:#567c8d;opacity:.7}.admin-info-bar{display:flex;align-items:center;gap:2rem;background:#ffffff73;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:#0e1627;padding:1.75rem 2rem;border-radius:18px;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 34px #2f415624,inset 0 1px #ffffffb3;flex-wrap:wrap}.profile-picture{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#f5efeb;border:3px solid #c8d9e6;box-shadow:0 4px 12px #0000004d}.profile-status{position:absolute;bottom:-5px;right:-5px;background:#0e1627;padding:.3rem .6rem;border-radius:15px;display:flex;align-items:center;gap:.4rem;border:1px solid #567c8d;font-size:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.info-item{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:150px}.admin-dashboard .info-label{font-size:.72rem;color:#567c8d;font-weight:700;text-transform:uppercase;letter-spacing:1px}.admin-dashboard .info-value{font-size:1rem;font-weight:600;color:#0e1627!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.admin-dashboard .stat-card{background:var(--silver);padding:1.5rem;border-radius:14px;box-shadow:0 6px 20px #2f41561f;border:1px solid var(--silver-border);border-left:4px solid #0e1627;transition:all .3s ease;position:relative}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #567c8d33;border-color:#567c8d}.stat-card:nth-child(2){border-left-color:#567c8d}.stat-card:nth-child(3){border-left-color:#2f4156}.stat-card:nth-child(4){border-left-color:#c8d9e6}.stat-card h3{margin:0 0 10px;color:#0e1627;font-size:1rem;font-weight:600}.stat-number{font-size:2.5rem;font-weight:700;color:#0e1627;margin:.5rem 0}.stat-trend{font-size:.9rem;color:#567c8d;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;margin:2.5rem 0 1.5rem;padding-bottom:.8rem;border-bottom:2px solid #c8d9e6}.section-header h2{color:#0e1627;font-size:1.6rem;margin:0;font-weight:700;letter-spacing:-.5px}.view-all-btn{background:#567c8d;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:.9rem;letter-spacing:.5px}.view-all-btn:hover{background:#2f4156;transform:translateY(-2px);box-shadow:0 4px 12px #567c8d4d}.view-all-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.view-all-btn:disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.date-display{color:#567c8d;font-weight:600;font-size:1rem;background:#567c8d1a;padding:.5rem 1rem;border-radius:20px;border:1px solid #c8d9e6}.admin-dashboard .activity-section{background:var(--silver);border-radius:14px;padding:1.5rem;box-shadow:0 6px 20px #2f41561f;margin-bottom:2rem;border:1px solid var(--silver-border)}.activity-table{width:100%;border-collapse:collapse}.activity-table th{background:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#0e1627;border-bottom:2px solid #e9ecef}.activity-table td{padding:12px 15px;border-bottom:1px solid #e9ecef;color:#495057}.status-success{color:#2ecc71;font-weight:600}.status-info{color:#3498db;font-weight:600}.quick-actions-section{margin-top:2rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.admin-dashboard .action-btn{background:var(--silver);border:1px solid var(--silver-border);color:#0e1627;padding:1.5rem;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 6px 20px #2f41561f}.admin-dashboard .action-btn:hover{background:#0e1627;border-color:#2f4156;color:#f5efeb;transform:translateY(-5px);box-shadow:0 14px 32px #0e162747}.admin-dashboard .profile-details-container .action-btn{flex-direction:row;width:auto;align-self:flex-start;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;border-radius:9px}.admin-dashboard .profile-details-container .action-btn .action-icon{font-size:1rem}.admin-dashboard .profile-details-container .action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0e162740}.admin-dashboard .admin-profile-avatar-row{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin-bottom:1.8rem}.admin-dashboard .admin-profile-avatar{position:relative;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:700;color:#f5efeb;border:4px solid #ffffff;box-shadow:0 0 0 5px #567c8d26,0 8px 22px #2f415640;overflow:hidden;flex-shrink:0;transition:transform .2s ease}.admin-dashboard .admin-profile-avatar:hover{transform:scale(1.02)}.admin-dashboard .admin-profile-avatar-img{width:100%;height:100%;object-fit:cover}.admin-dashboard .admin-avatar-overlay,.admin-dashboard .admin-avatar-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;color:#f5efeb}.admin-dashboard .admin-avatar-overlay{background:#0a101eb8;opacity:0;transition:opacity .2s ease;font-size:.8rem;font-weight:600;padding:0 8px}.admin-dashboard .admin-profile-avatar:hover .admin-avatar-overlay{opacity:1}.admin-dashboard .admin-avatar-uploading{background:#ffffffd9}.admin-dashboard .admin-avatar-uploading .spinner{width:34px;height:34px;border:3px solid rgba(86,124,141,.3);border-top-color:#567c8d;margin:0}.admin-dashboard .admin-avatar-hint{font-size:.82rem;color:#567c8d;margin:0}.admin-dashboard .admin-profile-input{width:100%;max-width:420px;padding:.7rem 1rem;font-size:1rem;border:1.5px solid #c8d9e6;border-radius:9px;background:#fff;color:#0e1627;transition:all .2s ease}.admin-dashboard .admin-profile-input:focus{outline:none;border-color:#567c8d;box-shadow:0 0 0 3px #567c8d2e}.admin-dashboard .admin-profile-edit-actions{display:flex;gap:.8rem;flex-wrap:wrap}.admin-dashboard .profile-details-container .action-btn.admin-profile-cancel{background:#fff;color:#dc2626;border-color:#f5c6c6}.admin-dashboard .profile-details-container .action-btn.admin-profile-cancel:hover{background:#fdecec;border-color:#dc2626;color:#dc2626}.action-icon{font-size:2.5rem}@media(max-width:1024px){.hamburger-menu{display:flex}.nav-menu{overflow-y:auto}.dashboard-content{margin-left:0;transition:margin-left .3s ease}.side-nav.open~.dashboard-content{margin-left:280px}.admin-info-bar{gap:1rem;padding:1.2rem}.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-navbar{padding:.8rem 1.2rem;border-radius:20px 20px 0 0}.admin-brand-name{font-size:1.5rem}.hamburger-menu{width:26px;height:18px;margin-right:12px}.hamburger-line{height:2.5px}.side-nav{width:280px;left:-280px}.side-nav.open~.dashboard-content{margin-left:280px}.nav-link{padding:12px 14px;font-size:.95rem}.admin-info-bar{flex-direction:column;align-items:flex-start;gap:1.5rem}.profile-picture-container{align-self:center}.info-item{width:100%}.stats-grid,.actions-grid{grid-template-columns:1fr}.activity-table{display:block;overflow-x:auto}.section-header{flex-direction:column;align-items:flex-start;gap:.8rem}.section-header h2{font-size:1.5rem}}@media(max-width:480px){.side-nav{width:100%;left:-100%}.side-nav.open~.dashboard-content{margin-left:0}.admin-brand-name{font-size:1.4rem}.user-name{display:none}.stat-number{font-size:2rem}}.admin-dashboard.loading{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#0e1627,#2f4156)}.loading-spinner{text-align:center;color:#f5efeb}.spinner{width:50px;height:50px;border:5px solid rgba(86,124,141,.3);border-top-color:#567c8d;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.loading-subtext{color:#567c8d;font-size:.9rem;margin-top:10px}.backend-status{display:flex;align-items:center;gap:8px;margin-left:15px;padding:4px 10px;background:#567c8d33;border-radius:15px;border:1px solid #567c8d}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background-color:#4caf50;animation:pulse-green 2s infinite}.status-dot.demo{background-color:#ff9800}.status-text{font-size:.8rem;color:#f5efeb}.data-source-indicator{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.85rem;color:#567c8d}.indicator-dot{width:6px;height:6px;border-radius:50%}.indicator-dot.live{background-color:#4caf50;animation:pulse-green 2s infinite}.indicator-dot.demo{background-color:#ff9800}.data-source-badge{position:absolute;top:10px;right:10px;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600}.stat-card:nth-child(1) .data-source-badge{background:#0e162733;color:#0e1627;border:1px solid #0e1627}.stat-card:nth-child(2) .data-source-badge{background:#567c8d33;color:#567c8d;border:1px solid #567c8d}.stat-card:nth-child(3) .data-source-badge{background:#2f415633;color:#2f4156;border:1px solid #2f4156}.stat-card:nth-child(4) .data-source-badge{background:#c8d9e633;color:#c8d9e6;border:1px solid #c8d9e6}.logs-count{color:#567c8d;font-size:.9rem;margin-right:15px}.data-source{font-size:.8rem;color:#2f4156;margin-top:5px}.status-dot.connected{animation-name:pulse-green}@keyframes pulse-green{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.user-form-container{min-height:100vh;background:linear-gradient(135deg,#f5efeb,#f8f4f2);padding:2rem;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%}.user-form-wrapper{background:#fff;border-radius:20px;box-shadow:0 15px 50px #0e162726;max-width:800px;width:100%;overflow:hidden;border:2px solid #c8d9e6;animation:formSlideIn .5s ease}@keyframes formSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.user-form-header{background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;padding:2.5rem 2rem;text-align:center;border-bottom:3px solid #567c8d}.user-form-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;letter-spacing:-.5px}.user-form-header p{margin:0;font-size:1rem;color:#c8d9e6;opacity:.9}.user-form{padding:2.5rem}.form-section{margin-bottom:2.5rem;animation:sectionFadeIn .6s ease}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.type-option{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border:2px solid #c8d9e6;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;background:#f5efeb}.type-option input[type=radio]{display:none}.type-option:hover{border-color:#567c8d;background:#567c8d0d;transform:translateY(-3px)}.type-option.active{border-color:#567c8d;background:linear-gradient(135deg,#567c8d1a,#2f41560d);box-shadow:0 8px 20px #567c8d26}.type-icon{font-size:2.5rem;color:#567c8d;margin-bottom:.5rem;transition:transform .3s ease}.type-option.active .type-icon{transform:scale(1.1)}.type-label{font-size:1.1rem;font-weight:600;color:#0e1627;text-align:center}.profile-image-group{margin-bottom:2rem}.image-upload-area{display:flex;gap:2rem;align-items:flex-start;background:#f5efeb;padding:1.5rem;border-radius:12px;border:2px dashed #c8d9e6;transition:all .3s ease}.image-upload-area:hover{border-color:#567c8d;background:#567c8d0d}.image-preview{position:relative;width:120px;height:120px;border-radius:12px;overflow:hidden;border:3px solid #567c8d;box-shadow:0 4px 12px #567c8d33;flex-shrink:0}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:5px;right:5px;width:32px;height:32px;border-radius:50%;background:#ff6b6be6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #0003}.remove-image-btn:hover{background:#ff6b6b;transform:scale(1.1)}.upload-input-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;position:relative}.image-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%;color:#567c8d;text-align:center}.upload-label i{font-size:2.5rem;margin-bottom:.5rem;color:#567c8d}.upload-label span{font-weight:600;margin-bottom:.3rem;color:#0e1627}.upload-label small{font-size:.85rem;color:#567c8d;opacity:.7}.upload-label:hover{color:#2f4156}.upload-label:hover i{color:#2f4156;transform:scale(1.1);transition:all .3s ease}@media(max-width:768px){.user-form-container{padding:1rem}.user-form-wrapper{border-radius:15px}.user-form-header{padding:2rem 1.5rem}.user-form-header h1{font-size:1.6rem}.user-form{padding:1.5rem}.form-section{margin-bottom:2rem}.type-selector{grid-template-columns:1fr;gap:1rem}.type-option{padding:1.2rem}.image-upload-area{flex-direction:column;align-items:center;gap:1.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.form-actions{flex-direction:column;gap:.8rem}.btn{padding:.9rem 1.2rem;font-size:.95rem}}@media(max-width:480px){.user-form-container{padding:1rem .5rem .5rem;min-height:auto;align-items:flex-start}.user-form-header h1{font-size:1.4rem}.user-form-header p{font-size:.9rem}.user-form{padding:1.2rem}.form-section-title{font-size:1.1rem}.type-icon{font-size:2rem}.type-label{font-size:1rem}.image-preview{width:100px;height:100px}.upload-label i{font-size:2rem}.form-actions{flex-direction:column}.btn{padding:.8rem 1rem;font-size:.9rem}}.course-form-container{min-height:100vh;background:linear-gradient(135deg,#f5efeb,#f8f4f2);padding:2rem;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.course-form-wrapper{background:#fff;border-radius:20px;box-shadow:0 15px 50px #0e162726;max-width:900px;width:100%;overflow:hidden;border:2px solid #c8d9e6;animation:courseFormSlideIn .5s ease}@keyframes courseFormSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.course-form-header{background:linear-gradient(135deg,#2f4156,#567c8d);color:#f5efeb;padding:2.5rem 2rem;text-align:center;border-bottom:3px solid #0e1627}.course-form-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;letter-spacing:-.5px}.course-form-header p{margin:0;font-size:1rem;color:#c8d9e6;opacity:.9}.course-form{padding:2.5rem}.form-section{margin-bottom:2.5rem;animation:courseSectionFadeIn .6s ease}@keyframes courseSectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section-title{font-size:1.3rem;color:#0e1627;margin:0 0 1.5rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid #c8d9e6;display:flex;align-items:center;gap:.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.6rem;font-size:.95rem;font-weight:600;color:#0e1627;display:flex;align-items:center;gap:.5rem}.form-label i{color:#567c8d;font-size:1rem}.form-input,.form-input select{width:100%;padding:.9rem 1rem;font-size:1rem;border:2px solid #c8d9e6;border-radius:8px;background:#fff;color:#0e1627;transition:all .3s ease;font-family:inherit}.form-textarea{resize:vertical;font-family:inherit;line-height:1.5}.form-input::placeholder{color:#567c8d;opacity:.6}.form-input:focus,.form-input select:focus{outline:none;border-color:#567c8d;box-shadow:0 0 0 3px #567c8d1a;background:#567c8d05}.form-input:hover{border-color:#567c8d}.form-message{padding:1rem 1.2rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.8rem;font-weight:500;animation:messageSlide .4s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message.success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#2e7d32}.form-message.success i{color:#4caf50}.form-message.error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#c62828}.form-message.error i{color:#ff6b6b}.form-message.info{background:#567c8d1a;border:1px solid rgba(86,124,141,.3);color:#0e1627}.form-message.info i{color:#567c8d}.form-actions{display:flex;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:2px solid #c8d9e6}.btn{flex:1;padding:1rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.6rem;text-transform:uppercase;letter-spacing:.5px}.btn i{font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,#567c8d,#2f4156);color:#f5efeb;border:2px solid #567c8d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #567c8d4d;background:linear-gradient(135deg,#2f4156,#0e1627)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#567c8d;border:2px solid #567c8d}.btn-secondary:hover:not(:disabled){background:#f5efeb;transform:translateY(-2px);box-shadow:0 4px 12px #567c8d33;border-color:#2f4156;color:#2f4156}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.course-form-container{padding:1rem}.course-form-wrapper{border-radius:15px}.course-form-header{padding:2rem 1.5rem}.course-form-header h1{font-size:1.6rem}.course-form{padding:1.5rem}.form-section{margin-bottom:2rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.form-actions{flex-direction:column;gap:.8rem}.btn{padding:.9rem 1.2rem;font-size:.95rem}}@media(max-width:480px){.course-form-container{padding:1rem .5rem .5rem;min-height:auto;align-items:flex-start}.course-form-header h1{font-size:1.4rem}.course-form-header p{font-size:.9rem}.course-form{padding:1.2rem}.form-section-title{font-size:1.1rem}.form-actions{flex-direction:column}.btn{padding:.8rem 1rem;font-size:.9rem}}.fa-spinner{animation:spin 1s linear infinite}.form-input:focus-visible,.form-input select:focus-visible{outline:3px solid rgba(86,124,141,.4)}html{scroll-behavior:smooth}.student-dashboard{--silver: linear-gradient(145deg, #dbe3ec 0%, #c2d1df 100%);--silver-border: rgba(47, 65, 86, .18);min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(86,124,141,.12),transparent 42%),radial-gradient(circle at 88% 8%,rgba(200,217,230,.28),transparent 46%),radial-gradient(circle at 75% 80%,rgba(47,65,86,.08),transparent 45%),linear-gradient(160deg,#eef2f5,#e6e0d9 60%,#e2dcd4);background-attachment:fixed;color:#0e1627;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%;position:relative;border-radius:20px}.student-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffffe6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(47,65,86,.08);box-shadow:0 2px 18px #2f415612;position:sticky;top:0;z-index:100;border-radius:20px 20px 0 0}.student-navbar-left{display:flex;align-items:center;gap:15px}.student-hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;transition:transform .3s ease}.student-hamburger-line{width:100%;height:3px;background-color:#0e1627;border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-hamburger-menu.active .student-hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.student-hamburger-menu.active .student-hamburger-line:nth-child(2){opacity:0;transform:translate(-20px)}.student-hamburger-menu.active .student-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.student-hamburger-menu:hover .student-hamburger-line{background-color:#567c8d}.student-logo-container{display:flex;align-items:center;gap:12px}.student-navbar-logo{height:40px;width:40px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background-color:#f5efeb;transition:transform .3s ease}.student-navbar-logo:hover{transform:scale(1.05)}.student-brand-name{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;padding:4px 12px;border-radius:6px;letter-spacing:1px;text-transform:lowercase}.student-navbar-right{display:flex;align-items:center}.student-user-profile{display:flex;align-items:center;gap:15px;padding:8px 16px;background-color:#567c8d1a;border-radius:30px;border:1px solid #567c8d;transition:all .3s ease;cursor:pointer}.student-user-profile:hover{background-color:#567c8d33;transform:translateY(-2px);box-shadow:0 4px 12px #567c8d33}.student-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-weight:600;color:#f5efeb;font-size:1.2rem;border:2px solid #c8d9e6}.student-user-name{font-size:1rem;font-weight:500;color:#0e1627;letter-spacing:.5px}.student-side-nav{position:fixed;top:0;left:-320px;width:300px;height:100vh;background:linear-gradient(to bottom,#0e1627,#2f4156);color:#f5efeb;z-index:1000;transition:left .4s cubic-bezier(.4,0,.2,1);box-shadow:5px 0 25px #0006;display:flex;flex-direction:column;overflow:hidden}.student-side-nav.open{left:0}.student-side-nav-header{padding:1.5rem;border-bottom:2px solid #567c8d;display:flex;justify-content:space-between;align-items:center;background-color:#0e1627f2}.student-side-nav-header h3{margin:0;color:#f5efeb;font-size:1.3rem;font-weight:600;letter-spacing:.5px}.student-close-menu{background:none;border:none;color:#f5efeb;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.student-close-menu:hover{background-color:#567c8d4d;transform:rotate(90deg)}.student-nav-menu{flex:1;overflow-y:auto;padding:1rem 0}.student-nav-user-info{padding:1.5rem;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(86,124,141,.3);margin-bottom:1rem;background:linear-gradient(135deg,#2f41561a,#567c8d0d)}.student-side-user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-weight:700;color:#f5efeb;font-size:1.5rem;border:2px solid #c8d9e6;box-shadow:0 4px 8px #0003}.student-side-user-details h4{margin:0 0 5px;color:#f5efeb;font-size:1.1rem;font-weight:600}.student-user-role{margin:0 0 3px;color:#2f4156;font-size:.9rem;font-weight:500}.student-user-id{margin:0;color:#c8d9e6;font-size:.85rem;opacity:.8}.student-nav-links{display:flex;flex-direction:column;padding:0 1rem}.student-nav-link{display:flex;align-items:center;gap:15px;padding:14px 16px;color:#c8d9e6;text-decoration:none;border-radius:10px;margin-bottom:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;border-left:3px solid transparent}.student-nav-link:hover{background-color:#567c8d33;color:#f5efeb;transform:translate(5px);border-left-color:#2f4156}.student-nav-link.active{background-color:#2f41564d;color:#f5efeb;border-left:4px solid #2f4156;box-shadow:0 2px 8px #2f415633}.student-nav-link i{font-size:1.2rem;width:24px;text-align:center;color:#2f4156}.student-nav-link.active i{color:#f5efeb}.student-nav-link.logout{color:#ff6b6b;border-top:1px solid rgba(86,124,141,.3);padding-top:20px;margin-top:20px}.student-nav-link.logout:hover{background-color:#ff6b6b1a;color:#ff8e8e;border-left-color:#ff6b6b}.student-overlay{position:fixed;inset:0;background-color:#0e1627b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;animation:student-fadeIn .3s ease;cursor:pointer}@keyframes student-fadeIn{0%{opacity:0}to{opacity:1}}.student-dashboard-content{padding:2rem;max-width:1400px;margin:0 auto;animation:student-contentFadeIn .5s ease}@keyframes student-contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.student-info-bar{display:flex;align-items:center;gap:2rem;background:#ffffff73;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:#0e1627;padding:1.75rem 2rem;border-radius:18px;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 34px #2f415624,inset 0 1px #ffffffb3;flex-wrap:wrap;animation:student-slideIn .6s ease}@keyframes student-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.student-profile-picture-container{position:relative;flex-shrink:0}.student-profile-picture{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#f5efeb;border:3px solid #c8d9e6;box-shadow:0 4px 12px #0000004d}.student-profile-picture-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #c8d9e6;box-shadow:0 4px 12px #0000004d}.student-profile-status{position:absolute;bottom:-5px;right:-5px;background:#0e1627;padding:.3rem .6rem;border-radius:15px;display:flex;align-items:center;gap:.4rem;border:1px solid #567c8d;font-size:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.student-status-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%;animation:student-pulse 2s infinite}@keyframes student-pulse{0%{opacity:1;box-shadow:0 0 #4caf50b3}70%{opacity:.7;box-shadow:0 0 0 6px #4caf5000}to{opacity:1;box-shadow:0 0 #4caf5000}}.student-info-item{flex:1;min-width:150px;display:flex;flex-direction:column;gap:.3rem}.student-info-label{font-size:.72rem;color:#567c8d;font-weight:700;text-transform:uppercase;letter-spacing:1px}.student-info-value{font-size:1rem;font-weight:600;color:#0e1627!important}.student-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;animation:student-gridFadeIn .7s ease}@keyframes student-gridFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.student-main-column,.student-sidebar-column{display:flex;flex-direction:column;gap:2rem}.student-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid #c8d9e6}.student-section-header h2{color:#0e1627;font-size:1.6rem;margin:0;font-weight:700;letter-spacing:-.5px}.student-view-all-btn{background:#567c8d;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:.9rem;letter-spacing:.5px}.student-view-all-btn:hover{background:#2f4156;transform:translateY(-2px);box-shadow:0 4px 12px #567c8d4d}.student-date-display{color:#567c8d;font-weight:600;font-size:1rem;background:#567c8d1a;padding:.5rem 1rem;border-radius:20px;border:1px solid #c8d9e6}.student-no-data,.student-no-schedule,.student-no-items{background:var(--silver);border-radius:14px;padding:3rem 2rem;text-align:center;border:2px dashed rgba(47,65,86,.22);color:#567c8d;font-size:1.1rem;line-height:1.6;animation:student-fadeInUp .5s ease}@keyframes student-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.student-no-data p,.student-no-schedule p{margin:0 0 1rem}.student-no-data p:last-child,.student-no-schedule p:last-child{margin-bottom:0;font-size:1rem;color:#a89197}.student-sidebar-section{background:var(--silver);border-radius:14px;padding:1.8rem;box-shadow:0 6px 22px #2f41561f;border:1px solid var(--silver-border);animation:student-cardFadeIn .6s ease}@keyframes student-cardFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.student-section-title{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid #f5efeb}.student-section-title h3{color:#0e1627;margin:0;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:10px}.student-section-title i{color:#567c8d;font-size:1.2rem}.student-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:auto}.student-quick-action-btn{background:var(--silver);border:1px solid var(--silver-border);border-radius:14px;padding:1.2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.student-quick-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(47,65,86,.1),transparent);transition:left .5s ease}.student-quick-action-btn:hover:before{left:100%}.student-quick-action-btn:hover{background:#f5efeb;border-color:#2f4156;transform:translateY(-5px);box-shadow:0 8px 20px #567c8d33}.student-action-icon{font-size:2rem;height:50px;width:50px;display:flex;align-items:center;justify-content:center;color:#567c8d;background:#fff;border:1.5px solid #c8d9e6;border-radius:50%;box-shadow:0 2px 8px #2f41561a;transition:all .3s ease}.student-quick-action-btn:hover .student-action-icon{background:#2f4156;color:#fff;transform:scale(1.1) rotate(5deg)}.student-action-text{color:#0e1627;font-weight:600;font-size:.95rem;text-align:center;transition:color .3s ease}.student-quick-action-btn:hover .student-action-text{color:#567c8d}.student-loading-overlay{position:fixed;inset:0;background:radial-gradient(circle at top,#f5efeb,#c8d9e6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:2000}.student-loading-spinner{width:60px;height:60px;border:4px solid #c8d9e6;border-top-color:#567c8d;border-radius:50%;animation:student-spin 1s linear infinite;margin-bottom:1.5rem;box-shadow:0 10px 24px #2f41562e}@keyframes student-spin{to{transform:rotate(360deg)}}.student-loading-overlay p{color:#2f4156;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.student-error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#f5efeb;text-align:center}.student-error-container h2{color:#ff6b6b;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.student-error-container p{color:#567c8d;margin-bottom:2rem;max-width:600px;font-size:1.1rem;line-height:1.6}.student-error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.student-error-actions button{background:#567c8d;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:150px}.student-error-actions button:hover{background:#2f4156;transform:translateY(-3px);box-shadow:0 5px 15px #567c8d4d}.student-error-actions button:last-child{background:#0e1627}.student-error-actions button:last-child:hover{background:#2f4156}@media(max-width:1200px){.student-dashboard-grid{grid-template-columns:1fr}.student-sidebar-column{order:-1}}@media(max-width:992px){.student-dashboard-content{padding:1.5rem}.student-info-bar{padding:1.5rem;gap:1.5rem}.student-info-item{min-width:calc(50% - 1.5rem)}}@media(max-width:768px){.student-navbar{padding:1rem}.student-brand-name{font-size:1.5rem}.student-side-nav{width:280px;left:-280px}.student-info-bar{flex-direction:column;align-items:flex-start;gap:1rem}.student-info-item{min-width:100%;width:100%}.student-quick-actions{grid-template-columns:repeat(2,1fr)}.student-view-all-btn{padding:.6rem 1.2rem;font-size:.85rem}.student-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.student-date-display{align-self:flex-end}}@media(max-width:576px){.student-hamburger-menu{width:25px;height:18px}.student-navbar-logo{height:35px;width:35px}.student-user-avatar{width:35px;height:35px;font-size:1rem}.student-user-name{font-size:.9rem}.student-side-nav{width:100%;left:-100%}.student-profile-picture,.student-profile-picture-img{width:70px;height:70px;font-size:1.7rem}.student-quick-actions{grid-template-columns:1fr}.student-dashboard-content{padding:1rem}.student-section-title h3{font-size:1.2rem}.student-no-data,.student-no-schedule{padding:2rem 1rem}.student-error-container{padding:1.5rem}.student-error-container h2{font-size:1.7rem}.student-error-actions{flex-direction:column;width:100%;max-width:300px}.student-error-actions button{width:100%}}@media(max-width:400px){.student-user-name{display:none}.student-user-profile{padding:8px}.student-brand-name{font-size:1.3rem}.student-navbar-left{gap:10px}}@media print{.student-hamburger-menu,.student-overlay,.student-side-nav,.student-user-profile,.student-quick-actions{display:none!important}.student-dashboard{background:#fff!important}.student-dashboard-content{padding:0}.student-info-bar{box-shadow:none;border:1px solid #ddd}}.student-course-description{color:#567c8d;font-size:.9rem;margin:.5rem 0;line-height:1.4;min-height:2.8rem}.student-course-instructor{color:#0e1627;font-size:.9rem;margin:.5rem 0;font-weight:500;display:flex;align-items:center;gap:.5rem}.student-course-instructor i{color:#2f4156;font-size:.9rem}.student-course-schedule{color:#567c8d;font-size:.85rem;margin:.5rem 0;display:flex;align-items:center;gap:.5rem;font-weight:500}.student-course-schedule i{color:#567c8d;font-size:.85rem}.student-course-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;color:#567c8d;margin:1rem 0;font-size:.85rem}.student-course-stats span{display:flex;align-items:center;gap:.3rem}.student-course-stats i{font-size:.8rem;color:#2f4156}.student-stat-separator{margin:0 5px;color:#2f4156;font-weight:700}.student-course-btn{width:100%;background:#0e1627;color:#fff;border:none;padding:.8rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.student-course-btn:hover{background:#2f4156;transform:translateY(-2px);box-shadow:0 4px 12px #0e162733}.student-course-btn i{font-size:.9rem}.student-course-actions{display:flex;gap:.8rem;margin-top:auto}.student-course-actions .student-course-btn{flex:1}.student-join-btn{background:linear-gradient(135deg,#5b7c99,#4a6b8a);color:#fff}.student-join-btn:hover{background:linear-gradient(135deg,#6b8ca9,#5a7b9a);box-shadow:0 4px 15px #5b7c994d}.student-browse-courses-btn{background:#567c8d;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem;font-size:.9rem}.student-browse-courses-btn:hover{background:#2f4156;transform:translateY(-2px);box-shadow:0 4px 12px #567c8d4d}.student-loading-spinner.small{width:40px;height:40px;border-width:3px;margin:0 auto 1rem;border-color:#c8d9e6;border-top-color:#567c8d}.student-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--silver);border-radius:14px;border:2px dashed rgba(47,65,86,.22);text-align:center;animation:student-fadeInUp .5s ease}.student-no-data p{color:#567c8d;margin:0 0 1rem;font-size:1.1rem;line-height:1.6}.student-no-data p:last-child{margin-bottom:0;font-size:1rem;color:#a89197}.student-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;animation:student-fadeInUp .5s ease}.student-course-card{background:var(--silver);border-radius:14px;padding:1.5rem;box-shadow:0 6px 20px #2f41561f;border:1px solid var(--silver-border);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.student-course-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #567c8d33;border-color:#2f4156}.student-course-code{background:linear-gradient(135deg,#2f4156,#567c8d);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:6px;display:inline-block;margin-bottom:1rem;font-size:.9rem;align-self:flex-start;box-shadow:0 2px 8px #2f41564d}.student-course-name{color:#0e1627;margin:.5rem 0;font-size:1.2rem;line-height:1.4;min-height:3.2rem;font-weight:700}.student-enrolled-date{color:#a89197;font-size:.8rem;margin-top:.5rem;display:flex;align-items:center;gap:.3rem}.student-enrolled-date i{font-size:.8rem}.student-schedule-container{background:var(--silver);border-radius:14px;overflow:hidden;border:1px solid var(--silver-border);box-shadow:0 6px 20px #2f41561f}.student-schedule-item{display:flex;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #f5efeb;transition:all .3s ease;gap:1.5rem}.student-schedule-item:last-child{border-bottom:none}.student-schedule-item:hover{background:#fcf8f8}.student-schedule-time{min-width:100px;font-weight:700;color:#0e1627;font-size:1.1rem;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;background:#2f41561a;border-radius:8px}.student-schedule-duration{font-size:.8rem;color:#567c8d;margin-top:.3rem;font-weight:500;background:#567c8d1a;padding:.2rem .5rem;border-radius:4px}.student-schedule-details{flex:1}.student-schedule-details h4{margin:0 0 .5rem;color:#0e1627;font-size:1.1rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.student-schedule-course-code{background:#0e1627;color:#fff;padding:.3rem .8rem;border-radius:6px;font-size:.9rem;font-weight:700}.student-schedule-course-title{color:#0e1627;font-weight:600}.student-session-title{margin:.5rem 0;color:#567c8d;font-size:.95rem;font-weight:500}.student-schedule-meta{display:flex;align-items:center;gap:1rem;margin:.8rem 0;flex-wrap:wrap}.student-schedule-type{background:#c8d9e6;color:#567c8d;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem}.student-schedule-type.live{background:#ff6b6b;color:#fff;animation:student-pulse 2s infinite}.student-schedule-teacher,.student-schedule-participants{color:#567c8d;font-size:.85rem;display:flex;align-items:center;gap:.3rem}.student-schedule-teacher i,.student-schedule-participants i{color:#2f4156;font-size:.8rem}.student-session-description{color:#567c8d;font-size:.9rem;margin:.5rem 0;line-height:1.4;font-style:italic;padding-left:.5rem;border-left:2px solid #c8d9e6}.student-schedule-room{color:#567c8d;font-size:.85rem;margin:.5rem 0 0;display:flex;align-items:center;gap:.5rem;font-weight:500}.student-schedule-room i{color:#567c8d}.student-private-badge{background:#567c8d1a;color:#567c8d;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;margin-left:.5rem;display:inline-flex;align-items:center;gap:.3rem}.student-private-badge i{font-size:.7rem}.student-join-btn{background:#567c8d;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px}.student-join-btn:hover:not(:disabled){background:#2f4156;transform:translateY(-2px);box-shadow:0 4px 12px #567c8d33}.student-join-btn.live{background:#ff6b6b;animation:student-pulse 2s infinite}.student-join-btn.live:hover:not(:disabled){background:#ff8e8e}.student-join-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.student-join-btn i{font-size:.9rem}.student-no-schedule{background:var(--silver);border-radius:14px;padding:3rem 2rem;text-align:center;border:2px dashed rgba(47,65,86,.22);animation:student-fadeInUp .5s ease}.student-no-schedule p{color:#567c8d;margin:0 0 1rem;font-size:1.1rem;line-height:1.6}.student-no-schedule p:last-child{margin-bottom:0;font-size:1rem;color:#a89197}.student-refresh-btn{background:#567c8d;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem;font-size:.9rem}.student-refresh-btn:hover{background:#2f4156;transform:translateY(-2px);box-shadow:0 4px 12px #567c8d4d}.student-recent-meetings{display:flex;flex-direction:column;gap:12px}.student-recent-meeting-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e8ecf2;border-radius:12px;padding:14px 18px;gap:12px;flex-wrap:wrap;transition:box-shadow .15s}.student-recent-meeting-card:hover{box-shadow:0 4px 14px #4361ee1a}.student-recent-meeting-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.student-recent-meeting-badge{background:#4361ee;color:#fff;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:6px;white-space:nowrap;letter-spacing:.3px}.student-recent-meeting-title{font-size:.92rem;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.student-recent-meeting-meta{font-size:.78rem;color:#888;margin-top:3px}.student-recent-summary-dot{color:#1a6840;font-weight:500}.student-recent-meeting-actions{display:flex;gap:8px;flex-shrink:0}.student-recap-btn{background:#4361ee;color:#fff;border:none;padding:7px 16px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.student-recap-btn:hover{opacity:.85}.student-quiz-link-btn{background:#fff;color:#4361ee;border:1.5px solid #4361ee;padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.student-quiz-link-btn:hover{background:#eef0fd}@media(max-width:768px){.student-schedule-item{flex-direction:column;align-items:stretch;gap:1rem}.student-schedule-time{min-width:auto;flex-direction:row;justify-content:space-between;width:100%}.student-schedule-duration{margin-top:0}.student-join-btn{align-self:flex-end}}.exam-performance-section{padding:1.4rem 1.6rem}.exam-perf-empty{display:flex;flex-direction:column;align-items:center;padding:20px 0 8px;text-align:center}.exam-perf-body{display:flex;flex-direction:column;gap:14px}.exam-perf-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:2px}.exam-perf-stat-box{background:#f7f9fc;border:1px solid #e4eaf2;border-radius:10px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:box-shadow .2s}.exam-perf-stat-box:hover{box-shadow:0 2px 10px #567c8d21}.exam-perf-stat-val{font-size:17px;font-weight:800;color:#0e1627;line-height:1;letter-spacing:-.5px}.exam-perf-stat-label{font-size:10px;color:#8a95a8;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.exam-perf-bar-wrap{display:flex;flex-direction:column;gap:5px}.exam-perf-bar-track{width:100%;height:8px;background:#eef0f7;border-radius:99px;overflow:hidden}.exam-perf-bar-fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.4,0,.2,1)}.exam-perf-bar-label{font-size:11px;color:#8a95a8;text-align:right}.exam-perf-list-header{font-size:11px;font-weight:700;color:#a0a8b8;text-transform:uppercase;letter-spacing:.5px;padding-bottom:4px;border-bottom:1px solid #f0f2f8}.exam-perf-list{display:flex;flex-direction:column;gap:0}.exam-perf-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #f5f7fb;transition:background .15s}.exam-perf-list-item:last-child{border-bottom:none}.exam-perf-list-left{flex:1;min-width:0}.exam-perf-list-title{font-size:13px;font-weight:700;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-perf-list-sub{font-size:11px;color:#8a95a8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-perf-list-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.exam-perf-score{font-size:13px;font-weight:700;color:#2f4156}.exam-perf-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.exam-perf-badge.pass{background:#d1fae5;color:#065f46}.exam-perf-badge.fail{background:#fee2e2;color:#991b1b}.nb-wrap{position:relative;display:inline-flex;align-items:center}.nb-bell{position:relative;background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:8px;color:#c8d9e6;font-size:18px;transition:background .15s,color .15s}.nb-bell:hover{background:#ffffff1f;color:#fff}.nb-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.nb-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:440px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0e16272e;overflow:hidden;z-index:1000;display:flex;flex-direction:column;animation:nb-drop .15s ease}@keyframes nb-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nb-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid #e8edf2}.nb-title{font-weight:700;font-size:14px;color:#0e1627}.nb-mark-all{background:none;border:none;font-size:12px;color:#567c8d;cursor:pointer;font-weight:600;padding:2px 0}.nb-mark-all:hover{text-decoration:underline}.nb-list{overflow-y:auto;flex:1}.nb-empty{padding:24px 16px;text-align:center;color:#89a;font-size:13px}.nb-item{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;cursor:pointer;border-bottom:1px solid #f0f4f8;transition:background .12s;position:relative}.nb-item:last-child{border-bottom:none}.nb-item:hover{background:#f5efeb}.nb-item.unread{background:#f0f6fa}.nb-item.unread:hover{background:#e6f0f7}.nb-icon{font-size:18px;flex-shrink:0;margin-top:1px}.nb-body{flex:1;min-width:0}.nb-item-title{font-size:13px;font-weight:600;color:#0e1627;line-height:1.3}.nb-item-msg{font-size:12px;color:#4b5e6d;margin-top:2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-item-time{font-size:11px;color:#9aabb8;margin-top:3px}.nb-dot{width:8px;height:8px;border-radius:50%;background:#567c8d;flex-shrink:0;margin-top:5px}:root{--navy: #0e1627;--slate: #2f4156;--teal: #567c8d;--sky: #c8d9e6;--cream: #f5efeb;--bg: #e8e2db;--card: linear-gradient(145deg, #dbe3ec 0%, #c2d1df 100%);--card-border: rgba(47, 65, 86, .18);--t: .2s ease;--line: rgba(47, 65, 86, .08)}.teacher-dashboard{min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(86,124,141,.12),transparent 42%),radial-gradient(circle at 88% 8%,rgba(200,217,230,.28),transparent 46%),radial-gradient(circle at 75% 80%,rgba(47,65,86,.08),transparent 45%),linear-gradient(160deg,#eef2f5,#e6e0d9 60%,#e2dcd4);background-attachment:fixed;color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.teacher-navbar{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:64px;background:#ffffffe6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(14,22,39,.07);box-shadow:0 2px 18px #0e162712;position:sticky;top:0;z-index:100}.navbar-left{display:flex;align-items:center;gap:0}.logo-container{display:flex;align-items:center;gap:10px}.navbar-logo{height:36px;width:36px;border-radius:10px;object-fit:contain;border:2px solid var(--sky);background:var(--cream)}.brand-teacher-name{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--navy) 0%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.navbar-right{display:flex;align-items:center}.user-profile{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:var(--navy);border-radius:30px;cursor:pointer;transition:var(--t);box-shadow:0 4px 14px #0e162740}.user-profile:hover{background:var(--slate);transform:translateY(-1px);box-shadow:0 6px 18px #0e16274d}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--sky));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--navy);font-size:1rem;border:2px solid rgba(200,217,230,.4);flex-shrink:0}.user-name{font-size:.9rem;font-weight:500;color:var(--cream)}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;margin-right:18px;z-index:1001}.hamburger-line{width:100%;height:2.5px;background:var(--slate);border-radius:3px;transition:all .25s cubic-bezier(.4,0,.2,1)}.hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5.5px,5.5px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5.5px,-5.5px)}.side-nav{position:fixed;top:0;left:-300px;width:272px;height:100vh;background:linear-gradient(180deg,var(--navy) 0%,var(--slate) 100%);color:var(--cream);z-index:1000;transition:left .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 40px #00000059;display:flex;flex-direction:column}.side-nav.open{left:0}.side-nav-header{padding:1.2rem 1.5rem;border-bottom:1px solid rgba(86,124,141,.3);display:flex;justify-content:space-between;align-items:center;background:#0003}.side-nav-header h3{margin:0;color:var(--cream);font-size:1rem;font-weight:700}.close-menu{background:none;border:none;color:var(--sky);font-size:1.6rem;cursor:pointer;line-height:1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--t)}.close-menu:hover{background:#567c8d4d;color:var(--cream)}.nav-menu{flex:1;overflow-y:auto;padding:.5rem 0}.nav-user-info{padding:1.2rem 1.5rem;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(86,124,141,.2);margin-bottom:.5rem}.side-user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--sky));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--navy);font-size:1.3rem;border:2px solid rgba(200,217,230,.3);flex-shrink:0}.side-user-details h4{margin:0 0 3px;color:var(--cream);font-size:.95rem}.user-role{margin:0;color:var(--sky);font-size:.8rem;font-weight:500;opacity:.85}.nav-links{display:flex;flex-direction:column;padding:0 .75rem}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;color:#c8d9e6cc;text-decoration:none;border-radius:8px;margin-bottom:3px;transition:var(--t);font-size:.9rem;font-weight:500}.nav-link:hover{background:#567c8d33;color:var(--cream);transform:translate(4px)}.nav-link.active{background:#567c8d40;color:var(--cream);border-left:3px solid var(--teal);padding-left:11px}.nav-icon{font-size:1rem;width:20px;text-align:center}.nav-link.logout{color:#ff8080;border-top:1px solid rgba(86,124,141,.2);padding-top:14px;margin-top:14px}.nav-link.logout:hover{background:#ff6b6b1a;color:#faa}.overlay{position:fixed;inset:0;background:#0e162780;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;animation:fadeIn .2s ease}.dashboard-content{padding:2rem;max-width:1400px;margin:0 auto}.teacher-info-bar{display:flex;align-items:center;padding:2rem 2.5rem;border-radius:18px;margin-bottom:2.5rem;background:#ffffff73;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:var(--navy);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 34px #2f415624,inset 0 1px #ffffffb3;flex-wrap:wrap;gap:1.5rem;position:relative;overflow:hidden}.teacher-info-bar:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(86,124,141,.18) 0%,transparent 65%);border-radius:50%;pointer-events:none}.teacher-info-bar:after{content:"";position:absolute;bottom:-60px;left:30%;width:200px;height:200px;background:radial-gradient(circle,rgba(200,217,230,.25) 0%,transparent 65%);border-radius:50%;pointer-events:none}.profile-picture-container{position:relative;flex-shrink:0}.profile-picture{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--sky));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--navy);border:2.5px solid rgba(200,217,230,.3);box-shadow:0 0 0 6px #567c8d26,0 8px 24px #0000004d}.profile-status{position:absolute;bottom:-6px;right:-6px;background:#0a101ef2;padding:.2rem .55rem;border-radius:12px;display:flex;align-items:center;gap:5px;border:1px solid rgba(86,124,141,.4);font-size:.7rem;color:var(--sky);white-space:nowrap}.status-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #4ade8080}50%{opacity:.75;box-shadow:0 0 0 5px #4ade8000}}.info-item{display:flex;flex-direction:column;gap:5px;flex:1;min-width:120px;padding:0 1.5rem;border-right:1px solid rgba(47,65,86,.14)}.info-item:last-child{border-right:none}.info-label{font-size:.62rem;color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:.95rem;font-weight:600;color:var(--navy)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header{display:flex;justify-content:space-between;align-items:center;margin:2.5rem 0 1.25rem}.section-header h2{font-size:1.3rem;font-weight:800;margin:0;letter-spacing:-.3px;padding-left:14px;position:relative;color:var(--navy)}.section-header h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(180deg,var(--teal),var(--sky));border-radius:4px}.view-all-btn{background:#fff;color:var(--teal);border:1.5px solid var(--sky);padding:.45rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--t);box-shadow:0 2px 8px #2f415614}.view-all-btn:hover:not(:disabled){background:var(--teal);color:#fff;border-color:var(--teal);transform:translateY(-1px);box-shadow:0 4px 14px #567c8d4d}.view-all-btn:disabled{opacity:.55;cursor:not-allowed}.date-display{background:var(--navy);color:var(--sky);padding:.35rem 1rem;border-radius:20px;font-size:.82rem;font-weight:600;box-shadow:0 3px 10px #0e162733}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;animation:slideUp .35s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.course-card{background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--card-border);box-shadow:0 4px 20px #2f41561f,0 1px 3px #2f41560f;transition:transform var(--t),box-shadow var(--t);display:flex;flex-direction:column}.course-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--slate),var(--teal),var(--sky));flex-shrink:0}.course-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #2f41562e,0 2px 6px #2f415614}.course-teacher-code{background:linear-gradient(135deg,var(--slate),var(--teal));color:#fff;font-weight:700;font-size:.74rem;padding:.28rem .7rem;border-radius:6px;display:inline-block;letter-spacing:.6px;align-self:flex-start;margin:1.2rem 1.4rem .6rem}.course-name{color:var(--navy);margin:0 1.4rem .6rem;font-size:1rem;font-weight:700;line-height:1.35}.course-stats{display:flex;align-items:center;gap:.4rem;color:var(--teal);font-size:.78rem;margin:0 1.4rem 1rem;flex-wrap:wrap}.stat-separator{color:#c5cdd4}.course-actions{margin-top:auto;padding:0 1.4rem 1.4rem}.course-btn{width:100%;background:var(--navy);color:#fff;border:none;padding:.65rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all var(--t);box-shadow:0 3px 10px #0e16272e}.course-btn:hover{background:var(--slate);transform:translateY(-1px);box-shadow:0 6px 16px #0e162740}.schedule-container{background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--card-border);box-shadow:0 4px 20px #2f41561f,0 1px 3px #2f41560f;margin-bottom:.5rem}.schedule-item{display:flex;align-items:center;padding:1.1rem 1.5rem;border-bottom:1px solid rgba(47,65,86,.1);transition:background var(--t);gap:1.25rem}.schedule-item:last-child{border-bottom:none}.schedule-item:hover{background:#2f41560d}.schedule-time{min-width:90px;font-weight:800;color:var(--navy);font-size:.92rem;flex-shrink:0;letter-spacing:-.3px}.schedule-details{flex:1}.schedule-details h4{margin:0 0 5px;color:var(--navy);font-size:.97rem;font-weight:700}.schedule-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.schedule-type{background:#edf4f8;color:var(--teal);padding:.16rem .6rem;border-radius:20px;font-size:.74rem;font-weight:600;border:1px solid var(--sky)}.schedule-participants{font-size:.74rem;color:var(--teal);background:#f3f6f8;padding:.16rem .6rem;border-radius:20px;border:1px solid rgba(86,124,141,.18)}.course-title{margin:5px 0 0;color:var(--teal);font-size:.79rem;opacity:.8}.live-indicator{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:.74rem;font-weight:700;color:#dc2626}.schedule-action{min-width:148px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.join-btn{color:#fff;text-decoration:none;padding:.5rem 1.1rem;border-radius:9px;font-weight:600;font-size:.84rem;transition:all var(--t);white-space:nowrap;display:inline-block}.join-btn.start{background:var(--navy);color:var(--sky);border:1.5px solid var(--teal);box-shadow:0 3px 10px #0e16272e}.join-btn.start:hover{background:var(--slate);color:#fff;transform:translate(3px)}.join-btn.live{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 3px 14px #ef444459;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 3px 14px #ef444459}50%{box-shadow:0 4px 22px #ef44448c}}.join-btn.live:hover{transform:translate(3px)}.scheduled-note{color:var(--teal);font-size:.8rem;font-weight:600;background:#eef3f6;padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(86,124,141,.15)}.cancelled-label{background:#fef2f2;color:#dc2626;padding:.35rem .75rem;border-radius:8px;border:1px solid #fecaca;font-weight:600;font-size:.82rem}.ended-label{background:#f3f4f6;color:#9ca3af;padding:.35rem .75rem;border-radius:8px;border:1px solid #e5e7eb;font-weight:600;font-size:.82rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem;margin-bottom:2rem}.quick-action-btn{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:1.6rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;cursor:pointer;transition:transform var(--t),box-shadow var(--t),background var(--t);box-shadow:0 4px 18px #2f41561a,0 1px 3px #2f41560d}.quick-action-btn:hover{background:var(--navy);transform:translateY(-5px);box-shadow:0 14px 38px #0e162747}.action-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#fff;border-radius:50%;border:1.5px solid var(--sky);box-shadow:0 2px 8px #2f41561a;transition:all var(--t)}.quick-action-btn:hover .action-icon{background:#567c8d40;border-color:#c8d9e659;transform:scale(1.1)}.quick-action-btn:hover .action-icon svg{stroke:var(--sky)!important}.action-text{color:var(--navy);font-weight:700;font-size:.9rem;text-align:center;transition:color var(--t)}.quick-action-btn:hover .action-text{color:var(--cream)}.no-schedule{text-align:center;padding:3rem 2rem;background:var(--card);border-radius:16px;border:2px dashed #ccdde8;box-shadow:0 4px 18px #2f415612;margin-bottom:.5rem}.no-schedule p{color:var(--teal);margin-bottom:1.2rem;font-size:1rem}.create-schedule-btn{background:var(--navy);color:#fff;border:none;padding:.7rem 1.4rem;border-radius:9px;font-weight:700;cursor:pointer;transition:all var(--t);font-size:.9rem;box-shadow:0 3px 10px #0e16272e}.create-schedule-btn:hover{background:var(--slate);transform:translateY(-2px);box-shadow:0 6px 16px #0e162740}.no-courses{text-align:center;padding:3rem;background:var(--card);border-radius:16px;border:2px dashed #ccdde8;box-shadow:0 4px 18px #2f415612}.no-courses p{color:var(--teal);font-size:1rem}.teacher-dashboard .loading-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg);color:var(--slate);z-index:3000}.teacher-dashboard .loading-container p{color:var(--teal);font-size:1rem;font-weight:600}.teacher-dashboard .loading-spinner{width:52px;height:52px;border:3px solid var(--sky);border-top-color:var(--teal);border-radius:50%;animation:spin .85s linear infinite}.teacher-dashboard .loading-spinner.small{width:36px;height:36px;margin:0 auto 1rem;border-width:3px;border-color:var(--sky);border-top-color:var(--teal);border-radius:50%;animation:spin .85s linear infinite}.loading-courses{text-align:center;padding:2rem;background:var(--card);border-radius:16px;border:1px solid rgba(47,65,86,.06);box-shadow:0 4px 18px #2f415612;color:var(--slate)}.loading-courses p{color:var(--teal);margin-top:.5rem}@media(max-width:1024px){.courses-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.teacher-info-bar{gap:1rem;padding:1.5rem}}@media(max-width:768px){.teacher-navbar{padding:0 1rem}.dashboard-content{padding:1.2rem}.courses-grid,.quick-actions-grid{grid-template-columns:1fr}.side-nav{width:260px;left:-260px}.teacher-info-bar{flex-direction:column;align-items:flex-start;gap:1rem}.info-item{border-right:none;border-bottom:1px solid rgba(86,124,141,.2);padding:.5rem 0;width:100%}.info-item:last-child{border-bottom:none}.schedule-item{flex-direction:column;align-items:flex-start;gap:.7rem}.schedule-action{justify-content:flex-start}.section-header{flex-direction:column;align-items:flex-start;gap:.7rem}}@media(max-width:480px){.side-nav{width:100%;left:-100%}.brand-teacher-name{font-size:1.2rem}}.teacher-profile-page{--navy: #0e1627;--slate: #2f4156;--teal: #567c8d;--sky: #c8d9e6;--cream: #f5efeb;--bg: #e8e2db;--card: linear-gradient(145deg, #dbe3ec 0%, #c2d1df 100%);--card-border: rgba(47, 65, 86, .18);--muted: #6b7c8c;--t: .2s ease;min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(86,124,141,.12),transparent 42%),radial-gradient(circle at 88% 8%,rgba(200,217,230,.28),transparent 46%),radial-gradient(circle at 75% 80%,rgba(47,65,86,.08),transparent 45%),linear-gradient(160deg,#eef2f5,#e6e0d9 60%,#e2dcd4);background-attachment:fixed;padding:2rem;width:100%;color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.teacher-profile-page .profile-header{margin-bottom:2rem}.teacher-profile-page .back-btn{background:#fff;color:var(--teal);border:1.5px solid var(--sky);padding:.65rem 1.4rem;border-radius:9px;cursor:pointer;font-weight:600;margin-bottom:1rem;transition:all var(--t);box-shadow:0 2px 8px #2f415614}.teacher-profile-page .back-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:translate(-3px)}.teacher-profile-page .profile-header h1{font-size:2.4rem;margin:.5rem 0;font-weight:800;letter-spacing:-.5px;color:var(--navy)}.teacher-profile-page .profile-header p{color:var(--teal);font-size:1.05rem}.teacher-profile-page .success-message{background:#e7f6ec;color:#1f7a45;border:1px solid #b7e3c6;padding:1rem;border-radius:10px;margin-bottom:2rem;text-align:center;font-weight:600}.teacher-profile-page .error-message{background:#fdecec;color:#c0392b;border:1px solid #f5c6c6;padding:1rem;border-radius:10px;margin-bottom:1.5rem;text-align:center;font-weight:600}.teacher-profile-page .error-container{background:var(--card);border:1px solid rgba(47,65,86,.06);border-radius:16px;padding:2.5rem;text-align:center;box-shadow:0 8px 28px #2f41561f;display:flex;flex-direction:column;gap:1rem;align-items:center;max-width:480px;margin:2rem auto}.teacher-profile-page .retry-btn{background:var(--navy);color:#fff;border:none;padding:.7rem 1.6rem;border-radius:9px;cursor:pointer;font-weight:600;transition:all var(--t)}.teacher-profile-page .retry-btn:hover{background:var(--slate);transform:translateY(-1px)}.teacher-profile-page .profile-card{background:var(--card);border-radius:18px;padding:2.5rem;border:1px solid var(--card-border);box-shadow:0 10px 34px #2f415624,0 1px 3px #2f41560f;margin-bottom:2rem}.teacher-profile-page .profile-header-section{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(47,65,86,.08)}.teacher-profile-page .profile-title h2{color:var(--navy);font-size:2rem;margin:0 0 .5rem;font-weight:700}.teacher-profile-page .profile-role{color:var(--teal);font-size:1.05rem;margin:0 0 .3rem;font-weight:500}.teacher-profile-page .profile-id{color:var(--muted);font-size:.9rem;margin:0}.teacher-profile-page .edit-profile-btn{margin-left:auto;background:var(--navy);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:9px;cursor:pointer;font-weight:600;transition:all var(--t);box-shadow:0 3px 10px #0e16272e}.teacher-profile-page .edit-profile-btn:hover{background:var(--slate);transform:translateY(-2px);box-shadow:0 6px 16px #0e162740}.teacher-profile-page .form-section{margin-bottom:2rem}.teacher-profile-page .form-section h3{color:var(--navy);font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(47,65,86,.08)}.teacher-profile-page .form-group{margin-bottom:1.5rem}.teacher-profile-page .form-group label{display:block;color:var(--teal);font-weight:700;margin-bottom:.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.8px}.teacher-profile-page .form-group input,.teacher-profile-page .form-group select{width:100%;padding:.85rem 1rem;border:1.5px solid var(--sky);border-radius:10px;font-size:1rem;transition:all var(--t);background:#fff;color:var(--navy)}.teacher-profile-page .form-group input::placeholder{color:#a8b8c4}.teacher-profile-page .form-group input:focus,.teacher-profile-page .form-group select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #567c8d26}.teacher-profile-page .form-group input:disabled{background:#f3f5f7;color:#9aa8b4;cursor:not-allowed}.teacher-profile-page .form-value{padding:.85rem 1rem;background:#f6f8fa;border-radius:10px;color:var(--navy);font-size:1rem;border:1px solid rgba(47,65,86,.08)}.teacher-profile-page .form-actions{display:flex;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(47,65,86,.08)}.teacher-profile-page .save-btn{background:linear-gradient(135deg,#34c36b,#22a355);color:#fff;border:none;padding:.95rem 2.4rem;border-radius:9px;cursor:pointer;font-weight:600;font-size:1rem;transition:all var(--t);box-shadow:0 4px 16px #22a35540}.teacher-profile-page .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22a35559}.teacher-profile-page .save-btn:disabled{opacity:.55;cursor:not-allowed}.teacher-profile-page .cancel-btn{background:#fff;color:#dc2626;border:1.5px solid #f5c6c6;padding:.95rem 2rem;border-radius:9px;cursor:pointer;font-weight:600;font-size:1rem;transition:all var(--t)}.teacher-profile-page .cancel-btn:hover:not(:disabled){background:#fdecec;border-color:#dc2626;transform:translateY(-2px)}.teacher-profile-page .additional-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.teacher-profile-page .info-card{background:var(--card);border-radius:18px;padding:2rem;border:1px solid var(--card-border);box-shadow:0 8px 28px #2f41561f,0 1px 3px #2f41560d}.teacher-profile-page .info-card h3{color:var(--navy);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(47,65,86,.08)}.teacher-profile-page .info-item{margin-bottom:1rem;display:flex;justify-content:space-between}.teacher-profile-page .info-label{color:var(--teal);font-weight:500}.teacher-profile-page .info-profile-value{color:var(--navy)!important;font-weight:600}.teacher-profile-page .action-btn{width:100%;background:#f4f7fa;color:var(--navy);border:1px solid var(--sky);border-radius:9px;cursor:pointer;font-weight:600;margin-bottom:.8rem;text-align:left;padding:.9rem .9rem .9rem 1.5rem;transition:all var(--t)}.teacher-profile-page .action-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translate(5px)}.teacher-profile-page .action-btn.danger{background:#fdecec;color:#dc2626;border-color:#f5c6c6}.teacher-profile-page .action-btn.danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.teacher-profile-page .profile-image-container{position:relative;display:inline-block}.teacher-profile-page .profile-avatar-large{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--slate),var(--teal));display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:var(--cream);border:4px solid #ffffff;box-shadow:0 0 0 5px #567c8d26,0 8px 24px #2f415633;overflow:hidden;position:relative;transition:all var(--t)}.teacher-profile-page .profile-avatar-large:hover{transform:scale(1.02)}.teacher-profile-page .profile-image{width:100%;height:100%;object-fit:cover}.teacher-profile-page .image-edit-overlay{position:absolute;inset:0;background:#0a101eb3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cream);opacity:0;transition:opacity var(--t);border-radius:50%}.teacher-profile-page .profile-avatar-large:hover .image-edit-overlay{opacity:1}.teacher-profile-page .edit-icon{font-size:2rem;margin-bottom:.5rem}.teacher-profile-page .edit-text{font-size:.9rem;font-weight:500}.teacher-profile-page .uploading-indicator{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;z-index:10;color:var(--teal)}.teacher-profile-page .uploading-spinner{width:40px;height:40px;border:3px solid var(--sky);border-top:3px solid var(--teal);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}@media(max-width:768px){.teacher-profile-page{padding:1rem}.teacher-profile-page .profile-header-section{flex-direction:column;text-align:center;gap:1.5rem}.teacher-profile-page .edit-profile-btn{margin-left:0;width:100%}.teacher-profile-page .form-actions{flex-direction:column}.teacher-profile-page .additional-info{grid-template-columns:1fr}}.course-profile{min-height:100vh;background-color:#f5efeb;color:#2f4156;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%;border-radius:20px}.course-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f5efeb;border-bottom:2px solid #567c8d;box-shadow:0 4px 12px #0000001a;border-radius:20px 20px 0 0}.navbar-left{display:flex;align-items:center}.logo-container{display:flex;align-items:center;gap:12px}.navbar-logo{height:40px;width:40px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background-color:#f5efeb}.brand-name{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;padding:4px 12px;border-radius:6px;letter-spacing:1px;text-transform:lowercase}.back-course-btn{background:#567c8d;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s}.back-course-btn:hover{background:#2f4156;transform:translate(-3px)}.course-content{padding:2rem;max-width:1400px;margin:0 auto}.course-header{background:linear-gradient(135deg,#0e1627,#2f4156);color:#fff;padding:2rem;border-radius:15px;margin-bottom:2rem;border:1px solid #567c8d}.course-title-section{margin-bottom:2rem}.course-profile-code{font-size:1.5rem;color:#c8d9e6;font-weight:600;margin-bottom:.5rem}.course-profile-name{font-size:2.5rem;margin:0 0 1rem;color:#fff}.course-description{color:#c8d9e6;font-size:1.1rem;line-height:1.6;max-width:800px}.course-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.stat-card{background:#ffffff1a;padding:1.2rem;border-radius:10px;text-align:center;border:1px solid rgba(47,65,86,.3)}.stat-icon{font-size:2rem;display:block;margin-bottom:.5rem}.stat-value{font-size:1.8rem;font-weight:700;display:block;color:#fff}.stat-label{color:#c8d9e6;font-size:.9rem;margin-top:.3rem;display:block}.course-sections{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.section-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #567c8d1a;border:1px solid #c8d9e6}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid #f5efeb}.section-header h3{margin:0;color:#0e1627;font-size:1.4rem}.view-all-btn,.add-btn{background:#567c8d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s}.add-btn{background:#0e1627}.view-all-btn:hover,.add-btn:hover{transform:translateY(-2px);opacity:.9}.students-list{display:flex;flex-direction:column;gap:1rem}.student-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fcf8f8;border-radius:8px;border:1px solid #f5efeb;transition:all .3s}.student-item:hover{transform:translate(5px);border-color:#2f4156}.student-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem}.student-info{flex:1}.student-info h4{margin:0 0 .3rem;color:#0e1627}.student-info p{margin:0;color:#567c8d;font-size:.9rem}.student-stats{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.attendance,.grade{background:#f5efeb;padding:.3rem .8rem;border-radius:15px;font-size:.85rem;color:#567c8d}.assignments-list{display:flex;flex-direction:column;gap:1rem}.assignment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fcf8f8;border-radius:8px;border:1px solid #f5efeb}.assignment-details h4{margin:0 0 .5rem;color:#0e1627}.assignment-details p{margin:0;color:#567c8d;font-size:.9rem}.assignment-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.status-badge{padding:.3rem .8rem;border-radius:15px;font-size:.85rem;font-weight:500}.status-badge.submitted{background:#e8f5e9;color:#2e7d32}.status-badge.pending{background:#fff3e0;color:#f57c00}.status-badge.not-started{background:#f5f5f5;color:#757575}.assignment-marks{font-weight:700;color:#0e1627}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f5efeb;border:2px solid #c8d9e6;border-radius:10px;cursor:pointer;transition:all .3s;color:#0e1627;font-weight:500}.action-btn:hover{background:#c8d9e6;border-color:#2f4156;transform:translateY(-3px)}.action-btn.primary{background:#0e1627;color:#fff;border-color:#0e1627}.btn-icon{font-size:1.8rem;color:#567c8d}.action-btn.primary .btn-icon{color:#fff}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.3rem}.info-label{font-size:.9rem;color:#567c8d;font-weight:500}.info-course-value{font-size:1rem;font-weight:600;color:#0e1627}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fcf8f8;border-radius:8px}.activity-icon{font-size:1.5rem}.activity-details p{margin:0 0 .3rem;color:#0e1627;font-weight:500}.activity-time{font-size:.85rem;color:#567c8d}.course-loading-container,.course-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:transparent}.course-loading-spinner{width:60px;height:60px;border:5px solid #c8d9e6;border-top:5px solid #567c8d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.course-error-container button{background:#567c8d;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;margin-top:1rem}@media(max-width:1024px){.course-sections{grid-template-columns:1fr}.course-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.course-content{padding:1rem}.course-header{padding:1.5rem}.course-profile-name{font-size:2rem}.action-buttons,.info-grid,.course-stats-grid{grid-template-columns:1fr}}.loading-students{text-align:center;padding:40px;color:#666}.loading-students .course-loading-spinner.small{width:30px;height:30px;margin:0 auto 15px;border-width:3px}.no-students{text-align:center;padding:40px;color:#666;background:#f8f9fa;border-radius:8px;margin:20px 0}.student-email{font-size:12px;color:#666;margin-top:2px}.enrollment-date{font-size:12px;color:#666;display:block;margin-bottom:5px}.status{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.student-stats{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.loading-students small{display:block;margin-top:5px;font-size:12px;color:#888;background:#f5f5f5;padding:4px 8px;border-radius:4px;font-family:monospace}.no-students{text-align:center;padding:30px 20px;background:#fff8f8;border-radius:8px;border:1px dashed #ffcccc}.no-students p{color:#d32f2f;font-weight:500;margin-bottom:10px}.no-students small{display:block;font-size:12px;color:#666;line-height:1.5;background:#f9f9f9;padding:10px;border-radius:4px;margin-top:10px}.student-info p{margin:2px 0;font-size:12px;color:#666}.student-email{color:#007bff!important;font-size:11px!important}.student-info small{font-size:10px;color:#999;display:block;margin-top:4px}.class-sessions-list{display:flex;flex-direction:column;gap:15px}.session-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;transition:all .3s ease}.session-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.session-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;flex:1}.session-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.session-status.scheduled{background:#fef3c7;color:#92400e}.session-status.live{background:#d1fae5;color:#065f46;animation:pulse 2s infinite}.session-status.completed{background:#e5e7eb;color:#374151}.session-status.ended{background:#f3f4f6;color:#6b7280}.session-status.cancelled{background:#fee2e2;color:#991b1b}@keyframes pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.session-details{margin-bottom:15px}.session-date-time{display:flex;align-items:center;gap:15px;margin-bottom:10px;flex-wrap:wrap}.session-date,.session-time,.session-duration{display:flex;align-items:center;gap:5px;font-size:14px;color:#6b7280}.session-description{font-size:14px;color:#4b5563;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.session-meta{display:flex;gap:15px;flex-wrap:wrap}.session-participants,.session-private,.session-recording{font-size:13px;color:#567c8d;display:flex;align-items:center;gap:4px}.session-meta i{color:#567c8d}.session-actions{display:flex;gap:10px;flex-wrap:wrap}.session-action-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.session-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.session-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.session-action-btn.secondary{background:#10b981;color:#fff}.session-action-btn.secondary:hover{background:#059669;transform:translateY(-1px)}.session-action-btn.outline{background:transparent;border:1px solid #d1d5db;color:#374151}.session-action-btn.outline:hover{background:#f9fafb;border-color:#9ca3af}.session-action-btn.materials{background:#f3f4f6;color:#374151;display:flex;align-items:center;gap:6px}.session-action-btn.materials:hover{background:#e5e7eb}.more-sessions-info{margin-top:20px;padding-top:15px;border-top:1px solid #e5e7eb;text-align:center}.more-sessions-text{font-size:14px;color:#6b7280;margin-bottom:10px}.view-all-sessions-btn{padding:8px 20px;background:transparent;border:1px solid #2f4156;color:#2f4156;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-all-sessions-btn:hover{background:#2f4156;color:#fff}.upcoming-sessions{display:flex;flex-direction:column;gap:12px}.upcoming-session-item{display:flex;align-items:center;gap:15px;padding:12px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.upcoming-session-item:hover{background:#f3f4f6}.upcoming-session-date{display:flex;flex-direction:column;align-items:center;min-width:50px}.upcoming-day{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.upcoming-date{font-size:20px;font-weight:600;color:#1f2937}.upcoming-session-info{flex:1}.upcoming-session-info h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.upcoming-time{font-size:12px;color:#6b7280;margin:0 0 6px}.upcoming-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;display:inline-block}.upcoming-status.scheduled{background:#fef3c7;color:#92400e}.upcoming-status.live{background:#d1fae5;color:#065f46}.no-upcoming{text-align:center;color:#9ca3af;font-style:italic;padding:20px}.loading-sessions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.loading-spinner.small{width:30px;height:30px;border-width:3px}.create-schedule-btn{padding:8px 20px;background:linear-gradient(135deg,#0e1627,#2f4156);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;margin-top:10px;transition:all .2s ease}.create-schedule-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}@media(max-width:768px){.session-date-time{flex-direction:column;align-items:flex-start;gap:8px}.session-actions{flex-direction:column}.session-action-btn{width:100%;justify-content:center}.upcoming-session-item{flex-direction:column;text-align:center}.upcoming-session-date{flex-direction:row;gap:10px}}:root{--bg-dark: #0e1627;--accent: #2f4156;--muted: #c8d9e6;--bg-light: #f5efeb;--accent-2: #567c8d}.student-course-profile{background-color:var(--bg-light)}.student-course-profile .class-sessions-list{max-height:520px;overflow-y:auto;padding-right:6px}.student-course-profile .class-sessions-list::-webkit-scrollbar{width:8px}.student-course-profile .class-sessions-list::-webkit-scrollbar-track{background:#2f415614;border-radius:8px}.student-course-profile .class-sessions-list::-webkit-scrollbar-thumb{background:var(--accent-2);border-radius:8px}.student-course-profile .class-sessions-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}.brand-name{color:linear-gradient(135deg,var(--accent-2),var(--bg-dark))}.student-course-content{padding:1.6rem}.student-course-profile-code{color:var(--accent)}.student-course-profile-name{color:#fff}.activity-item a{color:var(--bg-dark);font-weight:600}.download-btn{background-color:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease}.download-btn:hover{background-color:var(--accent-2);transform:translateY(-2px);box-shadow:0 2px 8px #2f41564d}.download-btn:active{transform:translateY(0)}.download-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.download-btn:disabled:hover{transform:none;box-shadow:none}.student-course-profile .assignment-item,.student-course-profile .activity-item{background:#fff;border:1px solid var(--muted)}.student-course-profile .assignment-item:hover,.student-course-profile .activity-item:hover{border-color:var(--accent)}.student-course-profile .assignment-details p,.student-course-profile .activity-details small,.student-course-profile .activity-time{color:var(--accent-2)}.student-course-profile .no-students{background:#f5efeb;border:1px dashed var(--muted);color:var(--accent-2)}.session-action-btn.outline.join-active{background:linear-gradient(135deg,#e53e3e,#c62828);color:#fff;border-color:#e53e3e;animation:pulse-join 1.8s ease-in-out infinite}.session-action-btn.outline.join-active:hover{background:linear-gradient(135deg,#c62828,#a31515);transform:translateY(-2px);box-shadow:0 4px 15px #e53e3e73}@keyframes pulse-join{0%,to{box-shadow:0 0 #e53e3e8c}50%{box-shadow:0 0 0 7px #e53e3e00}}.session-action-btn.outline:not(.join-active){background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.session-action-btn.outline:not(.join-active):hover:not(:disabled){background:var(--accent);color:#fff}.session-action-btn.outline:disabled{opacity:.45;cursor:not-allowed}.sf-container{min-height:100vh;background-color:#f5efeb;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%;border-radius:20px}.sf-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f5efeb;border-bottom:2px solid #567c8d;box-shadow:0 4px 12px #0000001a;border-radius:20px 20px 0 0}.sf-navbar-left{display:flex;align-items:center}.sf-logo-container{display:flex;align-items:center;gap:12px}.sf-navbar-logo{height:40px;width:40px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background-color:#f5efeb}.sf-brand-name{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;padding:4px 12px;border-radius:6px;letter-spacing:1px;text-transform:lowercase}.sf-back-btn{background:#567c8d;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s}.sf-back-btn:hover{background:#2f4156;transform:translate(-3px)}.sf-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}@media(max-width:1024px){.sf-content{grid-template-columns:1fr}}.sf-form-wrapper{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 5px 15px #567c8d1a;border:1px solid #c8d9e6}.sf-form-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f5efeb}.sf-form-title{color:#0e1627;font-size:2rem;margin:0 0 .5rem}.sf-form-subtitle{color:#567c8d;margin:0}.sf-form{display:flex;flex-direction:column;gap:1.5rem}.sf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.sf-form-row{grid-template-columns:1fr}}.sf-form-group{display:flex;flex-direction:column;gap:.5rem}.sf-form-label{font-weight:600;color:#0e1627;font-size:.95rem}.sf-required{color:#e63946;margin-left:2px}.sf-form-input,.sf-form-select,.sf-form-textarea{padding:.8rem 1rem;border:1px solid #c8d9e6;border-radius:8px;font-size:1rem;transition:all .3s;background:#fff}.sf-form-input:focus,.sf-form-select:focus,.sf-form-textarea:focus{outline:none;border-color:#106466;box-shadow:0 0 0 3px #1064661a}.sf-form-textarea{resize:vertical;min-height:80px}.sf-input-with-button{display:flex;gap:.5rem}.sf-input-with-button .sf-form-input{flex:1}.sf-generate-btn{background:#0e1627;color:#fff;border:none;padding:0 1rem;border-radius:6px;cursor:pointer;font-weight:500;white-space:nowrap;transition:all .3s}.sf-generate-btn:hover{background:#2f4156}.sf-checkbox-group{margin-top:1rem}.sf-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:.3rem}.sf-form-checkbox{width:18px;height:18px;cursor:pointer}.sf-checkbox-text{font-weight:500;color:#0e1627}.sf-checkbox-hint{font-size:.85rem;color:#567c8d;margin:.2rem 0 0 1.5rem}.sf-materials-row{display:flex;gap:.5rem;margin-bottom:.5rem}.sf-materials-row .sf-form-input{flex:1}.sf-remove-btn{background:#ff6b6b;color:#fff;border:none;padding:0 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.sf-remove-btn:hover:not(:disabled){background:#ff8e8e}.sf-remove-btn:disabled{background:#ccc;cursor:not-allowed}.sf-add-btn{background:#0e1627;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;margin-top:.5rem;transition:all .3s}.sf-add-btn:hover{background:#2f4156}.sf-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f5efeb}.sf-cancel-btn{background:#fff;color:#0e1627;border:2px solid #0e1627;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.sf-cancel-btn:hover{background:#f5efeb}.sf-submit-btn{background:#106466;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.sf-submit-btn:hover:not(:disabled){background:#0e5254;transform:translateY(-2px);box-shadow:0 4px 12px #10646633}.sf-submit-btn:disabled{background:#ccc;cursor:not-allowed}.sf-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sf-teacher-card,.sf-preview-card,.sf-help-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #567c8d1a;border:1px solid #c8d9e6}.sf-sidebar-title{color:#0e1627;font-size:1.2rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #f5efeb}.sf-teacher-details{display:flex;align-items:center;gap:1rem}.sf-teacher-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.5rem;border:2px solid #c8d9e6}.sf-teacher-info h4{margin:0 0 .3rem;color:#0e1627}.sf-teacher-dept{color:#567c8d;margin:0 0 .3rem;font-size:.9rem}.sf-teacher-email{color:#106466;margin:0;font-size:.85rem}.sf-preview-content{display:flex;flex-direction:column;gap:.8rem}.sf-preview-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sf-preview-label{font-weight:600;color:#0e1627;font-size:.9rem;min-width:60px}.sf-preview-value{color:#567c8d;font-size:.9rem;text-align:right;word-break:break-word;flex:1}.sf-status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block}.sf-status-scheduled{background:#e8f4fd;color:#1976d2}.sf-status-in-progress{background:#e8f5e9;color:#2e7d32}.sf-status-completed{background:#f5f5f5;color:#616161}.sf-status-cancelled{background:#ffebee;color:#c62828}.sf-help-list{list-style:none;padding:0;margin:0}.sf-help-list li{padding:.5rem 0;color:#567c8d;font-size:.9rem;border-bottom:1px solid #f5efeb}.sf-help-list li:last-child{border-bottom:none}.sf-help-list li:before{content:"✓";color:#106466;margin-right:.5rem;font-weight:700}.sf-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f5efeb}.sf-loading-spinner{width:60px;height:60px;border:5px solid #f5efeb;border-top:5px solid #567c8d;border-radius:50%;animation:sf-spin 1s linear infinite;margin-bottom:1rem}@keyframes sf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.sf-navbar,.sf-content{padding:1rem}.sf-form-wrapper{padding:1.5rem}.sf-form-title{font-size:1.5rem}.sf-form-actions{flex-direction:column}.sf-cancel-btn,.sf-submit-btn{width:100%;text-align:center}}.chat-container{min-height:100vh;height:100vh;max-height:100vh;background-color:#f5efeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;flex-direction:column;width:100%;border-radius:20px;overflow:hidden}.chat-navbar{background-color:#f5efeb;border-radius:20px 20px 0 0;padding:0 2rem;height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #567c8d;box-shadow:0 4px 12px #0003}.chat-navbar-left,.chat-navbar-right{display:flex;align-items:center;gap:1rem}.chat-logo-container{display:flex;align-items:center;gap:12px}.chat-navbar-logo{height:40px;width:40px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background-color:#f5efeb}.chat-brand-name{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;padding:4px 12px;border-radius:6px;letter-spacing:1px;text-transform:lowercase}.chat-back-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid #567c8d}.chat-back-btn:hover{background:linear-gradient(135deg,#2f4156,#0e1627);transform:translateY(-1px);box-shadow:0 4px 12px #0e162766}.chat-main-area{flex:1;display:flex;max-width:1400px;margin:2rem auto;width:95%;height:calc(100vh - 140px);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;border:1px solid #c8d9e6;min-height:0}.chat-sidebar{width:350px;border-right:1px solid #c8d9e6;display:flex;flex-direction:column;background:#fcf8f8}.chat-search-container{padding:1rem;border-bottom:1px solid #c8d9e6;background:#fff}.chat-search-input-wrapper{position:relative}.chat-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#567c8d}.chat-search-input{width:100%;padding:.75rem 1rem .75rem 40px;border:2px solid #c8d9e6;border-radius:8px;font-size:.9rem;background:#f5efeb;color:#0e1627;transition:all .3s ease}.chat-search-input:focus{outline:none;border-color:#2f4156;box-shadow:0 0 0 3px #2f41561a;background:#fff}.chat-search-input::placeholder{color:#567c8d}.chat-search-results{background:#fff;border-bottom:1px solid #c8d9e6;max-height:300px;overflow-y:auto}.search-results-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;background:#fcf8f8;border-bottom:1px solid #c8d9e6}.search-results-header h4{margin:0;font-size:.9rem;color:#0e1627;font-weight:600}.results-count{background:#567c8d;color:#f5efeb;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.search-results-list{padding:.5rem}.search-result-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;gap:1rem;border:1px solid transparent}.search-result-item:hover{background:#f5efeb;border-color:#c8d9e6}.search-result-avatar{width:40px;height:40px;background:linear-gradient(135deg,#2f4156,#567c8d);color:#f5efeb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:2px solid #c8d9e6}.search-result-info{flex:1}.search-result-info h5{margin:0 0 .25rem;font-size:.95rem;color:#0e1627}.search-result-role{font-size:.8rem;color:#567c8d;background:#f5efeb;padding:.2rem .5rem;border-radius:4px;font-weight:500}.start-chat-btn{background:#0e1627;color:#f5efeb;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:500;border:1px solid #567c8d}.start-chat-btn:hover{background:#2f4156;transform:translateY(-1px)}.no-search-results{padding:2rem 1rem;text-align:center;color:#567c8d;font-size:.9rem}.chat-list-container{flex:1;overflow-y:auto}.chat-list-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #c8d9e6}.chat-list-header h3{margin:0;font-size:1.1rem;color:#0e1627;font-weight:600}.chats-count{background:#c8d9e6;color:#567c8d;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:500}.no-chats-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:#567c8d}.no-chats-icon{margin-bottom:1rem;color:#c8d9e6}.no-chats-message h4{margin:0 0 .5rem;color:#0e1627;font-weight:600}.no-chats-message p{font-size:.9rem;color:#567c8d}.chat-list{padding:.5rem}.chat-list-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;gap:1rem;margin-bottom:.25rem;border:1px solid transparent}.chat-list-item:hover{background:#f5efeb;border-color:#c8d9e6}.chat-list-item.active{background:linear-gradient(135deg,#f5efeb,#c8d9e6);border-left:3px solid #2f4156}.avatar-initials{width:50px;height:50px;background:linear-gradient(135deg,#2f4156,#567c8d);color:#f5efeb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;border:2px solid #c8d9e6}.online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#10b981;border:2px solid #ffffff;border-radius:50%}.chat-item-info{flex:1;min-width:0}.chat-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.chat-item-name{margin:0;font-size:.95rem;color:#0e1627;font-weight:600}.chat-item-time{font-size:.8rem;color:#567c8d;font-weight:500}.chat-item-preview{margin:0 0 .25rem;font-size:.85rem;color:#567c8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-footer{display:flex;justify-content:space-between;align-items:center}.chat-item-role{font-size:.8rem;color:#567c8d;background:#f5efeb;padding:.2rem .5rem;border-radius:4px;font-weight:500}.unread-badge{background:#2f4156;color:#f5efeb;font-size:.7rem;padding:.1rem .5rem;border-radius:10px;min-width:20px;text-align:center;font-weight:600}.chat-box-container{flex:1;display:flex;flex-direction:column;background:#fff;height:100%;overflow:hidden;min-height:0}.chat-box-header{padding:1rem 1.5rem;border-bottom:1px solid #c8d9e6;display:flex;justify-content:space-between;align-items:center;background:#fff;flex-shrink:0}.chat-box-user-info{display:flex;align-items:center;gap:1rem}.chat-box-avatar{position:relative}.chat-box-avatar-initials{width:45px;height:45px;background:linear-gradient(135deg,#2f4156,#567c8d);color:#f5efeb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:2px solid #c8d9e6}.chat-box-online{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#10b981;border:2px solid #ffffff;border-radius:50%}.chat-box-user-details{display:flex;flex-direction:column}.chat-box-user-details h4{margin:0 0 .25rem;font-size:1rem;color:#0e1627;font-weight:600}.chat-box-user-role{font-size:.85rem;color:#567c8d;font-weight:500}.online-status{font-size:.8rem;color:#10b981;margin-top:.25rem;font-weight:500}.chat-box-actions{display:flex;gap:.5rem}.chat-header-action-btn{width:40px;height:40px;border-radius:50%;border:1px solid #c8d9e6;background:#fff;color:#2f4156;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-header-action-btn:hover{background:#f5efeb;transform:translateY(-1px)}.chat-header-action-btn svg{width:18px;height:18px;fill:currentColor}.chat-action-btn{width:36px;height:36px;border-radius:50%;border:1px solid #c8d9e6;background:#fff;color:#567c8d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-action-btn:hover{background:#f5efeb;color:#0e1627}.chat-item-actions{position:relative;display:flex;align-items:center;gap:.5rem}.chat-kebab-btn{width:34px;height:34px;border-radius:999px;border:1px solid #c8d9e6;background:#fff;color:#567c8d;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:all .2s ease}.chat-kebab-btn:hover{background:#f5efeb;color:#0e1627}.chat-context-menu{position:absolute;right:0;top:42px;min-width:160px;background:#fff;border:1px solid #c8d9e6;border-radius:12px;box-shadow:0 14px 30px #0e162726;z-index:20;overflow:hidden}.chat-context-menu button{width:100%;padding:.8rem 1rem;border:none;background:transparent;color:#0e1627;text-align:left;cursor:pointer;font-size:.9rem}.chat-context-menu button:hover{background:#f5efeb}.chat-context-menu button.danger{color:#b42318}.chat-context-menu button.danger:hover{background:#b4231814}.chat-messages-area{flex:1;padding:1.5rem;overflow-y:auto;background:#fcf8f8;min-height:0}.message-list-container{flex:1;overflow-y:auto;min-height:0}.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#567c8d;font-size:.9rem}.messages-container{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow-y:auto;padding:1rem}.messages-container::-webkit-scrollbar-track{background:#f5efeb;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#2f4156;border-radius:10px}.message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:18px;position:relative;box-shadow:0 2px 8px #00000014}.message-bubble.sent.read{background:linear-gradient(135deg,#132238,#35526d);border-color:#8fb7d1}.message-bubble.sent:after{content:"";position:absolute;right:-8px;bottom:0;width:0;height:0;border-left:8px solid #2f4156;border-right:8px solid transparent;border-bottom:8px solid transparent}.message-content{display:flex;flex-direction:column}.message-content p{margin:0 0 .5rem;font-size:.95rem;line-height:1.4}.message-file-card{margin-top:.5rem;padding:.75rem;border-radius:14px;background:#ffffff14;border:1px solid rgba(200,217,230,.35)}.message-bubble.received .message-file-card{background:#f8fbfd;border-color:#d8e5ef}.message-file-main{display:flex;align-items:center;gap:.75rem}.message-file-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#567c8d,#0e1627);color:#f5efeb;flex-shrink:0}.message-file-details{min-width:0;display:flex;flex-direction:column;gap:.15rem}.message-file-name{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-meta{font-size:.78rem;opacity:.85}.message-file-actions{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.45rem}.message-file-action{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(200,217,230,.45);background:#ffffff14;color:inherit;text-decoration:none;font-size:.8rem;cursor:pointer}.message-bubble.received .message-file-action{background:#fff}.message-file-action.danger{color:#b42318}.message-time{font-size:.75rem;opacity:.8;align-self:flex-end}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.message-receipt-icon{font-size:.72rem;letter-spacing:-.12rem;font-weight:700;line-height:1}.message-receipt-icon.delivered{color:#a8c0d4}.message-receipt-icon.read{color:#74d3ff}.message-date-separator{display:flex;justify-content:center;margin:.5rem 0}.message-date-separator span{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;background:#eaf0f5;border:1px solid #c8d9e6;color:#567c8d;font-size:.78rem;font-weight:600}.message-input-container{padding:1rem 1.5rem;border-top:1px solid #c8d9e6;background:#fff;flex-shrink:0;position:sticky;bottom:0;z-index:3}.chat-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.attached-file-preview{margin-bottom:.75rem;padding:.75rem .9rem;border-radius:14px;border:1px solid #c8d9e6;background:#f5efeb;display:flex;align-items:center;justify-content:space-between;gap:1rem}.attached-file-info{display:flex;align-items:center;gap:.75rem;min-width:0;color:#0e1627}.attached-file-info>div{display:flex;flex-direction:column;min-width:0}.attached-file-info strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attached-file-info span{font-size:.78rem;color:#567c8d}.attached-file-remove{width:34px;height:34px;border-radius:50%;border:1px solid #c8d9e6;background:#fff;color:#b42318;display:flex;align-items:center;justify-content:center;cursor:pointer}.message-input-wrapper{display:flex;gap:.5rem;align-items:center}.message-input{flex:1;padding:.75rem 1rem;border:2px solid #c8d9e6;border-radius:24px;font-size:.95rem;background:#f5efeb;color:#0e1627;transition:all .3s ease}.message-input:focus{outline:none;border-color:#2f4156;box-shadow:0 0 0 3px #2f41561a;background:#fff}.message-input-actions{display:flex;gap:.5rem}.message-attachment-btn,.message-send-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.message-attachment-btn{background:#f5efeb;color:#567c8d;border:1px solid #c8d9e6}.message-attachment-btn:hover{background:#c8d9e6;color:#0e1627}.message-send-btn{background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border:1px solid #567c8d}.message-send-btn svg{width:18px;height:18px;fill:currentColor}.message-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#2f4156,#0e1627);transform:translateY(-1px);box-shadow:0 4px 12px #0e162766}.message-send-btn:disabled{opacity:.5;cursor:not-allowed}.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;color:#567c8d}.no-chat-selected h3{margin:0 0 .75rem;color:#0e1627;font-weight:600}.no-chat-selected p{margin:0 0 2rem;max-width:400px;font-size:.9rem;line-height:1.5}.chat-features{display:flex;gap:2rem;margin-top:2rem}.feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#567c8d;font-size:.85rem}.feature svg{color:#2f4156;stroke-width:1.5}.chat-sidebar::-webkit-scrollbar,.chat-list-container::-webkit-scrollbar,.chat-messages-area::-webkit-scrollbar,.chat-search-results::-webkit-scrollbar{width:8px}.chat-sidebar::-webkit-scrollbar-track,.chat-list-container::-webkit-scrollbar-track,.chat-messages-area::-webkit-scrollbar-track,.chat-search-results::-webkit-scrollbar-track{background:#f5efeb;border-radius:4px}.chat-sidebar::-webkit-scrollbar-thumb,.chat-list-container::-webkit-scrollbar-thumb,.chat-messages-area::-webkit-scrollbar-thumb,.chat-search-results::-webkit-scrollbar-thumb{background:#2f4156;border-radius:4px}.chat-sidebar::-webkit-scrollbar-thumb:hover,.chat-list-container::-webkit-scrollbar-thumb:hover,.chat-messages-area::-webkit-scrollbar-thumb:hover,.chat-search-results::-webkit-scrollbar-thumb:hover{background:#567c8d}@media(max-width:1024px){.chat-main-area{width:98%;margin:1rem auto}.chat-sidebar{width:300px}}@media(max-width:768px){.chat-navbar{padding:0 1rem}.chat-brand-name{font-size:1.4rem}.chat-back-btn{padding:.4rem .8rem;font-size:.85rem}.chat-main-area{flex-direction:column;margin:1rem auto;height:calc(100vh - 120px)}.chat-sidebar{width:100%;height:40%;border-right:none;border-bottom:1px solid #c8d9e6}.chat-box-container{height:60%}.message-bubble{max-width:85%}}@media(max-width:480px){.chat-navbar{padding:0 .75rem;height:60px}.chat-navbar-logo{height:35px;width:35px}.chat-brand-name{font-size:1.2rem}.chat-search-input{padding:.6rem .8rem .6rem 35px;font-size:.85rem}.chat-search-icon{left:10px;width:16px;height:16px}.avatar-initials{width:40px;height:40px;font-size:1rem}.chat-features{flex-direction:column;gap:1.5rem}}.typing-indicator{display:flex;align-items:center;gap:4px;padding:10px 15px;background:#fff;border-radius:12px;border:1px solid #c8d9e6;align-self:flex-start;margin-bottom:1rem}.typing-dot{width:8px;height:8px;background:#2f4156;border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.message-status{font-size:.7rem;margin-left:5px;opacity:.8}.message-status.sent{color:#c8d9e6}.message-status.delivered{color:#567c8d}.message-status.read{color:#2f4156}.unread-indicator{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:#007bff;border-radius:50%;border:2px solid #ffffff}.chat-item-avatar{position:relative}.message-count{font-size:11px;color:#666;margin-left:5px}.chat-item-preview{font-size:13px;color:#666;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-tip{font-size:12px;color:#999;margin-top:5px;font-style:italic;text-align:center}.refresh-btn{background:none;border:none;color:#666;cursor:pointer;font-size:16px;margin-left:10px;padding:2px 8px;border-radius:4px;transition:all .2s}.refresh-btn:hover{background-color:#f0f0f0;color:#333}.refresh-btn-large{background-color:#f5efeb;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:15px;font-size:14px;transition:background-color .2s}.refresh-btn-large:hover{background-color:#c8d9e6}.chat-tips{background-color:#f8f9fa;border-radius:8px;padding:15px;margin:20px 0;text-align:left;max-width:400px}.chat-tips .tip{font-weight:700;margin-bottom:10px;color:#333}.chat-tips p{margin:5px 0;font-size:14px;color:#666}.chat-list-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #eee}.chat-list-header h3{margin:0;font-size:18px;color:#333}.chats-count{background-color:#c8d9e6;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.message-status{font-size:10px;color:#999;margin-left:5px;opacity:.7}.message-status.read{color:#4caf50}.message-bubble.sent{align-self:flex-end;background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border-bottom-right-radius:4px;border:1px solid #567c8d}.message-bubble.received{align-self:flex-start;background:#fff;color:#0e1627;border:1px solid #c8d9e6;border-bottom-left-radius:4px}.message-bubble.sent .message-time{color:#c8d9e6}.message-bubble.received .message-time{color:#567c8d}.messages-container{display:flex;flex-direction:column;gap:10px;padding:20px}.message-bubble.sent,.message.sent{align-self:flex-end;background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border-bottom-right-radius:4px;border:1px solid #567c8d}.message-bubble.sent:after,.message.sent:after{content:"";position:absolute;right:-8px;bottom:0;width:0;height:0;border-left:8px solid #2f4156;border-right:8px solid transparent;border-bottom:8px solid transparent}.message-bubble.received,.message.received{align-self:flex-start;background:#fff;color:#0e1627;border:1px solid #c8d9e6;border-bottom-left-radius:4px}.message-bubble.sent .message-time,.message.sent .message-time{color:#c8d9e6}.message-bubble.received .message-time,.message.received .message-time{color:#567c8d}.new-message-notification{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#2f4156,#567c8d);color:#f5efeb;border-radius:8px;padding:15px;z-index:1000;box-shadow:0 4px 12px #0000004d;border:1px solid #c8d9e6;max-width:350px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{display:flex;flex-direction:column;gap:8px}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-icon{font-size:1.2rem}.notification-title{flex:1;font-weight:600;font-size:.9rem}.notification-close{background:none;border:none;color:#f5efeb;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.notification-close:hover{background:#ffffff1a}.notification-text{font-size:.85rem;line-height:1.4;margin:0;color:#f5efeb}.notification-time{font-size:.75rem;color:#c8d9e6;align-self:flex-end}.polling-indicator{display:flex;align-items:center;gap:6px;background:#2f41561a;padding:4px 10px;border-radius:12px;border:1px solid #567c8d}.polling-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.polling-indicator span{font-size:.8rem;color:#c8d9e6;font-weight:500}.polling-status{font-size:.75rem;color:#10b981;background:#10b9811a;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem}.polling-info{display:flex;align-items:center;gap:8px;color:#2f4156;font-size:.85rem;margin:10px 0}.polling-indicator-small{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 1.5s infinite}.scroll-bottom-btn{position:absolute;bottom:80px;right:20px;background:linear-gradient(135deg,#2f4156,#567c8d);color:#f5efeb;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s ease;z-index:10}.scroll-bottom-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.loading-indicator{display:flex;justify-content:center;padding:10px}.loading-dots{display:flex;gap:4px}.loading-dot{width:6px;height:6px;background:#2f4156;border-radius:50%;animation:bounce 1.4s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.message-status-update{font-size:.7rem;color:#567c8d;text-align:center;padding:5px;font-style:italic}.file-upload-wrapper{display:flex;align-items:center;gap:10px}.file-upload-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#f5f5f5;cursor:pointer;transition:all .2s ease;border:1px solid #e0e0e0}.file-upload-btn:hover{background:#e8e8e8;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.file-upload-btn:active{transform:translateY(0);box-shadow:none}.file-upload-btn:disabled{opacity:.5;cursor:not-allowed;background:#f0f0f0}.file-upload-btn:disabled:hover{background:#f0f0f0;transform:none;box-shadow:none}.file-attach-icon{color:#666}.file-upload-btn:hover .file-attach-icon{color:#4a90e2}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.selected-file-info{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f0f7ff;border-radius:6px;border:1px solid #cce0ff;font-size:14px}.file-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2c5282}.remove-file-btn{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;border-radius:4px}.remove-file-btn:hover{background:#fed7d7}.upload-progress{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-top:5px}.upload-progress-bar{height:100%;background:#4a90e2;transition:width .3s ease}.message-file-attachment{margin-top:8px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;max-width:300px}.file-icon{font-size:24px;color:#4a90e2}.file-title{font-weight:500;margin-bottom:2px;color:#2d3748}.download-btn{padding:4px 8px;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.file-attachment{margin-top:8px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;max-width:300px;cursor:pointer;transition:all .2s ease}.file-attachment{margin-top:8px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;max-width:300px;transition:all .2s ease}.file-attachment:hover{background:#e9ecef;border-color:#dee2e6}.file-preview{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.file-icon{font-size:24px;flex-shrink:0}.file-name{font-weight:500;margin-bottom:2px;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:#718096}.download-btn{padding:6px;background:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.download-btn:hover{background:#3182ce}.download-btn svg{width:16px;height:16px;stroke:#fff}.message-content{display:flex;flex-direction:column;align-items:flex-start}.sent .message-content{align-items:flex-end}.messages-container{flex:1;padding:1.5rem;overflow-y:auto;background:#fcf8f8;display:flex;flex-direction:column;gap:1rem}.messages-list{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;width:100%}.message{max-width:70%;padding:.75rem 1rem;border-radius:18px;position:relative;box-shadow:0 2px 8px #00000014;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end;background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border-bottom-right-radius:4px;border:1px solid #567c8d}.message.sent:after{content:"";position:absolute;right:-8px;bottom:0;width:0;height:0;border-left:8px solid #2f4156;border-right:8px solid transparent;border-bottom:8px solid transparent}.message.received{align-self:flex-start;background:#fff;color:#0e1627;border:1px solid #c8d9e6;border-bottom-left-radius:4px}.message.received:before{content:"";position:absolute;left:-8px;bottom:0;width:0;height:0;border-right:8px solid #ffffff;border-left:8px solid transparent;border-bottom:8px solid transparent}.message-content{display:flex;flex-direction:column;gap:.5rem}.message-text{margin:0;font-size:.95rem;line-height:1.4;word-break:break-word}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.message-time{font-size:.75rem;opacity:.8}.message.sent .message-time{color:#c8d9e6}.message.received .message-time{color:#567c8d}.message-status{display:inline-flex;align-items:center;gap:2px}.sent-status{color:#c8d9e6;font-size:.7rem}.read-status{color:#4caf50;font-size:.7rem}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#567c8d;gap:1rem}.no-messages-icon{color:#c8d9e6}.no-messages h3{margin:0;color:#0e1627;font-weight:600;font-size:1.2rem}.no-messages p{margin:0;font-size:.9rem;color:#567c8d;max-width:300px}.start-conversation-btn{background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border:none;padding:.75rem 1.5rem;border-radius:24px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid #567c8d;margin-top:1rem}.start-conversation-btn:hover{background:linear-gradient(135deg,#2f4156,#0e1627);transform:translateY(-2px);box-shadow:0 4px 12px #0e16274d}.date-separator{text-align:center;margin:1rem 0;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.date-separator:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#c8d9e6}.date-separator span{background:#fcf8f8;padding:.25rem 1rem;border-radius:12px;font-size:.8rem;color:#567c8d;border:none;position:relative;z-index:1}.file-attachment{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffffe6;border-radius:8px;border:1px solid #c8d9e6;cursor:pointer;transition:all .2s ease;margin-top:8px;max-width:280px}.message.sent .file-attachment{background:#1a243fe6;border-color:#567c8d}.file-attachment:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.message.sent .file-attachment:hover{background:#1a243ff2}.file-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5efeb;border-radius:6px;color:#567c8d}.message.sent .file-icon{background:#7e62694d;color:#c8d9e6}.file-info{flex:1;min-width:0}.file-name{font-weight:500;margin-bottom:4px;color:#0e1627;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.message.sent .file-name{color:#f5efeb}.file-size{font-size:.75rem;color:#567c8d}.message.sent .file-size{color:#c8d9e6}.file-download-btn{padding:6px;background:#2f4156;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.file-download-btn:hover{background:#567c8d}.file-download-btn svg{width:16px;height:16px;stroke:#fff}.message-input-container{padding:1rem 1.5rem;border-top:1px solid #c8d9e6;background:#fff}.message-input-wrapper{display:flex;gap:.5rem;align-items:center;background:#f5efeb;border-radius:24px;padding:.5rem 1rem;border:2px solid #c8d9e6;transition:all .3s ease}.message-input-wrapper:focus-within{background:#fff;border-color:#2f4156;box-shadow:0 0 0 3px #2f41561a}.message-input{flex:1;padding:.5rem 0;border:none;background:transparent;font-size:.95rem;color:#0e1627;outline:none}.message-input::placeholder{color:#567c8d}.send-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border:1px solid #567c8d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#2f4156,#0e1627);transform:translateY(-1px);box-shadow:0 4px 12px #0e162766}.send-button:disabled{opacity:.5;cursor:not-allowed}.file-upload-btn{width:40px;height:40px;border-radius:50%;background:transparent;color:#567c8d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.file-upload-btn:hover{background:#c8d9e6;color:#0e1627}.file-upload-info{margin-top:.5rem;text-align:center;font-size:.75rem;color:#567c8d}.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;color:#567c8d;background:#fcf8f8}.no-chat-icon{margin-bottom:1.5rem;color:#c8d9e6}.no-chat-selected h2{margin:0 0 .75rem;color:#0e1627;font-weight:600;font-size:1.5rem}.no-chat-selected p{margin:0 0 2rem;max-width:400px;font-size:.95rem;line-height:1.5;color:#567c8d}.chat-features{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#567c8d;font-size:.85rem;max-width:150px}.feature-icon{font-size:2rem;margin-bottom:.5rem}.feature h4{margin:0;color:#0e1627;font-size:1rem;font-weight:600}.feature p{margin:0;font-size:.8rem;line-height:1.4;color:#567c8d}.chat-footer{padding:1rem 2rem;background:#f5efeb;border-radius:0 0 20px 20px;border-top:2px solid #567c8d;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#567c8d;box-shadow:0 -4px 12px #0000001a}.chat-footer-left,.chat-footer-right{display:flex;align-items:center;gap:1rem}.connection-status{display:flex;align-items:center;gap:.5rem;background:#10b9811a;padding:.25rem .75rem;border-radius:12px;color:#10b981;font-weight:500}.connection-dot{width:8px;height:8px;background:#10b981;border-radius:50%}.chat-call-overlay{position:fixed;inset:0;z-index:3000;background:#080f19db;display:flex;align-items:center;justify-content:center;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-call-card{width:min(92vw,420px);background:linear-gradient(180deg,#fff,#eef4f8);border:1px solid #c8d9e6;border-radius:24px;box-shadow:0 24px 80px #00000047;padding:1.75rem;text-align:center}.chat-call-title{font-size:1.4rem;font-weight:800;color:#0e1627;margin-bottom:.5rem}.chat-call-subtitle{color:#567c8d;margin-bottom:1.25rem}.chat-call-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.chat-call-btn,.chat-call-hangup{border:none;border-radius:999px;padding:.85rem 1.2rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.chat-call-btn:hover,.chat-call-hangup:hover{transform:translateY(-1px)}.chat-call-btn.accept{background:linear-gradient(135deg,#1f8a70,#16a34a);color:#fff;box-shadow:0 10px 24px #16a34a47}.chat-call-btn.decline,.chat-call-hangup{background:linear-gradient(135deg,#b42318,#7f1d1d);color:#fff;box-shadow:0 10px 24px #b423183d}.chat-call-room-overlay{align-items:stretch;justify-content:stretch;padding:0}.chat-call-room-shell{position:relative;width:100%;height:100%}.chat-call-room-shell .video-call-container{width:100%;height:100vh;border-radius:0}.chat-call-hangup{position:absolute;top:1rem;right:1rem;z-index:10}.connection-dot.connected{animation:pulse 1.5s infinite}.message-count-total{background:#c8d9e6;color:#567c8d;padding:.25rem .75rem;border-radius:12px;font-weight:500}.student-id{background:#7e62691a;padding:.25rem .75rem;border-radius:12px;color:#567c8d;font-weight:500}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f5efeb;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#2f4156;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#567c8d}@media(max-width:768px){.message{max-width:85%}.no-chat-selected h2{font-size:1.3rem}.no-chat-selected p{font-size:.9rem}.chat-features{gap:1.5rem}.feature{max-width:120px}.chat-footer{padding:.75rem 1rem;flex-direction:column;gap:.5rem;text-align:center}.chat-footer-left,.chat-footer-right{flex-direction:column;gap:.5rem;width:100%}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message{animation:messageSlideIn .3s ease}.chat-container{display:flex;flex-direction:column;min-height:100vh}.chat-main-area{flex:1}.voice-call-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}.voice-call-container{display:flex;align-items:center;justify-content:center}.voice-call-card{background:linear-gradient(135deg,#1e3c5c,#2a4a6e);border-radius:24px;padding:40px;text-align:center;min-width:320px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.voice-call-card.active{background:linear-gradient(135deg,#1a472a,#0d2818)}.voice-call-avatar{width:100px;height:100px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:48px;font-weight:700;color:#fff;box-shadow:0 4px 15px #0003}.voice-call-card h3{color:#fff;margin:0 0 10px;font-size:24px}.voice-call-card p{color:#fffc;margin:0 0 30px;font-size:14px}.voice-call-actions{display:flex;gap:20px;justify-content:center}.voice-call-btn{padding:12px 30px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.voice-call-btn.accept{background:#4caf50;color:#fff}.voice-call-btn.accept:hover{background:#45a049;transform:scale(1.05)}.voice-call-btn.reject{background:#f44336;color:#fff}.voice-call-btn.reject:hover{background:#da190b;transform:scale(1.05)}.voice-call-controls{display:flex;gap:20px;justify-content:center;margin-top:20px}.voice-call-control{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff1a;border:none;color:#fff;padding:12px 20px;border-radius:50px;cursor:pointer;font-size:20px;transition:all .2s}.voice-call-control:hover{background:#fff3;transform:scale(1.05)}.voice-call-control.muted,.voice-call-control.end{background:#f44336}.voice-call-control span{font-size:12px}.call-status{font-size:16px!important;font-weight:700;margin-bottom:20px!important}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chat-header-action-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#2f4156}.chat-header-action-btn:hover{background:#0000001a;transform:scale(1.1)}.chat-header-action-btn svg{width:24px;height:24px;fill:#2f4156}.chat-header-action-btn:disabled{opacity:.5;cursor:not-allowed}.cm-call-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0e1627bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:cm-fade-in .25s ease}.cm-call-active-overlay{background:#0e1627eb}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}.cm-call-modal{display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(160deg,#1e2d45,#0e1627);border:1px solid rgba(86,124,141,.25);border-radius:20px;padding:36px 44px 32px;min-width:300px;box-shadow:0 24px 64px #0000008c;animation:cm-slide-up .28s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes cm-slide-up{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cm-call-pulse-ring{position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-72px);background:transparent;border:2px solid rgba(86,124,141,.45);animation:cm-pulse 1.8s ease-out infinite;pointer-events:none}@keyframes cm-pulse{0%{transform:translate(-50%,-72px) scale(.9);opacity:.8}70%{transform:translate(-50%,-72px) scale(1.5);opacity:0}to{transform:translate(-50%,-72px) scale(.9);opacity:0}}.cm-call-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#f5efeb;letter-spacing:0;flex-shrink:0;box-shadow:0 0 0 3px #567c8d59;z-index:1}.cm-call-avatar.active{box-shadow:0 0 0 4px #567c8d,0 0 20px #567c8d66}.cm-call-caller-name{font-size:1.25rem;font-weight:700;color:#f5efeb;text-align:center;letter-spacing:.01em}.cm-call-status-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.cm-call-type-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#567c8d;background:#567c8d26;border:1px solid rgba(86,124,141,.3);border-radius:6px;padding:2px 8px}.cm-call-ring-dots{font-size:.85rem;color:#f5efeb8c}.cm-call-ring-dots .dots{display:inline-block;animation:cm-dots 1.4s steps(3,end) infinite;width:1.8em;overflow:hidden;vertical-align:bottom}@keyframes cm-dots{0%{width:0}33%{width:.6em}66%{width:1.2em}to{width:1.8em}}.cm-call-actions{display:flex;gap:20px;margin-top:8px}.cm-call-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 20px;border-radius:14px;border:none;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:transform .15s,box-shadow .15s,background .15s}.cm-call-btn svg{font-size:1.3rem}.cm-call-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.cm-call-btn:active{transform:scale(.95)}.cm-call-accept{background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff}.cm-call-accept:hover{background:linear-gradient(135deg,#40916c,#52b788)}.cm-call-reject{background:linear-gradient(135deg,#7b2d2d,#c0392b);color:#fff}.cm-call-reject:hover{background:linear-gradient(135deg,#c0392b,#e74c3c)}.cm-active-timer{font-size:1.6rem;font-weight:300;letter-spacing:.1em;color:#f5efeb;font-variant-numeric:tabular-nums}.cm-active-name{font-size:.95rem;font-weight:600;color:#f5efeb}.cm-call-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0 0}.cm-call-controls.inline{margin-top:4px}.cm-ctrl-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:#567c8d2e;color:#f5efeb;transition:background .15s,transform .15s}.cm-ctrl-btn:hover{background:#567c8d59;transform:scale(1.08)}.cm-ctrl-btn:active{transform:scale(.94)}.cm-ctrl-off{background:#f5efeb1f;color:#f5efeb66}.cm-ctrl-end{background:linear-gradient(135deg,#7b2d2d,#c0392b);color:#fff;width:58px;height:58px;font-size:1.2rem}.cm-ctrl-end:hover{background:linear-gradient(135deg,#c0392b,#e74c3c)}.cm-video-shell{display:flex;flex-direction:column;width:min(95vw,960px);height:min(90vh,640px);border-radius:16px;overflow:hidden;background:#000;box-shadow:0 32px 80px #000000b3;animation:cm-slide-up .28s ease}.cm-video-remote-wrap{position:relative;flex:1;overflow:hidden}.cm-video-remote{width:100%;height:100%;object-fit:cover;display:block}.cm-video-local-pip{position:absolute;bottom:16px;right:16px;width:120px;height:160px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.3);background:#111;box-shadow:0 4px 16px #00000080;z-index:10}.cm-video-local{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cm-video-top-bar{position:absolute;top:16px;left:20px;display:flex;gap:12px;align-items:center}.cm-call-ended-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9998;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1e2d45,#0e1627);border:1px solid rgba(86,124,141,.3);border-radius:12px;padding:12px 20px;box-shadow:0 8px 32px #00000073;animation:cm-toast-in .3s ease,cm-toast-out .4s ease 3.6s forwards;min-width:200px}@keyframes cm-toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes cm-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.cm-toast-icon{font-size:1.1rem;color:#c0392b;flex-shrink:0}.cm-toast-text{display:flex;flex-direction:column;gap:1px}.cm-toast-title{font-size:.85rem;font-weight:700;color:#f5efeb;letter-spacing:.02em}.cm-toast-sub{font-size:.75rem;color:#f5efeb8c}.private-call-shell{width:100%;height:100%;min-height:100vh;background:radial-gradient(circle at top,rgba(79,209,197,.16) 0%,transparent 34%),radial-gradient(circle at bottom right,rgba(97,165,255,.12) 0%,transparent 36%),linear-gradient(180deg,#08111d,#07101a);color:#edf4fb;display:flex;flex-direction:column;padding:18px;box-sizing:border-box}.private-call-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(159,176,201,.16);border-radius:18px;background:#09111cb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.private-call-title{font-size:17px;font-weight:800;letter-spacing:.01em}.private-call-subtitle,.private-call-hint,.private-call-voice-copy p{color:#9fb0c9;font-size:13px}.private-call-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:8px 12px;border-radius:14px;background:#4fd1c514;border:1px solid rgba(79,209,197,.24);min-width:170px}.private-call-status-main{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#bdf4ef}.private-call-status-meta{display:flex;flex-direction:column;gap:2px;text-align:right;color:#d9e6f5;font-size:12px}.private-call-stage{flex:1;border:1px solid rgba(79,209,197,.18);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#0d1523f5,#060d17f5);box-shadow:0 24px 72px #00000061;min-height:0}.private-call-video-panel{width:100%;height:calc(100vh - 170px);position:relative}.private-call-remote-video{width:100%;height:100%;object-fit:cover;display:block;background:#08101d}.private-call-local-preview{position:absolute;right:16px;bottom:16px;width:180px;height:120px;border-radius:14px;overflow:hidden;border:1px solid rgba(79,209,197,.35);box-shadow:0 10px 30px #00000047;background:#08101d}.private-call-local-video{width:100%;height:100%;object-fit:cover}.private-call-voice-panel{height:calc(100vh - 170px);display:grid;place-items:center;text-align:center;padding:20px}.private-call-voice-card{width:min(760px,100%);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:22px;border-radius:22px;border:1px solid rgba(159,176,201,.16);background:linear-gradient(180deg,#0e1624eb,#0a111cf0);box-shadow:0 18px 48px #00000047}.private-call-voice-left{display:flex;align-items:center;justify-content:center;gap:18px;text-align:left}.private-call-avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900;color:#06101e;background:linear-gradient(135deg,#4fd1c5,#61a5ff);box-shadow:0 12px 30px #4fd1c540}.private-call-voice-copy h3{margin:0 0 6px;font-size:20px}.private-call-voice-copy p{margin:0}.private-call-voice-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;min-width:220px}.private-call-stat{padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(159,176,201,.12);display:flex;flex-direction:column;gap:4px}.private-call-stat-label{color:#92a4bf;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.private-call-stat-value{color:#f4f7fb;font-size:16px;font-weight:800}.private-call-elapsed{display:none}.private-call-controls{display:flex;gap:14px;justify-content:center;margin-top:16px}.private-call-btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(159,176,201,.24);background:#0e1624eb;color:#f4f7fb;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.private-call-btn:hover{transform:translateY(-1px);border-color:#4fd1c573}.private-call-btn.active{border-color:#4fd1c58c;box-shadow:0 0 0 1px #4fd1c538}.private-call-btn.muted{color:#ff8fa3}.private-call-btn.end{background:linear-gradient(135deg,#e11d48,#991b1b);border-color:#ef4444}.private-call-hint{margin-top:10px;text-align:center}@media(max-width:768px){.private-call-video-panel,.private-call-voice-panel{height:calc(100vh - 210px)}.private-call-header{flex-direction:column;align-items:stretch}.private-call-status{align-items:flex-start;min-width:0}.private-call-status-meta{text-align:left}.private-call-voice-card{grid-template-columns:1fr;justify-items:center;text-align:center}.private-call-voice-left{flex-direction:column;text-align:center}.private-call-voice-stats{width:100%;grid-template-columns:1fr 1fr}.private-call-local-preview{width:120px;height:86px}}.live-chat-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #667eea4d}.chat-header h2{margin:0;font-size:18px;font-weight:600}.user-type{background:#fff3;padding:4px 12px;border-radius:20px;font-size:12px;text-transform:capitalize;font-weight:500}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#999;text-align:center}.no-messages p{font-size:14px;margin:0}.message-bubble{display:flex;flex-direction:column;max-width:70%;padding:12px 16px;border-radius:12px;word-wrap:break-word;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-live-bubble.sent{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-live-bubble.received{align-self:flex-start;background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000001a}.message-content{margin:0}.message-content p{margin:0;font-size:14px;line-height:1.4}.message-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;opacity:.7}.message-time{font-weight:500}.message-status{margin-left:8px}.chat-error{background:#ff6b6b;color:#fff;padding:12px 20px;margin:10px 20px;border-radius:8px;font-size:14px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.chat-input-form{display:flex;gap:10px;padding:20px;background:#fff;border-top:1px solid #e0e0e0;align-items:center}.chat-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:24px;font-size:14px;outline:none;transition:all .3s ease}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.chat-send-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.chat-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.chat-send-btn:active:not(:disabled){transform:translateY(0)}.chat-send-btn:disabled{opacity:.6;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.message-bubble{max-width:85%}.chat-header h2{font-size:16px}.chat-input{font-size:12px}.chat-send-btn{padding:10px 16px;font-size:12px}}.video-call-container{--bg-main: #0b1220;--bg-surface: #111c2f;--bg-surface-soft: #1a2942;--text-main: #f4f7fb;--text-muted: #9fb0c9;--accent: #4fd1c5;--danger: #ff4d67;--ring: rgba(79, 209, 197, .35);position:fixed;inset:0;width:100vw;height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 20%,#17253e,#0b1220 52%,#070c15);color:var(--text-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.video-call-container.active-call{padding:16px 16px 100px;box-sizing:border-box}.call-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;border-radius:12px;background:#111c2fb8;border:1px solid rgba(159,176,201,.22)}.call-title{font-size:14px;font-weight:700;letter-spacing:.3px}.call-meta{font-size:13px;color:var(--text-muted)}.call-stage{flex:1;display:grid;grid-template-columns:1fr;min-height:0;gap:12px}.call-stage.panel-open{grid-template-columns:1fr 260px}.stage-main{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}.screen-share-stage{position:relative;flex:1;min-height:0;border-radius:16px;overflow:hidden;background:#04070d;border:1px solid rgba(79,209,197,.4);box-shadow:0 12px 32px #070c1580}.screen-share-video{width:100%;height:100%;object-fit:contain;display:block;background:#04070d}.screen-share-label{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#d8fff9;background:#080e18c7;border:1px solid rgba(79,209,197,.4)}.call-stage.screen-active .stage-main .video-grid{height:140px;flex:0 0 auto;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:210px;overflow-x:auto;overflow-y:hidden}.call-stage.screen-active .stage-main .participant-tile{min-height:0;height:132px;aspect-ratio:auto}.floating-reactions-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:30}.floating-reaction{position:absolute;bottom:8%;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translate(-50%);animation:reactionFloat 4s ease-out forwards}.floating-reaction-emoji{font-size:40px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.floating-reaction-name{font-size:11px;font-weight:700;color:#eaf3ff;background:#080e18b3;padding:2px 8px;border-radius:999px;white-space:nowrap}@keyframes reactionFloat{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-260px) scale(1.05)}}.reaction-bar{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:999px;background:#080e18eb;border:1px solid rgba(159,176,201,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px #0006}.reaction-emoji-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;font-size:22px;cursor:pointer;transition:transform .15s ease,background .15s ease}.reaction-emoji-btn:hover{transform:translateY(-3px) scale(1.18);background:#4fd1c52e}.more-menu{position:absolute;bottom:calc(100% + 12px);right:0;min-width:200px;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:14px;background:#080e18f2;border:1px solid rgba(159,176,201,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px #0006}.more-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;border:none;background:transparent;color:#eff5ff;font-size:13px;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap}.more-menu-item:hover{background:#4fd1c529}.control-btn.icon-only.locked{border-color:#facc1599}.control-lock-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#facc15;color:#3a2e05;font-size:8px}.video-grid{display:grid;gap:12px;height:100%;min-height:0;overflow-y:auto;padding-right:4px}.video-grid.layout-single{grid-template-columns:1fr}.video-grid.layout-medium{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid.layout-large{grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid.layout-xlarge{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.video-grid.compact.layout-medium,.video-grid.compact.layout-large,.video-grid.compact.layout-xlarge{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.empty-grid-state{min-height:220px;border:1px dashed rgba(159,176,201,.42);border-radius:14px;display:grid;place-items:center;color:var(--text-muted);background:#111c2f99}.participant-tile{position:relative;min-height:180px;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;border:1px solid rgba(159,176,201,.26);background:var(--bg-surface);box-shadow:0 12px 32px #070c1575}.participant-tile.local{border-color:#4fd1c56b;box-shadow:0 0 0 1px var(--ring),0 16px 40px #070c1585}.video-element{width:100%;height:100%;object-fit:cover;display:block}.video-off-state{width:100%;height:100%;min-height:180px;display:grid;place-items:center;background:linear-gradient(140deg,#101a2b,#1a2942)}.video-off-content{text-align:center}.participant-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:linear-gradient(135deg,#2f4156,#4fd1c5);color:#06101e;font-weight:800;font-size:24px}.video-off-name{font-weight:600;margin-bottom:6px}.video-off-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.tile-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(to top,#050a12d9,#050a1200)}.participant-meta{display:flex;align-items:center;gap:8px;min-width:0}.participant-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaking-dot{width:9px;height:9px;border-radius:50%;background:#64748b;flex-shrink:0}.speaking-dot.active{background:#22c55e;box-shadow:0 0 #22c55e73;animation:speakPulse 1.5s ease-in-out infinite}@keyframes speakPulse{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 10px #22c55e00}}.participant-indicators{display:flex;gap:6px;align-items:center}.indicator-chip,.tile-mute-btn{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#0f192ac2;border:1px solid rgba(159,176,201,.25);color:#d5e3f6;font-size:12px}.indicator-chip.off{color:#ff8ca0;border-color:#ff4d6773}.tile-mute-btn{cursor:pointer}.tile-hand-btn{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#0f192ac2;border:1px solid rgba(159,176,201,.25);color:#d5e3f6;font-size:12px;cursor:pointer}.tile-hand-btn.active{background:#facc1538;border-color:#facc1599;color:#fde68a}.participant-tile.hand-raised{border-color:#facc15b3;box-shadow:0 0 0 2px #facc1573,0 12px 32px #070c1575}.hand-raise-badge{position:absolute;top:10px;left:10px;z-index:5;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#facc15f2;color:#3a2e05;font-size:16px;box-shadow:0 6px 16px #00000059;animation:handWave 1.2s ease-in-out infinite;transform-origin:70% 90%}@keyframes handWave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.participants-panel{border-radius:14px;border:1px solid rgba(159,176,201,.25);background:#111c2fc2;padding:12px;overflow:hidden}.participants-panel h3{margin:0 0 10px;font-size:13px;color:#d3e1f2}.participants-list{display:grid;gap:8px;max-height:62vh;overflow:auto}.participant-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;background:#1a2942b8;font-size:12px}.participant-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px #22c55e26}.controls-float{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40}.control-buttons{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:#080e18d1;border:1px solid rgba(159,176,201,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px #00000059}.join-chip{min-width:130px;height:44px;border-radius:999px;border:1px solid rgba(79,209,197,.45);background:#4fd1c529;color:#d8fff9;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease}.join-chip:hover:not(:disabled){transform:translateY(-1px);background:#4fd1c540}.join-chip:disabled{opacity:.7;cursor:not-allowed}.control-btn.icon-only{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid rgba(159,176,201,.24);background:#1a2942d6;color:#eff5ff;display:grid;place-items:center;font-size:20px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.control-btn.icon-only:hover{transform:translateY(-2px);background:#2f4156f2;border-color:#4fd1c566}.control-btn.icon-only.active{background:#4fd1c538;border-color:#4fd1c580}.control-btn.icon-only.muted{background:#ff4d672e;border-color:#ff4d6773;color:#ffd9de}.control-btn.icon-only.end-btn{background:#ff4d67f0;border-color:transparent;color:#fff}.control-btn.icon-only.end-btn:hover{background:#e83b58}.control-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:#4fd1c5;color:#08121f;font-size:10px;line-height:18px;text-align:center;font-weight:700;padding:0 4px}.control-btn.icon-only.recording-active{background:#ff4d67eb;border-color:transparent;color:#fff;animation:recBtnPulse 1.4s ease-in-out infinite}@keyframes recBtnPulse{0%,to{box-shadow:0 0 #ff4d6780}50%{box-shadow:0 0 0 8px #ff4d6700}}.recording-indicator{position:absolute;top:14px;left:16px;z-index:60;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#ff4d67f2;color:#fff;font-size:12px;font-weight:800;letter-spacing:.5px}.recording-indicator-dot{width:9px;height:9px;border-radius:50%;background:#fff;animation:recDot 1.2s ease-in-out infinite}@keyframes recDot{0%,to{opacity:1}50%{opacity:.25}}.recording-status{position:absolute;top:52px;left:16px;z-index:60;max-width:320px;padding:8px 12px;border-radius:10px;font-size:12px;color:#eaf3ff;background:#111c2feb;border:1px solid rgba(159,176,201,.25)}.call-error{position:absolute;top:66px;left:50%;transform:translate(-50%);max-width:90%;padding:10px 14px;border-radius:10px;color:#fff;background:#ff4d67f2;border:1px solid rgba(255,156,173,.5);box-shadow:0 12px 25px #11080b66;z-index:60}.call-debug-info{position:absolute;top:14px;right:16px;font-size:12px;color:var(--text-muted);background:#111c2fb8;border:1px solid rgba(159,176,201,.22);border-radius:999px;padding:6px 10px}.call-mode-badge{margin-top:8px;display:inline-flex;align-self:center;padding:6px 12px;border-radius:999px;background:#4fd1c51f;border:1px solid rgba(79,209,197,.35);color:#b9f4ee;font-size:12px;font-weight:700;letter-spacing:.2px}@media(max-width:1024px){.call-stage.panel-open{grid-template-columns:1fr}.participants-panel{max-height:180px}.participants-list{max-height:120px}}@media(max-width:768px){.video-call-container.active-call{padding:10px 10px calc(90px + env(safe-area-inset-bottom))}.call-header{margin-bottom:8px;padding:7px 10px}.video-grid.layout-medium,.video-grid.layout-large,.video-grid.layout-xlarge,.video-grid.compact.layout-medium,.video-grid.compact.layout-large,.video-grid.compact.layout-xlarge{grid-template-columns:repeat(2,minmax(0,1fr))}.control-buttons{gap:8px;padding:8px;max-width:calc(100vw - 20px)}.control-btn.icon-only{width:42px;height:42px;font-size:18px}.participant-tile{min-height:150px}}@media(max-width:520px){.video-grid.layout-medium,.video-grid.layout-xlarge,.video-grid.compact.layout-medium,.video-grid.compact.layout-xlarge{grid-template-columns:1fr}.video-grid.layout-large,.video-grid.compact.layout-large{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-float{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 16px)}.control-buttons{justify-content:center;flex-wrap:wrap;gap:7px;width:100%;border-radius:18px}.join-chip{width:100%;min-height:42px}.call-title{font-size:13px}.call-meta{font-size:12px}.participant-tile{min-height:140px;border-radius:12px}.call-debug-info{display:none}}@media(max-height:560px){.video-call-container.active-call{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.call-header{margin-bottom:6px}.video-grid{gap:8px}.participant-tile{min-height:120px}.control-btn.icon-only{width:38px;height:38px;font-size:16px}}@media(max-height:540px)and (orientation:landscape){.call-header{display:none}.call-stage{gap:8px}.participants-panel{max-height:120px}}.ltb-inline-status{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;white-space:nowrap;max-width:90vw;padding:6px 12px;border-radius:999px;font-size:12px;color:#e6eefb;background:#080e18e6;border:1px solid rgba(159,176,201,.2);pointer-events:none}.ltb-status-item{display:inline-flex;align-items:center;gap:6px}.ltb-error{color:#ff9cad;white-space:normal}.ltb-dot{width:9px;height:9px;border-radius:50%;background:#e63946;box-shadow:0 0 0 3px #e639464d}.ltb-dot.recording{animation:ltbPulse 1.4s ease-in-out infinite}@keyframes ltbPulse{0%{box-shadow:0 0 #e6394680}to{box-shadow:0 0 0 8px #e6394600}}.ltb-manual-pop{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;width:min(440px,90vw);padding:12px;border-radius:14px;background:#fffffffa;border:1px solid #c5d5de;box-shadow:0 12px 30px #0000004d}.ltb-manual-pop textarea{width:100%;border-radius:8px;border:1px solid #c5d5de;padding:8px 10px;font-family:inherit;resize:vertical;box-sizing:border-box}.ltb-add-btn{align-self:flex-start;background:#567c8d;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:600}.ltb-add-btn:disabled{opacity:.5;cursor:not-allowed}:root{--bg:#f6f8fa;--card:#ffffff;--muted:#6b7280;--accent:#2b6cb0;--accent-2:#ef6c00;--shadow: 0 6px 20px rgba(18,24,31,.08);--gap:18px;--brand-dark: #0e1627;--brand-primary: #2f4156;--brand-accent: #c8d9e6;--brand-light: #f5efeb;--brand-muted: #567c8d;--bg: var(--brand-light);--card: #ffffff;--muted: var(--brand-muted);--accent: var(--brand-primary);--shadow: 0 8px 30px rgba(14,22,39,.08);--radius:12px;--gap:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.meeting-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:transparent;width:100%}.meeting-room-container .meeting-header{transform:translateY(-10px);opacity:0;transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .42s ease}.meeting-room-container.mounted .meeting-header{transform:translateY(0);opacity:1}.meeting-info h1{margin:0;font-size:20px;font-weight:700;color:var(--brand-dark)}.course-meeting-code{font-size:13px;color:var(--muted);margin-top:6px}.meeting-time,.meeting-instructor{font-size:13px;color:var(--muted)}.meeting-room-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.meeting-main{flex:1;padding:var(--gap);display:flex;gap:var(--gap);align-items:stretch;box-sizing:border-box}.meeting-tabs{display:flex;gap:10px}.tab-button{padding:8px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-weight:600}.tab-button.active{background:var(--card);box-shadow:var(--shadow);color:var(--accent)}.meeting-content{flex:1;display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.meeting-content>.video-section,.meeting-content>.chat-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;min-height:520px;overflow:hidden;display:flex;flex-direction:column}.video-section{display:flex;flex-direction:column;gap:12px;flex:1}.video-wrapper{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0e162708,#0e162705);border-radius:10px;border:1px solid rgba(14,22,39,.04);min-height:420px}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.video-section{transform:translateY(8px);opacity:0;transition:transform .52s cubic-bezier(.2,.9,.2,1),opacity .52s ease}.meeting-room-container.mounted .video-section{transform:translateY(0);opacity:1}.controls{transform:translateY(6px);opacity:0;transition:all .42s ease}.meeting-room-container.mounted .controls{transform:translateY(0);opacity:1}.meeting-sidebar{display:flex;flex-direction:column;gap:12px;min-height:520px}.participants{flex:1;overflow:auto;padding:6px;border-radius:8px}.participant{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px}.participant .avatar{width:36px;height:36px;border-radius:50%;background:#e6eef9;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600}.participant .name{font-size:14px;color:#0f172a}.participant{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.participant:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0206171f;background:linear-gradient(180deg,#ffffffe6,#fff)}.controls{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px}.control-btn{background:#111827;color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}.control-btn.secondary{background:#f3f4f6;color:#111827;border:1px solid #e6e9ee}.control-btn.hang{background:#ef4444}.meeting-footer{display:flex;justify-content:flex-end;padding:14px}.leave-button{background:#ef4444;color:#fff;padding:10px 18px;border-radius:8px;border:none;cursor:pointer}.pre-join-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#06080c73;padding:20px;z-index:1200}.pre-join-close{position:absolute;top:20px;right:20px;background:transparent;border:1px solid var(--brand-primary);color:var(--brand-primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.pre-join-close:hover{background:var(--brand-primary);color:#fff}.pre-join-content{text-align:center;width:100%;max-width:760px;background:#fff;padding:36px 28px;border-radius:14px;box-shadow:0 30px 80px #06080c59,0 0 0 1px #bd8e890a;transform:translateY(20px) scale(.98);opacity:0;transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .42s ease}.meeting-room-container.mounted .pre-join-content{transform:translateY(0) scale(1);opacity:1}.pre-join-subtitle{font-size:14px;color:var(--brand-muted);margin:0 0 8px;font-weight:500}.pre-join-title{font-size:28px;color:var(--brand-dark);margin:0 0 28px;font-weight:700}.pre-join-preview{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:32px}.pre-join-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;font-weight:700;box-shadow:var(--shadow)}.pre-join-join-btn{background:linear-gradient(135deg,var(--brand-primary),#a67976);color:#fff;border:none;padding:12px 40px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #bd8e894d}.pre-join-join-btn:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 14px 36px #bd8e8947}.control-btn{transition:transform .16s cubic-bezier(.2,.9,.2,1),box-shadow .16s ease}.control-btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0206171f}.meeting-sidebar{scroll-behavior:smooth}.pre-join-join-btn[disabled],.pre-join-join-btn.disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.pre-join-join-btn.loading{position:relative;color:#fff}.pre-join-join-btn.loading:after{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:translateY(-50%) rotate(360deg)}}.pre-join-controls{background:#fff;border-radius:12px;padding:20px;margin:0 auto 20px;box-shadow:0 2px 8px #00000014;width:50%;align-items:center}.pre-join-control-group{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.pre-join-control-group:last-of-type{margin-bottom:12px}.pre-join-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.pre-join-toggle-input{width:20px;height:20px;cursor:pointer;accent-color:var(--brand-primary)}.pre-join-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--brand-primary)}.pre-join-toggle svg{width:20px;height:20px}.pre-join-settings{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;color:var(--brand-muted);padding-top:12px;border-top:1px solid #f0f0f0}.pre-join-settings svg{width:16px;height:16px}.pre-join-other-options{margin-top:20px}.pre-join-other-options>p{font-size:12px;color:var(--brand-muted);margin:0 0 12px;text-transform:uppercase;font-weight:600}.pre-join-option-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pre-join-option-btn{background:#f9f9f9;border:1px solid #e5e5e5;color:var(--brand-muted);padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.pre-join-option-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#fff}@media(max-width:1000px){.meeting-content{grid-template-columns:1fr 300px}}@media(max-width:820px){.meeting-main{padding:12px}.meeting-content{grid-template-columns:1fr}.meeting-footer{justify-content:center}}.muted{color:var(--muted)}.tiny{font-size:12px}.recap-page{min-height:100vh;background:#f5efeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:#0e1627}.recap-navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#f5efeb;border-bottom:2px solid #567c8d;position:sticky;top:0;z-index:10;box-shadow:0 4px 12px #0000001f}.recap-navbar-left{display:flex;align-items:center;gap:10px}.recap-navbar-logo{height:40px;width:40px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background:#f5efeb}.recap-brand{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px;text-transform:lowercase}.recap-back-btn{background:none;border:1px solid #567c8d;color:#2f4156;padding:7px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s}.recap-back-btn:hover{background:#c8d9e6;border-color:#2f4156}.recap-container{max-width:820px;margin:0 auto;padding:32px 20px 64px;display:flex;flex-direction:column;gap:24px}.recap-header{padding:28px 32px;background:linear-gradient(135deg,#2f4156,#0e1627);border-radius:16px;color:#f5efeb}.recap-header-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.recap-course-badge{background:#c8d9e640;border:1px solid rgba(200,217,230,.5);color:#f5efeb;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px}.recap-course-title{color:#f5efebd9;font-size:.9rem}.recap-title{font-size:1.75rem;font-weight:700;margin:0 0 10px;line-height:1.25}.recap-role-badge{display:inline-block;background:#c8d9e626;border-radius:8px;padding:4px 12px;font-size:.82rem;font-weight:500}.recap-card{background:#fff;border-radius:14px;border:1px solid #c8d9e6;box-shadow:0 2px 8px #0e162712;overflow:hidden}.recap-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e8ecf2;flex-wrap:wrap;gap:10px;background:#fafafa}.recap-card-header h2{font-size:1.05rem;font-weight:600;margin:0;color:#0e1627;display:flex;align-items:center;gap:8px}.recap-card-header h2 i{color:#567c8d;font-size:.95rem}.recap-loader{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;color:#567c8d;font-size:.9rem}.recap-spinner-ring{width:32px;height:32px;border:3px solid #c8d9e6;border-top-color:#567c8d;border-radius:50%;animation:recap-spin .8s linear infinite}@keyframes recap-spin{to{transform:rotate(360deg)}}.recap-empty-state{padding:36px 24px;text-align:center}.recap-empty-icon{font-size:2.4rem;margin-bottom:10px}.recap-empty-msg{font-size:.95rem;color:#2f4156;margin:0 0 6px}.recap-empty-hint{font-size:.83rem;color:#567c8d;max-width:480px;margin:6px auto 0;line-height:1.55}.recap-tabs{display:flex;gap:0;border-bottom:1px solid #c8d9e6;background:#f5efeb}.recap-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.88rem;font-weight:500;color:#567c8d;transition:all .15s}.recap-tab.active{color:#2f4156;border-bottom-color:#567c8d;background:#fff;font-weight:600}.recap-tab:hover:not(.active){color:#0e1627;background:#c8d9e6}.recap-summary-body{padding:20px 24px}.recap-summary-section{display:flex;flex-direction:column;gap:4px}.recap-summary-label{font-size:.82rem;font-weight:600;color:#567c8d;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.recap-summary-text{display:flex;flex-direction:column;gap:6px}.recap-summary-line{font-size:.93rem;color:#2f4156;line-height:1.65;margin:0}.recap-summary-line:empty{display:none}.recap-action-description{padding:12px 24px 0;font-size:.88rem;color:#567c8d;line-height:1.55;margin:0}.recap-action-row{padding:16px 24px 20px;display:flex;gap:12px;flex-wrap:wrap}.recap-action-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:9px;border:none;cursor:pointer;font-size:.88rem;font-weight:600;transition:opacity .15s,box-shadow .15s}.recap-action-btn:disabled{opacity:.55;cursor:not-allowed}.recap-generate-btn{background:#567c8d;color:#f5efeb}.recap-generate-btn:not(:disabled):hover{opacity:.88;box-shadow:0 4px 12px #567c8d66}.recap-quiz-btn{background:#2f4156;color:#f5efeb}.recap-quiz-btn:not(:disabled):hover{opacity:.88;box-shadow:0 4px 12px #2f415666}.recap-outline-btn{background:#fff;color:#567c8d;border:1.5px solid #567c8d}.recap-outline-btn:not(:disabled):hover{background:#c8d9e6}.recap-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(245,239,235,.4);border-top-color:#f5efeb;border-radius:50%;animation:recap-spin .7s linear infinite}.recap-msg{margin:10px 24px 0;padding:10px 16px;border-radius:8px;font-size:.87rem;line-height:1.5}.recap-msg-success{background:#e8f6ee;border:1px solid #9cdbc0;color:#1a6840}.recap-msg-error{background:#fdeef0;border:1px solid #f5c6cb;color:#7b1d2a}.recap-transcript-hint{padding:14px 24px 18px;font-size:.85rem;color:#567c8d;margin:0}.recap-transcript-body{padding:0 24px 20px}.recap-transcript-meta{font-size:.8rem;color:#567c8d;margin:10px 0 12px}.recap-transcript-scroll{max-height:420px;overflow-y:auto;border:1px solid #c8d9e6;border-radius:8px;background:#fafafa}.recap-transcript-line{display:flex;gap:14px;padding:8px 14px;border-bottom:1px solid #e8ecf2;font-size:.87rem}.recap-transcript-line:last-child{border-bottom:none}.recap-line-num{min-width:26px;color:#567c8d;font-size:.75rem;padding-top:2px;text-align:right;-webkit-user-select:none;user-select:none}.recap-line-text{color:#2f4156;line-height:1.55}.recap-card-links .recap-action-description{padding-bottom:0}.recap-quiz-body{padding:0 24px 24px}.recap-quiz-question{margin-bottom:24px}.recap-quiz-question-text{font-size:.95rem;color:#0e1627;line-height:1.55;margin:0 0 12px}.recap-quiz-options{display:flex;flex-direction:column;gap:8px}.recap-quiz-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid #c8d9e6;border-radius:9px;background:#fafafa;cursor:pointer;font-size:.88rem;color:#2f4156;text-align:left;transition:border-color .15s,background .15s}.recap-quiz-option:not(:disabled):hover{border-color:#567c8d;background:#e5edf2}.recap-quiz-option:disabled{cursor:default}.recap-quiz-option.selected{border-color:#567c8d;background:#e5edf2;font-weight:500}.recap-quiz-option.correct{border-color:#2e9e6b;background:#e6f7ef;color:#1a5c40;font-weight:600}.recap-quiz-option.wrong{border-color:#e05c6a;background:#fdeef0;color:#7b1d2a}.recap-quiz-option-letter{min-width:22px;height:22px;border-radius:50%;background:#c8d9e6;color:#2f4156;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recap-quiz-option.selected .recap-quiz-option-letter{background:#567c8d;color:#f5efeb}.recap-quiz-option.correct .recap-quiz-option-letter{background:#2e9e6b;color:#fff}.recap-quiz-option.wrong .recap-quiz-option-letter{background:#e05c6a;color:#fff}.recap-quiz-correct-badge{margin-left:auto;color:#2e9e6b;font-weight:700}.recap-quiz-answer-hint{font-size:.8rem;color:#567c8d;margin:6px 0 0 4px}.recap-quiz-progress{font-size:.82rem;color:#567c8d;align-self:center;margin-left:4px}.recap-quiz-result{margin-top:16px;padding:14px 18px;border-radius:10px;font-size:.93rem;text-align:left;display:flex;align-items:center;gap:20px}.recap-quiz-result.pass{background:#e6f7ef;border:1px solid #9cdbc0;color:#1a5c40}.recap-quiz-result.fail{background:#fdeef0;border:1px solid #f5c6cb;color:#7b1d2a}@media(max-width:600px){.recap-container{padding:20px 12px 48px}.recap-header{padding:20px 18px}.recap-title{font-size:1.35rem}.recap-card-header{padding:14px 16px}.recap-summary-body,.recap-transcript-body,.recap-action-description,.recap-action-row{padding-left:16px;padding-right:16px}.recap-msg{margin-left:16px;margin-right:16px}}.recap-translate-btn{background:#2f4156;color:#f5efeb}.recap-translate-btn:not(:disabled):hover{opacity:.88;box-shadow:0 4px 12px #2f415666}.recap-translate-hint{margin:12px 0 0;font-size:.82rem;color:#2f4156;background:#e5edf2;border:1px solid #c8d9e6;border-radius:7px;padding:8px 12px;line-height:1.55}.recap-translation-ready-dot{color:#2e9e6b;font-weight:700}.recap-translated-body{max-height:420px;overflow-y:auto;border:1px solid #c8d9e6;border-radius:8px;background:#fafafa;padding:14px 18px}.recap-translated-para{font-size:.91rem;color:#2f4156;line-height:1.7;margin:0 0 10px}.recap-translated-para:last-child{margin-bottom:0}.recap-exam-meta-row{display:flex;align-items:center;gap:10px;padding:10px 0 16px;font-size:.85rem;color:#567c8d;flex-wrap:wrap}.recap-exam-marks-badge{background:#e5edf2;color:#2f4156;border:1px solid #c8d9e6;border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:600}.recap-exam-teacher-badge{background:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:600}.recap-q-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:8px;background:#e5edf2;color:#2f4156;border:1px solid #c8d9e6}.recap-q-marks-hint{font-weight:400;color:#567c8d}.recap-q-true_false{background:#fafffe}.recap-q-fill_in_the_blank{background:#fdfcff}.recap-q-short_answer{background:#fffdf7}.recap-fitb-wrapper{margin-top:4px}.recap-fitb-input{width:100%;max-width:480px;padding:9px 14px;border:1.5px solid #c8d9e6;border-radius:9px;font-size:.9rem;color:#2f4156;background:#fafafa;outline:none;transition:border-color .15s;box-sizing:border-box}.recap-fitb-input:focus{border-color:#567c8d}.recap-fitb-input.correct{border-color:#2e9e6b;background:#e6f7ef}.recap-fitb-input.wrong{border-color:#e05c6a;background:#fdeef0}.recap-hint-correct{color:#1a6840!important}.recap-hint-wrong{color:#7b1d2a!important}.recap-sa-wrapper{margin-top:4px}.recap-sa-textarea{width:100%;padding:10px 14px;border:1.5px solid #c8d9e6;border-radius:9px;font-size:.9rem;color:#2f4156;background:#fafafa;resize:vertical;outline:none;transition:border-color .15s;font-family:inherit;box-sizing:border-box}.recap-sa-textarea:focus{border-color:#567c8d}.recap-sa-textarea:disabled{background:#f5efeb;color:#2f4156}.recap-sa-model-answer{margin-top:10px;background:#e5edf2;border:1px solid #c8d9e6;border-radius:8px;padding:10px 14px}.recap-sa-model-label{font-size:.78rem;font-weight:700;color:#2f4156;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.recap-sa-model-text{font-size:.9rem;color:#0e1627;line-height:1.6;margin:0}.recap-sa-result{margin-top:10px}.recap-sa-marks{font-size:.9rem;font-weight:600;color:#0e1627;margin:0 0 6px}.recap-sa-ai-note{font-size:.8rem;font-weight:400;color:#567c8d}.recap-sa-ai-feedback{margin-top:10px;background:#fdf5ff;border:1px solid #eec0f7;border-radius:8px;padding:10px 14px}.recap-sa-ai-label{font-size:.78rem;font-weight:700;color:#9d2ba8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.recap-sa-ai-text{font-size:.9rem;color:#4a154f;line-height:1.6;margin:0}.recap-quiz-grade-letter{font-size:2.8rem;font-weight:800;line-height:1}.materials-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f5efeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.materials-spinner{border:4px solid #c8d9e6;border-top:4px solid #2f4156;border-radius:50%;width:60px;height:60px;animation:materials-spin 1s linear infinite;margin-bottom:1.5rem}@keyframes materials-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.materials-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background-color:#f5efeb;color:#0e1627}.materials-error-message{background:#fff;padding:1rem 1.5rem;border-radius:12px;margin:1.5rem 0;max-width:600px;font-size:1.1rem;border:2px solid #567c8d;box-shadow:0 4px 12px #0003}.materials-error-actions{display:flex;gap:1rem;margin-top:1.5rem}.materials-back-btn,.materials-retry-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.materials-back-btn{background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border:1px solid #567c8d}.materials-retry-btn{background:linear-gradient(135deg,#2f4156,#567c8d);color:#0e1627;border:1px solid #c8d9e6}.materials-back-btn:hover{background:linear-gradient(135deg,#2f4156,#0e1627);transform:translateY(-1px);box-shadow:0 4px 12px #0e162766}.materials-retry-btn:hover{background:linear-gradient(135deg,#c8d9e6,#2f4156);transform:translateY(-1px);box-shadow:0 4px 12px #2f415666}.materials-page-container{min-height:100vh;background-color:#f5efeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;flex-direction:column;width:100%;border-radius:20px}.materials-navbar{background-color:#f5efeb;border-radius:20px 20px 0 0;padding:0 2rem;height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #567c8d;box-shadow:0 4px 12px #0003}.materials-navbar-left,.materials-navbar-right{display:flex;align-items:center;gap:1rem}.materials-logo-container{display:flex;align-items:center;gap:12px;cursor:pointer}.materials-navbar-logo{height:40px;width:40px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background-color:#f5efeb}.materials-brand-name{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;padding:4px 12px;border-radius:6px;letter-spacing:1px;text-transform:lowercase}.materials-back-course-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid #567c8d}.materials-back-course-btn:hover{background:linear-gradient(135deg,#2f4156,#0e1627);transform:translateY(-1px);box-shadow:0 4px 12px #0e162766}.materials-content-wrapper{max-width:1400px;margin:2rem auto;width:95%;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;border:1px solid #c8d9e6}.materials-header-section{background:linear-gradient(135deg,#2f41561a,#567c8d1a);padding:2rem;border-bottom:1px solid #c8d9e6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.materials-header-info{flex:1}.materials-main-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;letter-spacing:.5px}.materials-course-info{margin-top:.5rem;padding:1rem;border-radius:10px;border-left:4px solid #2f4156;background:#fcf8f8}.materials-course-title{font-size:1.25rem;color:#0e1627;margin-bottom:.25rem;font-weight:600}.materials-course-subtitle{color:#567c8d;font-size:1rem;opacity:.9}.materials-upload-fab{background:linear-gradient(135deg,#2f4156,#567c8d);color:#0e1627;border:none;padding:1rem 2rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;font-size:1rem;box-shadow:0 6px 20px #2f415666;transition:all .3s ease;white-space:nowrap;border:1px solid #c8d9e6}.materials-upload-fab:hover{background:linear-gradient(135deg,#c8d9e6,#2f4156);transform:translateY(-3px);box-shadow:0 12px 24px #2f415680}.materials-upload-fab:active{transform:translateY(-1px)}.materials-fab-icon{font-size:1.5rem;font-weight:700;color:#fff}.materials-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem;background:#fcf8f8;border-bottom:1px solid #c8d9e6}.materials-stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:1px solid #c8d9e6;position:relative;overflow:hidden}.materials-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2f4156,#567c8d)}.materials-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.materials-stat-icon{font-size:2.5rem;padding:1rem;border-radius:10px;display:flex;align-items:center;justify-content:center;min-width:70px;background:#f5efeb;border:1px solid #c8d9e6;color:#567c8d}.materials-stat-total{color:#567c8d}.materials-stat-downloads{color:#2f4156}.materials-stat-views{color:#0e1627}.materials-stat-content{flex:1}.materials-stat-value{font-size:2.25rem;font-weight:800;color:#0e1627;margin-bottom:.25rem;line-height:1}.materials-stat-label{color:#567c8d;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.materials-list-container{padding:2rem;background:#fff}.materials-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid #c8d9e6}.materials-list-title{font-size:1.5rem;font-weight:700;color:#0e1627;display:flex;align-items:center;gap:.5rem}.materials-list-actions{display:flex;gap:1rem;flex-wrap:wrap}.materials-filter-select,.materials-search-input{padding:.75rem 1.25rem;border:2px solid #c8d9e6;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#0e1627}.materials-filter-select{min-width:160px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230e1627' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;padding-right:2.5rem}.materials-search-input{min-width:250px;background:#f5efeb}.materials-filter-select:focus,.materials-search-input:focus{outline:none;border-color:#2f4156;box-shadow:0 0 0 3px #2f41561a;background:#fff}.materials-filter-select option{background:#fff;color:#0e1627}.materials-empty-state{padding:5rem 2rem;text-align:center;background:#fcf8f8;border-radius:12px;margin:2rem 0;border:2px dashed #c8d9e6}.materials-empty-content{max-width:500px;margin:0 auto}.materials-empty-icon{font-size:5rem;margin-bottom:1.5rem;color:#2f4156;opacity:.6}.materials-empty-title{font-size:1.75rem;color:#0e1627;margin-bottom:.75rem;font-weight:700}.materials-empty-description{color:#567c8d;font-size:1.1rem;margin-bottom:2rem;line-height:1.5}.materials-upload-first-btn{background:linear-gradient(135deg,#2f4156,#567c8d);color:#0e1627;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #2f41564d;border:1px solid #c8d9e6}.materials-upload-first-btn:hover{background:linear-gradient(135deg,#c8d9e6,#2f4156);transform:translateY(-2px);box-shadow:0 8px 25px #2f415666}.materials-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.materials-item-card{background:#fff;border:2px solid #c8d9e6;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.materials-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026;border-color:#2f4156}.materials-item-header{background:#fcf8f8;padding:1.5rem;display:flex;align-items:flex-start;gap:1.25rem;border-bottom:2px solid #c8d9e6}.materials-file-icon{width:70px;height:70px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid;flex-shrink:0;position:relative;background:#fff;border-color:#c8d9e6}.materials-file-icon-symbol{font-size:1.75rem;margin-bottom:.25rem;color:#567c8d}.materials-file-extension{font-size:.7rem;font-weight:700;color:#567c8d;opacity:.8;letter-spacing:.5px}.materials-item-info{flex:1;min-width:0}.materials-item-title{font-size:1.25rem;font-weight:700;color:#0e1627;margin-bottom:.5rem;line-height:1.3;word-break:break-word}.materials-file-name{font-size:.85rem;color:#567c8d;margin-bottom:.5rem;word-break:break-all}.materials-uploaded-by{font-size:.8rem;color:#2f4156;font-style:italic}.materials-item-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.materials-action-btn{padding:.6rem 1rem;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.materials-download-btn{background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border:1px solid #567c8d}.materials-download-btn:hover{background:linear-gradient(135deg,#2f4156,#0e1627);transform:translateY(-1px);box-shadow:0 4px 12px #0e162766}.materials-delete-btn{background:linear-gradient(135deg,#567c8d,#2f4156);color:#f5efeb;border:1px solid #c8d9e6}.materials-delete-btn:hover{background:linear-gradient(135deg,#2f4156,#567c8d);transform:translateY(-1px);box-shadow:0 4px 12px #2f415666}.materials-item-content{padding:1.5rem}.materials-item-description{color:#0e1627;margin-bottom:1.5rem;line-height:1.6;font-size:.95rem;padding:1rem;background:#fcf8f8;border-radius:8px;border-left:3px solid #2f4156}.materials-meta-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #c8d9e6}.materials-meta-item{display:flex;flex-direction:column}.materials-meta-label{font-size:.8rem;color:#567c8d;margin-bottom:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.materials-meta-value{font-size:.95rem;color:#0e1627;font-weight:600}.materials-visibility-public{color:#10b981}.materials-visibility-private{color:#f59e0b}.materials-item-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.materials-stats-info{display:flex;gap:1.5rem}.materials-stat-item{display:flex;align-items:center;gap:.5rem;color:#567c8d;font-size:.9rem;font-weight:500}.materials-stat-icon-small{font-size:1rem}.materials-upload-date{font-size:.85rem;color:#2f4156;font-weight:500}.materials-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #c8d9e6}.materials-tag{background:#c8d9e6;color:#0e1627;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .2s;border:1px solid #2f4156}.materials-tag:hover{background:#2f4156;color:#f5efeb;transform:translateY(-1px)}.materials-tag-more{background:#f5efeb;color:#567c8d;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid #c8d9e6}@media(max-width:1024px){.materials-grid-view{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(max-width:768px){.materials-content-wrapper{width:98%;margin:1rem auto}.materials-navbar{padding:0 1rem;flex-direction:column;height:auto;padding:1rem}.materials-brand-name{font-size:1.4rem}.materials-header-section{flex-direction:column;align-items:stretch}.materials-upload-fab{width:100%;justify-content:center}.materials-list-header{flex-direction:column;align-items:stretch}.materials-list-actions{flex-direction:column}.materials-filter-select,.materials-search-input{width:100%;min-width:auto}.materials-grid-view{grid-template-columns:1fr}.materials-item-header{flex-direction:column;align-items:stretch}.materials-file-icon{align-self:center}.materials-item-actions{flex-direction:row;margin-top:1rem}.materials-item-footer{flex-direction:column;align-items:stretch;gap:1rem}}@media(max-width:480px){.materials-content-wrapper{padding:0;margin:0;width:100%;border-radius:0;border:none}.materials-navbar{border-radius:0}.materials-header-section,.materials-stats-grid,.materials-list-container{padding:1.5rem}.materials-main-title{font-size:2rem}.materials-stat-card{flex-direction:column;text-align:center;padding:1.5rem}.materials-stat-icon{width:60px;height:60px;min-width:auto}}.materials-content-wrapper::-webkit-scrollbar{width:8px}.materials-content-wrapper::-webkit-scrollbar-track{background:#f5efeb;border-radius:4px}.materials-content-wrapper::-webkit-scrollbar-thumb{background:#2f4156;border-radius:4px}.materials-content-wrapper::-webkit-scrollbar-thumb:hover{background:#567c8d}.materials-file-icon[data-type=pdf]{border-color:#ef4444;background:#fef2f2}.materials-file-icon[data-type=pdf] .materials-file-icon-symbol{color:#567c8d}.materials-file-icon[data-type=document]{border-color:#3b82f6;background:#eff6ff}.materials-file-icon[data-type=document] .materials-file-icon-symbol{color:#567c8d}.materials-file-icon[data-type=presentation]{border-color:#f59e0b;background:#fffbeb}.materials-file-icon[data-type=presentation] .materials-file-icon-symbol{color:#567c8d}.materials-file-icon[data-type=image]{border-color:#8b5cf6;background:#f5f3ff}.materials-file-icon[data-type=image] .materials-file-icon-symbol{color:#567c8d}.materials-file-icon[data-type=video]{border-color:#ec4899;background:#fdf2f8}.materials-file-icon[data-type=video] .materials-file-icon-symbol{color:#567c8d}.materials-file-size-indicator{position:absolute;bottom:-5px;right:-5px;background:#0e1627;color:#f5efeb;font-size:.6rem;padding:.2rem .4rem;border-radius:4px;border:1px solid #567c8d;z-index:1}.materials-item-card:hover .materials-file-icon{transform:rotate(5deg) scale(1.05);transition:transform .3s ease}.material-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem}.status-active{background:#d1fae5;color:#065f46;border:1px solid #10b981}.status-expired{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.materials-batch-actions{display:flex;gap:.5rem;align-items:center;margin-top:1rem;padding:1rem;background:#fcf8f8;border-radius:8px;border:1px solid #c8d9e6}.batch-select-all{display:flex;align-items:center;gap:.5rem}.batch-select-all input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2f4156}.batch-select-label{font-size:.9rem;color:#0e1627;font-weight:500;cursor:pointer}.batch-action-buttons{display:flex;gap:.5rem;margin-left:auto}.batch-action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid #c8d9e6;background:#fff;color:#0e1627;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.batch-action-btn:hover{background:#f5efeb;transform:translateY(-1px)}.batch-action-btn.download{background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border-color:#567c8d}.batch-action-btn.delete{background:linear-gradient(135deg,#567c8d,#2f4156);color:#f5efeb;border-color:#c8d9e6}.material-select-checkbox{position:absolute;top:1rem;left:1rem;width:20px;height:20px;accent-color:#2f4156;cursor:pointer;opacity:0;transition:opacity .2s ease}.materials-item-card:hover .material-select-checkbox{opacity:1}.materials-item-card.selected{border-color:#2f4156;background:#fcf8f8;box-shadow:0 0 0 2px #2f41564d}.materials-item-card.selected .material-select-checkbox{opacity:1}.materials-modal-overlay{position:fixed;inset:0;background-color:#0e1627b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:materials-fade-in .2s ease}@keyframes materials-fade-in{0%{opacity:0}to{opacity:1}}.materials-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;width:90%;animation:materials-slide-up .3s ease}@keyframes materials-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.materials-modal-header{padding:1.5rem;border-bottom:2px solid #c8d9e6}.materials-modal-title{margin:0;font-size:1.3rem;color:#0e1627;font-weight:600}.materials-modal-body{padding:1.5rem}.materials-modal-message{margin:0 0 .5rem;color:#0e1627;font-size:1rem;line-height:1.5}.materials-modal-warning{margin:.5rem 0 0;color:#567c8d;font-size:.9rem;font-weight:500}.materials-modal-footer{padding:1.5rem;border-top:2px solid #c8d9e6;display:flex;gap:1rem;justify-content:flex-end}.materials-modal-btn{padding:.6rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.materials-modal-cancel{background-color:#c8d9e6;color:#0e1627}.materials-modal-cancel:hover{background-color:#d4b3ae;transform:translateY(-1px)}.materials-modal-delete{background-color:#2f4156;color:#fff}.materials-modal-delete:hover{background-color:#a77b79;transform:translateY(-1px);box-shadow:0 4px 12px #2f415666}.upload-material-page{min-height:100vh;background-color:#f5efeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%;border-radius:20px}.upload-material-navbar{background-color:#f5efeb;border-radius:20px 20px 0 0;padding:0 2rem;height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #567c8d;box-shadow:0 4px 12px #0003}.upload-material-navbar-left,.upload-material-navbar-right{display:flex;align-items:center;gap:1rem}.upload-material-logo-container{display:flex;align-items:center;gap:12px;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s}.upload-material-logo-container:hover{background:#567c8d1a}.upload-material-navbar-logo{height:40px;width:40px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background-color:#f5efeb}.upload-material-brand-name{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;padding:4px 12px;border-radius:6px;letter-spacing:1px;text-transform:lowercase}.upload-material-back-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#0e1627,#2f4156);color:#f5efeb;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid #567c8d;display:flex;align-items:center}.upload-material-back-btn:hover{background:linear-gradient(135deg,#2f4156,#0e1627);transform:translateY(-1px);box-shadow:0 4px 12px #0e162766}.upload-material-content{max-width:800px;margin:2rem auto;padding:0 1.5rem}.upload-material-container{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #0000001a;border:1px solid #c8d9e6}.upload-material-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f5efeb}.upload-material-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.upload-material-course-info{font-size:1.1rem;color:#567c8d;font-weight:500;background:#fcf8f8;padding:.75rem 1.5rem;border-radius:8px;border-left:4px solid #2f4156;display:inline-block}.upload-material-alert{padding:1rem 1.5rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;font-weight:500;border:1px solid}.upload-material-alert-error{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.upload-material-alert-success{background:#d1fae5;color:#065f46;border-color:#86efac}.upload-material-form{display:flex;flex-direction:column;gap:2rem}.upload-material-form-section{background:#fcf8f8;padding:1.75rem;border-radius:12px;border:1px solid #c8d9e6}.upload-material-form-section-title{font-size:1.25rem;font-weight:700;color:#0e1627;margin-bottom:1.5rem;display:flex;align-items:center}.upload-material-file-upload-area{border:2px dashed #2f4156;border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff}.upload-material-file-upload-area:hover{border-color:#567c8d;background:#fcf8f8;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.upload-material-file-input{display:none}.upload-material-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-material-upload-icon{margin-bottom:.5rem;color:#567c8d}.upload-material-upload-title{font-size:1.5rem;color:#0e1627;margin:0}.upload-material-upload-subtitle{color:#567c8d;margin:0;font-size:.95rem}.upload-material-supported-formats{color:#2f4156;font-size:.85rem;margin:.5rem 0 0;max-width:400px;line-height:1.4}.upload-material-file-selected{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:10px;border:1px solid #c8d9e6;box-shadow:0 2px 8px #00000014}.upload-material-file-icon{flex-shrink:0;color:#567c8d}.upload-material-file-info{flex:1;text-align:left}.upload-material-file-name{font-size:1.1rem;color:#0e1627;margin-bottom:.5rem;font-weight:600;word-break:break-all}.upload-material-file-size{color:#567c8d;font-size:.9rem;margin:0}.upload-material-remove-file{background:#fee2e2;color:#ef4444;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.upload-material-remove-file:hover{background:#fecaca;transform:scale(1.05)}.upload-material-progress{margin-top:1rem}.upload-material-progress-bar{height:8px;background:#c8d9e6;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.upload-material-progress-fill{height:100%;background:linear-gradient(90deg,#2f4156,#567c8d);border-radius:4px;transition:width .3s ease}.upload-material-progress-text{text-align:center;color:#567c8d;font-size:.9rem;font-weight:500}.upload-material-form-group{margin-bottom:1.5rem}.upload-material-form-label{display:block;margin-bottom:.5rem;color:#0e1627;font-weight:600;font-size:.95rem}.upload-material-form-input,.upload-material-form-textarea,.upload-material-form-select{width:100%;padding:.875rem 1rem;border:2px solid #c8d9e6;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;color:#0e1627}.upload-material-form-input:focus,.upload-material-form-textarea:focus,.upload-material-form-select:focus{outline:none;border-color:#2f4156;box-shadow:0 0 0 3px #2f41561a}.upload-material-form-textarea{resize:vertical;min-height:100px;font-family:inherit}.upload-material-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237f6269' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;padding-right:2.5rem}.upload-material-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.upload-material-checkbox-group{display:flex;align-items:center;margin-top:1.75rem}.upload-material-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.upload-material-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#2f4156}.upload-material-checkbox-text{color:#0e1627;font-size:.95rem;font-weight:500}.upload-material-form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #c8d9e6}.upload-material-cancel-btn,.upload-material-submit-btn{padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.upload-material-cancel-btn{background:#f5efeb;color:#567c8d;border:1px solid #c8d9e6}.upload-material-cancel-btn:hover:not(:disabled){background:#c8d9e6;transform:translateY(-2px)}.upload-material-submit-btn{background:linear-gradient(135deg,#2f4156,#567c8d);color:#0e1627;border:1px solid #2f4156;display:flex;align-items:center;justify-content:center}.upload-material-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#c8d9e6,#2f4156);transform:translateY(-2px);box-shadow:0 4px 12px #2f415666}.upload-material-cancel-btn:disabled,.upload-material-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.upload-material-loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f5efeb;border-top:2px solid #567c8d;border-radius:50%;animation:upload-material-spin 1s linear infinite;margin-right:8px}@keyframes upload-material-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-material-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;background:#f5efeb;padding:2rem}.upload-material-error h2{color:#0e1627;margin-bottom:1rem}.upload-material-error p{color:#567c8d;margin-bottom:2rem}.upload-material-error button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2f4156,#567c8d);color:#0e1627;border:none;border-radius:8px;font-weight:600;cursor:pointer}@media(max-width:768px){.upload-material-navbar{padding:0 1rem;height:auto;padding:1rem}.upload-material-brand-name{font-size:1.4rem}.upload-material-content{padding:0 1rem;margin:1rem auto}.upload-material-container{padding:1.5rem}.upload-material-title{font-size:1.75rem;flex-direction:column;gap:.5rem}.upload-material-form-row{grid-template-columns:1fr;gap:1rem}.upload-material-file-upload-area{padding:2rem}.upload-material-file-selected{flex-direction:column;text-align:center;gap:1rem}.upload-material-file-info{text-align:center}.upload-material-form-actions{flex-direction:column}.upload-material-cancel-btn,.upload-material-submit-btn{width:100%}}@media(max-width:480px){.upload-material-container,.upload-material-form-section{padding:1.25rem}.upload-material-title{font-size:1.5rem}.upload-material-upload-title{font-size:1.25rem}}.upload-material-container::-webkit-scrollbar{width:8px}.upload-material-container::-webkit-scrollbar-track{background:#f5efeb;border-radius:4px}.upload-material-container::-webkit-scrollbar-thumb{background:#2f4156;border-radius:4px}.upload-material-container::-webkit-scrollbar-thumb:hover{background:#567c8d}:root{--sp-bg: #f5efeb;--sp-dark: #0e1627;--sp-mid: #2f4156;--sp-accent: #567c8d;--sp-light: #c8d9e6;--sp-white: #ffffff;--sp-radius: 12px;--sp-shadow: 0 2px 8px rgba(14, 22, 39, .08)}.sp-page{min-height:100vh;background:var(--sp-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sp-nav{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:60px;background:var(--sp-white);border-bottom:1px solid var(--sp-light);position:sticky;top:0;z-index:100}.sp-nav-left{display:flex;align-items:center;gap:10px}.sp-logo{height:34px;border:2px solid var(--sp-accent);border-radius:8px}.sp-brand{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--sp-mid),var(--sp-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sp-back-btn{padding:8px 16px;background:var(--sp-accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.sp-back-btn:hover{background:var(--sp-mid)}.sp-content{max-width:1000px;margin:0 auto;padding:32px 24px}.sp-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.sp-title{font-size:26px;font-weight:800;color:var(--sp-dark);margin:0}.sp-overall{display:flex;flex-direction:column;align-items:flex-end}.sp-overall-pct{font-size:32px;font-weight:900;line-height:1}.sp-overall-label{font-size:11px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sp-tabs{display:flex;gap:4px;border-bottom:2px solid var(--sp-light);margin-bottom:28px}.sp-tab{padding:10px 20px;border:none;background:none;font-size:14px;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s;display:flex;align-items:center;gap:6px}.sp-tab:hover{color:var(--sp-accent)}.sp-tab.active{color:var(--sp-accent);border-bottom-color:var(--sp-accent)}.sp-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--sp-light);color:var(--sp-mid);border-radius:10px;font-size:11px;font-weight:700}.sp-tab-badge.urgent{background:#fef3c7;color:#92400e}.sp-loading{text-align:center;padding:40px;color:#888;font-size:14px}.sp-error{padding:16px;background:#fee2e2;color:#9b1c1c;border-radius:var(--sp-radius);font-size:14px}.sp-empty{text-align:center;padding:48px 20px;color:#888;font-size:14px;background:var(--sp-white);border-radius:var(--sp-radius);border:1px solid var(--sp-light)}.sp-table-wrap{background:var(--sp-white);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);overflow:hidden;overflow-x:auto}.sp-table{width:100%;border-collapse:collapse;font-size:13px}.sp-table thead tr{background:var(--sp-bg)}.sp-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;border-bottom:1px solid var(--sp-light);white-space:nowrap}.sp-table td{padding:12px 14px;border-bottom:1px solid #f5f7fc;color:var(--sp-dark);vertical-align:top}.sp-table tbody tr:last-child td{border-bottom:none}.sp-table tbody tr:hover{background:#fafbff}.sp-table tbody tr.sp-row-missed{background:#fff8f8}.sp-col-title{font-weight:600}.sp-missed-tag{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;background:#fee2e2;color:#b91c1c;padding:1px 5px;border-radius:4px;text-transform:uppercase}.sp-pct-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700}.sp-badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.sp-badge.pass{background:#d1fae5;color:#065f46}.sp-badge.fail{background:#fee2e2;color:#9b1c1c}.sp-badge.pending{background:#fef9c3;color:#713f12}.sp-feedback-cell{max-width:200px;font-size:12px;color:#666}.sp-pending-group{margin-bottom:32px}.sp-group-title{font-size:16px;font-weight:700;color:var(--sp-mid);margin:0 0 14px}.sp-pending-card{background:var(--sp-white);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:18px 20px;margin-bottom:12px;display:flex;align-items:flex-start;gap:20px;border-left:4px solid var(--sp-accent)}.sp-assignment-card{border-left-color:var(--sp-mid)}.sp-pending-info{flex:1}.sp-pending-name{font-size:15px;font-weight:700;color:var(--sp-dark);margin-bottom:4px}.sp-pending-desc{font-size:13px;color:#555;margin-bottom:6px}.sp-pending-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.sp-meta-chip{font-size:11px;font-weight:600;background:var(--sp-bg);color:var(--sp-accent);border:1px solid var(--sp-light);padding:2px 8px;border-radius:6px}.sp-pending-due{font-size:12px;font-weight:600;margin-top:4px}.sp-view-link{display:inline-block;margin-top:6px;font-size:12px;color:var(--sp-accent);font-weight:600;text-decoration:none}.sp-view-link:hover{text-decoration:underline}.sp-action-btn{padding:10px 18px;background:var(--sp-accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.sp-action-btn:hover{background:var(--sp-mid)}.sp-action-btn:disabled{opacity:.6;cursor:not-allowed}.sp-upload-area{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;min-width:160px}.sp-file-btn{display:inline-block;padding:8px 14px;background:var(--sp-bg);border:1px dashed var(--sp-accent);border-radius:8px;font-size:12px;color:var(--sp-accent);font-weight:600;cursor:pointer;text-align:center;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-err-msg{font-size:11px;color:#b91c1c;background:#fee2e2;padding:4px 8px;border-radius:4px}.sp-success-msg{font-size:12px;color:#065f46;background:#d1fae5;padding:8px 12px;border-radius:8px;font-weight:600}:root{--brand-dark: #0e1627;--brand-primary: #2f4156;--brand-accent: #c8d9e6;--brand-light: #f5efeb;--brand-muted: #567c8d;--bg: var(--brand-light);--card: #ffffff;--shadow: 0 8px 30px rgba(14, 22, 39, .08);--shadow-sm: 0 2px 8px rgba(14, 22, 39, .04);--radius: 12px;--radius-lg: 16px}.manage-meeting-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);color:var(--brand-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%;border-radius:20px}.manage-meeting-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f5efeb;border-bottom:2px solid #567c8d;box-shadow:0 4px 12px #0003;border-radius:20px 20px 0 0;position:relative}.manage-meeting-navbar-left{display:flex;align-items:center}.manage-meeting-logo-container{display:flex;align-items:center;gap:12px}.manage-meeting-navbar-logo{height:40px;width:40px;border-radius:50%;object-fit:contain;border:2px solid #c8d9e6;background-color:#f5efeb}.manage-meeting-brand-name{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#567c8d,#0e1627);-webkit-background-clip:text;background-clip:text;color:transparent;padding:4px 12px;border-radius:6px;letter-spacing:1px;text-transform:lowercase}.manage-meeting-navbar-right{display:flex;align-items:center;background-color:#0e1627;border-radius:30px}.manage-meeting-user-profile{display:flex;align-items:center;gap:15px;padding:8px 16px;background-color:#567c8d1a;border-radius:30px;border:1px solid #567c8d;transition:all .3s ease}.manage-meeting-user-profile:hover{background-color:#567c8d33;transform:translateY(-2px)}.manage-meeting-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2f4156,#567c8d);display:flex;align-items:center;justify-content:center;font-weight:600;color:#0e1627;font-size:1.2rem;border:2px solid #c8d9e6}.manage-meeting-user-name{font-size:1rem;font-weight:500;color:#f5efeb;letter-spacing:.5px}.manage-meeting-hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;margin-right:15px;z-index:1001}.manage-meeting-hamburger-menu:focus{outline-offset:2px}.manage-meeting-hamburger-line{width:100%;height:3px;background-color:#0e1627;border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.manage-meeting-hamburger-menu.active .manage-meeting-hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.manage-meeting-hamburger-menu.active .manage-meeting-hamburger-line:nth-child(2){opacity:0}.manage-meeting-hamburger-menu.active .manage-meeting-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.manage-meeting-side-nav{position:fixed;top:0;left:-300px;width:280px;height:100vh;background:linear-gradient(to bottom,#0e1627,#2f4156);color:#f5efeb;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:5px 0 20px #0000004d;display:flex;flex-direction:column}.manage-meeting-side-nav.open{left:0}.manage-meeting-side-nav-header{padding:1.5rem;border-bottom:2px solid #567c8d;display:flex;justify-content:space-between;align-items:center;background-color:#0e1627e6}.manage-meeting-side-nav-header h3{margin:0;color:#f5efeb;font-size:1.2rem;font-weight:600}.manage-meeting-close-menu{background:none;border:none;color:#f5efeb;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.manage-meeting-close-menu:hover{background-color:#567c8d4d}.manage-meeting-nav-links{display:flex;flex-direction:column;padding:1rem 1rem 0;flex:1;overflow-y:auto}.manage-meeting-nav-link{display:flex;align-items:center;gap:15px;padding:14px 16px;color:#c8d9e6;text-decoration:none;border-radius:10px;margin-bottom:5px;transition:all .2s ease;font-weight:500}.manage-meeting-nav-link:hover{background-color:#567c8d33;color:#f5efeb;transform:translate(5px)}.manage-meeting-nav-link.active{background-color:#2f41564d;color:#f5efeb;border-left:4px solid #2f4156}.manage-meeting-nav-icon{font-size:1.2rem;width:24px;text-align:center}.manage-meeting-nav-link.logout{color:#ff6b6b;border-top:1px solid rgba(86,124,141,.3);padding-top:20px;margin-top:20px}.manage-meeting-nav-link.logout:hover{background-color:#ff6b6b1a;color:#ff8e8e}.manage-meeting-overlay{position:fixed;inset:0;background-color:#0e1627b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;animation:fadeIn .3s ease;display:none}.manage-meeting-overlay.open{display:block}.manage-meeting-content-wrapper{flex:1;padding:32px 28px;max-width:1400px;width:100%;margin:0 auto}.manage-meeting-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.manage-meeting-header-info h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--brand-dark)}.manage-meeting-subtitle{margin:0;font-size:14px;color:var(--brand-muted);font-weight:500}.manage-meeting-header-actions{display:flex;gap:12px;align-items:center}.manage-meeting-back-btn{padding:12px 20px;background:transparent;color:var(--brand-primary);border:1px solid rgba(47,65,86,.3);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.manage-meeting-back-btn:hover{background:#2f415614;border-color:var(--brand-primary);transform:translate(-2px)}.manage-meeting-schedule-btn{padding:12px 24px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-muted) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-sm);white-space:nowrap}.manage-meeting-schedule-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.manage-meeting-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);padding:24px;text-align:center}.manage-meeting-error h2{color:#dc2626;margin:0 0 8px;font-size:18px}.manage-meeting-error-message{color:#991b1b;margin:0 0 16px;font-size:14px}.manage-meeting-retry-btn{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.manage-meeting-retry-btn:hover{background:#991b1b}.manage-meeting-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);color:var(--brand-muted)}.manage-meeting-spinner{width:50px;height:50px;border:4px solid rgba(47,65,86,.2);border-top:4px solid var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.manage-meeting-empty-state{display:flex;align-items:center;justify-content:center;min-height:400px}.manage-meeting-empty-content{text-align:center;padding:40px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:400px}.manage-meeting-empty-icon{color:var(--brand-primary);margin-bottom:20px;opacity:.7}.manage-meeting-empty-title{font-size:20px;font-weight:700;color:var(--brand-dark);margin:0 0 8px}.manage-meeting-empty-description{font-size:14px;color:var(--brand-muted);margin:0 0 24px;line-height:1.6}.manage-meeting-schedule-first-btn{padding:10px 20px;background:var(--brand-primary);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.manage-meeting-schedule-first-btn:hover{background:var(--brand-muted)}.manage-meeting-list-container{margin-top:24px}.manage-meeting-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.manage-meeting-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:1px solid rgba(14,22,39,.04)}.manage-meeting-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.manage-meeting-card-header{padding:20px;border-bottom:1px solid rgba(14,22,39,.04);display:flex;justify-content:space-between;align-items:start}.manage-meeting-card-title-section{flex:1;display:flex;flex-direction:column;gap:10px}.manage-meeting-card-title{margin:0;font-size:16px;font-weight:700;color:var(--brand-dark)}.manage-meeting-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize;width:fit-content}.manage-meeting-card-content{padding:20px;flex:1}.manage-meeting-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.manage-meeting-info-item{display:flex;flex-direction:column;gap:6px}.manage-meeting-info-item label{font-size:12px;font-weight:600;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.5px}.manage-meeting-info-item p{margin:0;font-size:14px;color:var(--brand-dark);font-weight:500}.manage-meeting-description{margin-top:16px;padding:12px;background:#0e162705;border-radius:8px}.manage-meeting-description label{display:block;font-size:12px;font-weight:600;color:var(--brand-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.manage-meeting-description p{margin:0;font-size:14px;color:var(--brand-dark);line-height:1.5}.manage-meeting-additional-info{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.manage-meeting-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600}.manage-meeting-private,.manage-meeting-participants{background:#2f41561a;color:var(--brand-primary)}.manage-meeting-card-footer{padding:16px 20px;border-top:1px solid rgba(14,22,39,.04);display:flex;gap:12px}.manage-meeting-action-btn{flex:1;padding:10px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.manage-meeting-update-btn{background:var(--brand-primary);color:#fff}.manage-meeting-update-btn:hover{background:var(--brand-muted)}.manage-meeting-cancel-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.manage-meeting-cancel-btn:hover{background:#ef444426}.view-attendance-btn{background:linear-gradient(135deg,var(--brand-primary),#a67976);color:#fff}.view-attendance-btn:hover{background:var(--brand-muted);transform:translateY(-2px)}.manage-meeting-cancelled-text{margin:0;font-size:13px;color:var(--brand-muted);text-align:center;font-weight:500;padding:6px 0}.manage-meeting-modal-overlay{position:fixed;inset:0;background:#0e162766;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.manage-meeting-modal-content{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:500px;width:90%;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.manage-meeting-modal-header{padding:24px;border-bottom:1px solid rgba(14,22,39,.04)}.manage-meeting-modal-title{margin:0;font-size:20px;font-weight:700;color:var(--brand-dark)}.manage-meeting-modal-body{padding:24px}.manage-meeting-modal-message{margin:0 0 12px;font-size:14px;color:var(--brand-dark);line-height:1.6}.manage-meeting-modal-warning{margin:0;font-size:13px;color:var(--brand-muted);line-height:1.5}.manage-meeting-modal-footer{padding:24px;border-top:1px solid rgba(14,22,39,.04);display:flex;gap:12px;justify-content:flex-end}.manage-meeting-modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.manage-meeting-modal-cancel{background:transparent;color:var(--brand-primary);border:1px solid rgba(47,65,86,.2)}.manage-meeting-modal-cancel:hover{background:#2f41560d}.manage-meeting-modal-delete{background:#ef4444;color:#fff}.manage-meeting-modal-delete:hover{background:#dc2626}@media(max-width:768px){.manage-meeting-hamburger-menu,.manage-meeting-side-nav{display:flex}.manage-meeting-navbar{padding:1rem}.manage-meeting-brand-name{font-size:1.5rem}.manage-meeting-user-profile{padding:6px 12px;gap:10px}.manage-meeting-user-name{font-size:.9rem}.manage-meeting-navbar-logo,.manage-meeting-user-avatar{width:35px;height:35px}.manage-meeting-content-wrapper{padding:20px 16px}.manage-meeting-header-section{flex-direction:column;align-items:flex-start}.manage-meeting-schedule-btn{width:100%}.manage-meeting-cards-grid,.manage-meeting-info-grid{grid-template-columns:1fr}.manage-meeting-header-section h1{font-size:24px}}@media(max-width:480px){.manage-meeting-user-name{display:none}.manage-meeting-content-wrapper{padding:16px 12px}.manage-meeting-card{border-radius:10px}.manage-meeting-cards-grid{gap:16px}.manage-meeting-header-section h1{font-size:20px}.manage-meeting-subtitle{font-size:13px}}.attendance-container{min-height:100vh;background:#f5efeb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;border-radius:20px}.attendance-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f5efeb;border-bottom:2px solid #567c8d;box-shadow:0 4px 12px #0000001a;position:sticky;top:0;z-index:100;border-radius:20px 20px 0 0}.attendance-logo-section{display:flex;align-items:center;gap:12px}.attendance-logo{height:48px;width:auto}.attendance-app-name{font-size:28px;font-weight:700;color:#0e1627;margin:0}.attendance-content{max-width:1400px;margin:0 auto;padding:32px}.attendance-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0e162714}.attendance-header-info{flex:1}.attendance-main-title{font-size:32px;font-weight:700;color:#0e1627;margin:0 0 16px}.attendance-session-info{display:flex;flex-direction:column;gap:6px}.attendance-session-title{font-size:18px;font-weight:600;color:#2f4156;margin:0}.attendance-session-course{font-size:14px;color:#567c8d;margin:0}.attendance-session-date{font-size:13px;color:#567c8d;margin:0}.attendance-back-btn{background:#2f4156;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.attendance-back-btn:hover{background:#a67976;transform:translateY(-2px);box-shadow:0 4px 12px #2f41564d}.attendance-loading{text-align:center;padding:60px 20px}.attendance-spinner{width:50px;height:50px;border:4px solid rgba(47,65,86,.2);border-top-color:#2f4156;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.attendance-error{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0e162714}.attendance-error h2{color:#0e1627;margin-bottom:16px}.attendance-error p{color:#567c8d;margin-bottom:24px}.attendance-retry-btn{background:#2f4156;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.attendance-retry-btn:hover{background:#a67976}.attendance-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0e162714}.attendance-empty-icon{font-size:64px;margin-bottom:20px}.attendance-empty h3{color:#0e1627;margin-bottom:12px}.attendance-empty p{color:#567c8d}.attendance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.attendance-summary-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0e162714;text-align:center}.attendance-summary-label{font-size:14px;color:#567c8d;margin-bottom:8px;font-weight:500}.attendance-summary-value{font-size:32px;font-weight:700;color:#0e1627}.attendance-present-count{color:#2f4156}.attendance-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0e162714;overflow:hidden}.attendance-table{width:100%;border-collapse:collapse}.attendance-table thead{background:#0e1627;color:#f5efeb}.attendance-table th{padding:16px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.attendance-table tbody tr{border-bottom:1px solid #c8d9e6;transition:background .2s ease}.attendance-table tbody tr:hover{background:#f5efeb}.attendance-table tbody tr:last-child{border-bottom:none}.attendance-table td{padding:16px;color:#0e1627;font-size:14px}.attendance-status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-present{background:#d4edda;color:#155724}.status-absent{background:#f8d7da;color:#721c24}.status-late{background:#fff3cd;color:#856404}.status-unknown{background:#e2e3e5;color:#383d41}@media(max-width:768px){.attendance-content{padding:16px}.attendance-page-header{flex-direction:column;gap:20px}.attendance-main-title{font-size:24px}.attendance-summary{grid-template-columns:1fr}.attendance-table-container{overflow-x:auto}.attendance-table{min-width:800px}}.attendance-header-actions{display:flex;gap:12px;align-items:center}.attendance-download-btn{background:linear-gradient(135deg,#2f4156,#a67976);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2f415633}.attendance-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2f41564d;background:linear-gradient(135deg,#a67976,#956d68)}.attendance-download-btn i{font-size:14px}.attendance-back-btn{display:flex;align-items:center;gap:8px}.attendance-back-btn i{font-size:14px}.attendance-pdf-container{background:#fff;padding:40px;border-radius:12px;margin-bottom:32px}.attendance-pdf-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #2f4156}.attendance-pdf-logo-section{display:flex;align-items:center;gap:20px}.attendance-pdf-logo{height:60px;width:auto}.attendance-pdf-brand{font-size:24px;font-weight:700;color:#0e1627;margin:0}.attendance-pdf-subtitle{font-size:13px;color:#567c8d;margin:4px 0 0}.attendance-pdf-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;padding:20px;background:#f5efeb;border-radius:8px}.attendance-pdf-section{padding:0}.attendance-pdf-section h3{font-size:14px;font-weight:600;color:#0e1627;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.attendance-pdf-section p{font-size:12px;color:#333;margin:6px 0;line-height:1.6}.attendance-pdf-section p strong{color:#0e1627;font-weight:600}@media(max-width:1024px){.attendance-pdf-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.attendance-pdf-info{grid-template-columns:1fr}.attendance-header-actions{flex-direction:column;width:100%}.attendance-download-btn,.attendance-back-btn{width:100%;justify-content:center}}.manage-enroll-page{min-height:100vh;background-color:#f5efeb;color:#0e1627;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding:32px 24px 60px;width:100%;border-radius:20px}.manage-enroll-loading{background:#fff;border:1px solid #c8d9e6;border-radius:12px;padding:24px;text-align:center;color:#2f4156;font-weight:600}.manage-enroll-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.manage-enroll-title{margin:0 0 6px;font-size:28px;font-weight:700}.manage-enroll-subtitle{margin:0;color:#567c8d}.manage-enroll-back{text-decoration:none;background:#2f4156;color:#f5efeb;padding:10px 16px;border-radius:8px;border:1px solid #567c8d;font-weight:600}.manage-enroll-card{background:#fff;border:1px solid #c8d9e6;border-radius:16px;padding:20px;box-shadow:0 10px 20px #0e162714;margin-bottom:24px}.manage-enroll-section-title{margin:0 0 16px;font-size:20px;font-weight:700}.manage-enroll-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:end}.manage-enroll-field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#2f4156}.manage-enroll-field select{padding:10px 12px;border-radius:8px;border:1px solid #c8d9e6;background:#fdfcfb;font-size:14px}.manage-enroll-submit{border:none;padding:11px 18px;border-radius:8px;background:#2f4156;color:#f5efeb;font-weight:600;cursor:pointer}.manage-enroll-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.manage-enroll-count{color:#567c8d;font-weight:600}.manage-enroll-table-wrap{overflow-x:auto}.manage-enroll-table{width:100%;border-collapse:collapse;min-width:720px}.manage-enroll-table th,.manage-enroll-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #e4eef3;font-size:14px}.manage-enroll-table th{color:#2f4156;font-weight:700}.manage-enroll-student,.manage-enroll-course{display:flex;flex-direction:column;gap:4px}.manage-enroll-name{font-weight:600}.manage-enroll-muted{color:#567c8d;font-size:12px}.manage-enroll-status{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.manage-enroll-status.active{background:#4caf5026;color:#2e7d32}.manage-enroll-status.inactive{background:#f4433626;color:#b71c1c}.manage-enroll-remove{border:1px solid rgba(244,67,54,.4);background:#f443361a;color:#b71c1c;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600}.manage-enroll-empty{text-align:center;padding:18px;color:#567c8d}@media(max-width:768px){.manage-enroll-header{flex-direction:column;align-items:flex-start}.manage-enroll-back{width:100%;text-align:center}}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)/""}@supports not (content:""/""){:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)}}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media(prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{--fa-width:100%;inset:0;position:absolute;text-align:center;width:var(--fa-width);z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0{--fa:"0"}.fa-1{--fa:"1"}.fa-2{--fa:"2"}.fa-3{--fa:"3"}.fa-4{--fa:"4"}.fa-5{--fa:"5"}.fa-6{--fa:"6"}.fa-7{--fa:"7"}.fa-8{--fa:"8"}.fa-9{--fa:"9"}.fa-exclamation{--fa:"!"}.fa-hashtag{--fa:"#"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"$"}.fa-percent,.fa-percentage{--fa:"%"}.fa-asterisk{--fa:"*"}.fa-add,.fa-plus{--fa:"+"}.fa-less-than{--fa:"<"}.fa-equals{--fa:"="}.fa-greater-than{--fa:">"}.fa-question{--fa:"?"}.fa-at{--fa:"@"}.fa-a{--fa:"A"}.fa-b{--fa:"B"}.fa-c{--fa:"C"}.fa-d{--fa:"D"}.fa-e{--fa:"E"}.fa-f{--fa:"F"}.fa-g{--fa:"G"}.fa-h{--fa:"H"}.fa-i{--fa:"I"}.fa-j{--fa:"J"}.fa-k{--fa:"K"}.fa-l{--fa:"L"}.fa-m{--fa:"M"}.fa-n{--fa:"N"}.fa-o{--fa:"O"}.fa-p{--fa:"P"}.fa-q{--fa:"Q"}.fa-r{--fa:"R"}.fa-s{--fa:"S"}.fa-t{--fa:"T"}.fa-u{--fa:"U"}.fa-v{--fa:"V"}.fa-w{--fa:"W"}.fa-x{--fa:"X"}.fa-y{--fa:"Y"}.fa-z{--fa:"Z"}.fa-faucet{--fa:""}.fa-faucet-drip{--fa:""}.fa-house-chimney-window{--fa:""}.fa-house-signal{--fa:""}.fa-temperature-arrow-down,.fa-temperature-down{--fa:""}.fa-temperature-arrow-up,.fa-temperature-up{--fa:""}.fa-trailer{--fa:""}.fa-bacteria{--fa:""}.fa-bacterium{--fa:""}.fa-box-tissue{--fa:""}.fa-hand-holding-medical{--fa:""}.fa-hand-sparkles{--fa:""}.fa-hands-bubbles,.fa-hands-wash{--fa:""}.fa-handshake-alt-slash,.fa-handshake-simple-slash,.fa-handshake-slash{--fa:""}.fa-head-side-cough{--fa:""}.fa-head-side-cough-slash{--fa:""}.fa-head-side-mask{--fa:""}.fa-head-side-virus{--fa:""}.fa-house-chimney-user{--fa:""}.fa-house-laptop,.fa-laptop-house{--fa:""}.fa-lungs-virus{--fa:""}.fa-people-arrows,.fa-people-arrows-left-right{--fa:""}.fa-plane-slash{--fa:""}.fa-pump-medical{--fa:""}.fa-pump-soap{--fa:""}.fa-shield-virus{--fa:""}.fa-sink{--fa:""}.fa-soap{--fa:""}.fa-stopwatch-20{--fa:""}.fa-shop-slash,.fa-store-alt-slash{--fa:""}.fa-store-slash{--fa:""}.fa-toilet-paper-slash{--fa:""}.fa-users-slash{--fa:""}.fa-virus{--fa:""}.fa-virus-slash{--fa:""}.fa-viruses{--fa:""}.fa-vest{--fa:""}.fa-vest-patches{--fa:""}.fa-arrow-trend-down{--fa:""}.fa-arrow-trend-up{--fa:""}.fa-arrow-up-from-bracket{--fa:""}.fa-austral-sign{--fa:""}.fa-baht-sign{--fa:""}.fa-bitcoin-sign{--fa:""}.fa-bolt-lightning{--fa:""}.fa-book-bookmark{--fa:""}.fa-camera-rotate{--fa:""}.fa-cedi-sign{--fa:""}.fa-chart-column{--fa:""}.fa-chart-gantt{--fa:""}.fa-clapperboard{--fa:""}.fa-closed-captioning-slash{--fa:""}.fa-clover{--fa:""}.fa-code-compare{--fa:""}.fa-code-fork{--fa:""}.fa-code-pull-request{--fa:""}.fa-colon-sign{--fa:""}.fa-cruzeiro-sign{--fa:""}.fa-display{--fa:""}.fa-dong-sign{--fa:""}.fa-elevator{--fa:""}.fa-filter-circle-xmark{--fa:""}.fa-florin-sign{--fa:""}.fa-folder-closed{--fa:""}.fa-franc-sign{--fa:""}.fa-guarani-sign{--fa:""}.fa-gun{--fa:""}.fa-hands-clapping{--fa:""}.fa-home-user,.fa-house-user{--fa:""}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:""}.fa-kip-sign{--fa:""}.fa-lari-sign{--fa:""}.fa-litecoin-sign{--fa:""}.fa-manat-sign{--fa:""}.fa-mask-face{--fa:""}.fa-mill-sign{--fa:""}.fa-money-bills{--fa:""}.fa-naira-sign{--fa:""}.fa-notdef{--fa:""}.fa-panorama{--fa:""}.fa-peseta-sign{--fa:""}.fa-peso-sign{--fa:""}.fa-plane-up{--fa:""}.fa-rupiah-sign{--fa:""}.fa-stairs{--fa:""}.fa-timeline{--fa:""}.fa-truck-front{--fa:""}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:""}.fa-vault{--fa:""}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:""}.fa-wheat-alt,.fa-wheat-awn{--fa:""}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:""}.fa-bangladeshi-taka-sign{--fa:""}.fa-bowl-rice{--fa:""}.fa-person-pregnant{--fa:""}.fa-home-lg,.fa-house-chimney{--fa:""}.fa-house-crack{--fa:""}.fa-house-medical{--fa:""}.fa-cent-sign{--fa:""}.fa-plus-minus{--fa:""}.fa-sailboat{--fa:""}.fa-section{--fa:""}.fa-shrimp{--fa:""}.fa-brazilian-real-sign{--fa:""}.fa-chart-simple{--fa:""}.fa-diagram-next{--fa:""}.fa-diagram-predecessor{--fa:""}.fa-diagram-successor{--fa:""}.fa-earth-oceania,.fa-globe-oceania{--fa:""}.fa-bug-slash{--fa:""}.fa-file-circle-plus{--fa:""}.fa-shop-lock{--fa:""}.fa-virus-covid{--fa:""}.fa-virus-covid-slash{--fa:""}.fa-anchor-circle-check{--fa:""}.fa-anchor-circle-exclamation{--fa:""}.fa-anchor-circle-xmark{--fa:""}.fa-anchor-lock{--fa:""}.fa-arrow-down-up-across-line{--fa:""}.fa-arrow-down-up-lock{--fa:""}.fa-arrow-right-to-city{--fa:""}.fa-arrow-up-from-ground-water{--fa:""}.fa-arrow-up-from-water-pump{--fa:""}.fa-arrow-up-right-dots{--fa:""}.fa-arrows-down-to-line{--fa:""}.fa-arrows-down-to-people{--fa:""}.fa-arrows-left-right-to-line{--fa:""}.fa-arrows-spin{--fa:""}.fa-arrows-split-up-and-left{--fa:""}.fa-arrows-to-circle{--fa:""}.fa-arrows-to-dot{--fa:""}.fa-arrows-to-eye{--fa:""}.fa-arrows-turn-right{--fa:""}.fa-arrows-turn-to-dots{--fa:""}.fa-arrows-up-to-line{--fa:""}.fa-bore-hole{--fa:""}.fa-bottle-droplet{--fa:""}.fa-bottle-water{--fa:""}.fa-bowl-food{--fa:""}.fa-boxes-packing{--fa:""}.fa-bridge{--fa:""}.fa-bridge-circle-check{--fa:""}.fa-bridge-circle-exclamation{--fa:""}.fa-bridge-circle-xmark{--fa:""}.fa-bridge-lock{--fa:""}.fa-bridge-water{--fa:""}.fa-bucket{--fa:""}.fa-bugs{--fa:""}.fa-building-circle-arrow-right{--fa:""}.fa-building-circle-check{--fa:""}.fa-building-circle-exclamation{--fa:""}.fa-building-circle-xmark{--fa:""}.fa-building-flag{--fa:""}.fa-building-lock{--fa:""}.fa-building-ngo{--fa:""}.fa-building-shield{--fa:""}.fa-building-un{--fa:""}.fa-building-user{--fa:""}.fa-building-wheat{--fa:""}.fa-burst{--fa:""}.fa-car-on{--fa:""}.fa-car-tunnel{--fa:""}.fa-child-combatant,.fa-child-rifle{--fa:""}.fa-children{--fa:""}.fa-circle-nodes{--fa:""}.fa-clipboard-question{--fa:""}.fa-cloud-showers-water{--fa:""}.fa-computer{--fa:""}.fa-cubes-stacked{--fa:""}.fa-envelope-circle-check{--fa:""}.fa-explosion{--fa:""}.fa-ferry{--fa:""}.fa-file-circle-exclamation{--fa:""}.fa-file-circle-minus{--fa:""}.fa-file-circle-question{--fa:""}.fa-file-shield{--fa:""}.fa-fire-burner{--fa:""}.fa-fish-fins{--fa:""}.fa-flask-vial{--fa:""}.fa-glass-water{--fa:""}.fa-glass-water-droplet{--fa:""}.fa-group-arrows-rotate{--fa:""}.fa-hand-holding-hand{--fa:""}.fa-handcuffs{--fa:""}.fa-hands-bound{--fa:""}.fa-hands-holding-child{--fa:""}.fa-hands-holding-circle{--fa:""}.fa-heart-circle-bolt{--fa:""}.fa-heart-circle-check{--fa:""}.fa-heart-circle-exclamation{--fa:""}.fa-heart-circle-minus{--fa:""}.fa-heart-circle-plus{--fa:""}.fa-heart-circle-xmark{--fa:""}.fa-helicopter-symbol{--fa:""}.fa-helmet-un{--fa:""}.fa-hill-avalanche{--fa:""}.fa-hill-rockslide{--fa:""}.fa-house-circle-check{--fa:""}.fa-house-circle-exclamation{--fa:""}.fa-house-circle-xmark{--fa:""}.fa-house-fire{--fa:""}.fa-house-flag{--fa:""}.fa-house-flood-water{--fa:""}.fa-house-flood-water-circle-arrow-right{--fa:""}.fa-house-lock{--fa:""}.fa-house-medical-circle-check{--fa:""}.fa-house-medical-circle-exclamation{--fa:""}.fa-house-medical-circle-xmark{--fa:""}.fa-house-medical-flag{--fa:""}.fa-house-tsunami{--fa:""}.fa-jar{--fa:""}.fa-jar-wheat{--fa:""}.fa-jet-fighter-up{--fa:""}.fa-jug-detergent{--fa:""}.fa-kitchen-set{--fa:""}.fa-land-mine-on{--fa:""}.fa-landmark-flag{--fa:""}.fa-laptop-file{--fa:""}.fa-lines-leaning{--fa:""}.fa-location-pin-lock{--fa:""}.fa-locust{--fa:""}.fa-magnifying-glass-arrow-right{--fa:""}.fa-magnifying-glass-chart{--fa:""}.fa-mars-and-venus-burst{--fa:""}.fa-mask-ventilator{--fa:""}.fa-mattress-pillow{--fa:""}.fa-mobile-retro{--fa:""}.fa-money-bill-transfer{--fa:""}.fa-money-bill-trend-up{--fa:""}.fa-money-bill-wheat{--fa:""}.fa-mosquito{--fa:""}.fa-mosquito-net{--fa:""}.fa-mound{--fa:""}.fa-mountain-city{--fa:""}.fa-mountain-sun{--fa:""}.fa-oil-well{--fa:""}.fa-people-group{--fa:""}.fa-people-line{--fa:""}.fa-people-pulling{--fa:""}.fa-people-robbery{--fa:""}.fa-people-roof{--fa:""}.fa-person-arrow-down-to-line{--fa:""}.fa-person-arrow-up-from-line{--fa:""}.fa-person-breastfeeding{--fa:""}.fa-person-burst{--fa:""}.fa-person-cane{--fa:""}.fa-person-chalkboard{--fa:""}.fa-person-circle-check{--fa:""}.fa-person-circle-exclamation{--fa:""}.fa-person-circle-minus{--fa:""}.fa-person-circle-plus{--fa:""}.fa-person-circle-question{--fa:""}.fa-person-circle-xmark{--fa:""}.fa-person-dress-burst{--fa:""}.fa-person-drowning{--fa:""}.fa-person-falling{--fa:""}.fa-person-falling-burst{--fa:""}.fa-person-half-dress{--fa:""}.fa-person-harassing{--fa:""}.fa-person-military-pointing{--fa:""}.fa-person-military-rifle{--fa:""}.fa-person-military-to-person{--fa:""}.fa-person-rays{--fa:""}.fa-person-rifle{--fa:""}.fa-person-shelter{--fa:""}.fa-person-walking-arrow-loop-left{--fa:""}.fa-person-walking-arrow-right{--fa:""}.fa-person-walking-dashed-line-arrow-right{--fa:""}.fa-person-walking-luggage{--fa:""}.fa-plane-circle-check{--fa:""}.fa-plane-circle-exclamation{--fa:""}.fa-plane-circle-xmark{--fa:""}.fa-plane-lock{--fa:""}.fa-plate-wheat{--fa:""}.fa-plug-circle-bolt{--fa:""}.fa-plug-circle-check{--fa:""}.fa-plug-circle-exclamation{--fa:""}.fa-plug-circle-minus{--fa:""}.fa-plug-circle-plus{--fa:""}.fa-plug-circle-xmark{--fa:""}.fa-ranking-star{--fa:""}.fa-road-barrier{--fa:""}.fa-road-bridge{--fa:""}.fa-road-circle-check{--fa:""}.fa-road-circle-exclamation{--fa:""}.fa-road-circle-xmark{--fa:""}.fa-road-lock{--fa:""}.fa-road-spikes{--fa:""}.fa-rug{--fa:""}.fa-sack-xmark{--fa:""}.fa-school-circle-check{--fa:""}.fa-school-circle-exclamation{--fa:""}.fa-school-circle-xmark{--fa:""}.fa-school-flag{--fa:""}.fa-school-lock{--fa:""}.fa-sheet-plastic{--fa:""}.fa-shield-cat{--fa:""}.fa-shield-dog{--fa:""}.fa-shield-heart{--fa:""}.fa-square-nfi{--fa:""}.fa-square-person-confined{--fa:""}.fa-square-virus{--fa:""}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:""}.fa-sun-plant-wilt{--fa:""}.fa-tarp{--fa:""}.fa-tarp-droplet{--fa:""}.fa-tent{--fa:""}.fa-tent-arrow-down-to-line{--fa:""}.fa-tent-arrow-left-right{--fa:""}.fa-tent-arrow-turn-left{--fa:""}.fa-tent-arrows-down{--fa:""}.fa-tents{--fa:""}.fa-toilet-portable{--fa:""}.fa-toilets-portable{--fa:""}.fa-tower-cell{--fa:""}.fa-tower-observation{--fa:""}.fa-tree-city{--fa:""}.fa-trowel{--fa:""}.fa-trowel-bricks{--fa:""}.fa-truck-arrow-right{--fa:""}.fa-truck-droplet{--fa:""}.fa-truck-field{--fa:""}.fa-truck-field-un{--fa:""}.fa-truck-plane{--fa:""}.fa-users-between-lines{--fa:""}.fa-users-line{--fa:""}.fa-users-rays{--fa:""}.fa-users-rectangle{--fa:""}.fa-users-viewfinder{--fa:""}.fa-vial-circle-check{--fa:""}.fa-vial-virus{--fa:""}.fa-wheat-awn-circle-exclamation{--fa:""}.fa-worm{--fa:""}.fa-xmarks-lines{--fa:""}.fa-child-dress{--fa:""}.fa-child-reaching{--fa:""}.fa-file-circle-check{--fa:""}.fa-file-circle-xmark{--fa:""}.fa-person-through-window{--fa:""}.fa-plant-wilt{--fa:""}.fa-stapler{--fa:""}.fa-train-tram{--fa:""}.fa-table-cells-column-lock{--fa:""}.fa-table-cells-row-lock{--fa:""}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:""}.fa-table-cells-row-unlock{--fa:""}.fa-chart-diagram{--fa:""}.fa-comment-nodes{--fa:""}.fa-file-fragment{--fa:""}.fa-file-half-dashed{--fa:""}.fa-hexagon-nodes{--fa:""}.fa-hexagon-nodes-bolt{--fa:""}.fa-square-binary{--fa:""}.fa-pentagon{--fa:""}.fa-non-binary{--fa:""}.fa-spiral{--fa:""}.fa-picture-in-picture{--fa:""}.fa-mobile-vibrate{--fa:""}.fa-single-quote-left{--fa:""}.fa-single-quote-right{--fa:""}.fa-bus-side{--fa:""}.fa-heptagon,.fa-septagon{--fa:""}.fa-aquarius{--fa:""}.fa-aries{--fa:""}.fa-cancer{--fa:""}.fa-capricorn{--fa:""}.fa-gemini{--fa:""}.fa-leo{--fa:""}.fa-libra{--fa:""}.fa-pisces{--fa:""}.fa-sagittarius{--fa:""}.fa-scorpio{--fa:""}.fa-taurus{--fa:""}.fa-virgo{--fa:""}.fa-glass-martini,.fa-martini-glass-empty{--fa:""}.fa-music{--fa:""}.fa-magnifying-glass,.fa-search{--fa:""}.fa-heart{--fa:""}.fa-star{--fa:""}.fa-user,.fa-user-alt,.fa-user-large{--fa:""}.fa-film,.fa-film-alt,.fa-film-simple{--fa:""}.fa-table-cells-large,.fa-th-large{--fa:""}.fa-table-cells,.fa-th{--fa:""}.fa-table-list,.fa-th-list{--fa:""}.fa-check{--fa:""}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:""}.fa-magnifying-glass-plus,.fa-search-plus{--fa:""}.fa-magnifying-glass-minus,.fa-search-minus{--fa:""}.fa-power-off{--fa:""}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:""}.fa-cog,.fa-gear{--fa:""}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:""}.fa-clock,.fa-clock-four{--fa:""}.fa-road{--fa:""}.fa-download{--fa:""}.fa-inbox{--fa:""}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:""}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:""}.fa-list-alt,.fa-rectangle-list{--fa:""}.fa-lock{--fa:""}.fa-flag{--fa:""}.fa-headphones,.fa-headphones-alt,.fa-headphones-simple{--fa:""}.fa-volume-off{--fa:""}.fa-volume-down,.fa-volume-low{--fa:""}.fa-volume-high,.fa-volume-up{--fa:""}.fa-qrcode{--fa:""}.fa-barcode{--fa:""}.fa-tag{--fa:""}.fa-tags{--fa:""}.fa-book{--fa:""}.fa-bookmark{--fa:""}.fa-print{--fa:""}.fa-camera,.fa-camera-alt{--fa:""}.fa-font{--fa:""}.fa-bold{--fa:""}.fa-italic{--fa:""}.fa-text-height{--fa:""}.fa-text-width{--fa:""}.fa-align-left{--fa:""}.fa-align-center{--fa:""}.fa-align-right{--fa:""}.fa-align-justify{--fa:""}.fa-list,.fa-list-squares{--fa:""}.fa-dedent,.fa-outdent{--fa:""}.fa-indent{--fa:""}.fa-video,.fa-video-camera{--fa:""}.fa-image{--fa:""}.fa-location-pin,.fa-map-marker{--fa:""}.fa-adjust,.fa-circle-half-stroke{--fa:""}.fa-droplet,.fa-tint{--fa:""}.fa-edit,.fa-pen-to-square{--fa:""}.fa-arrows,.fa-arrows-up-down-left-right{--fa:""}.fa-backward-step,.fa-step-backward{--fa:""}.fa-backward-fast,.fa-fast-backward{--fa:""}.fa-backward{--fa:""}.fa-play{--fa:""}.fa-pause{--fa:""}.fa-stop{--fa:""}.fa-forward{--fa:""}.fa-fast-forward,.fa-forward-fast{--fa:""}.fa-forward-step,.fa-step-forward{--fa:""}.fa-eject{--fa:""}.fa-chevron-left{--fa:""}.fa-chevron-right{--fa:""}.fa-circle-plus,.fa-plus-circle{--fa:""}.fa-circle-minus,.fa-minus-circle{--fa:""}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:""}.fa-check-circle,.fa-circle-check{--fa:""}.fa-circle-question,.fa-question-circle{--fa:""}.fa-circle-info,.fa-info-circle{--fa:""}.fa-crosshairs{--fa:""}.fa-ban,.fa-cancel{--fa:""}.fa-arrow-left{--fa:""}.fa-arrow-right{--fa:""}.fa-arrow-up{--fa:""}.fa-arrow-down{--fa:""}.fa-mail-forward,.fa-share{--fa:""}.fa-expand{--fa:""}.fa-compress{--fa:""}.fa-minus,.fa-subtract{--fa:""}.fa-circle-exclamation,.fa-exclamation-circle{--fa:""}.fa-gift{--fa:""}.fa-leaf{--fa:""}.fa-fire{--fa:""}.fa-eye{--fa:""}.fa-eye-slash{--fa:""}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:""}.fa-plane{--fa:""}.fa-calendar-alt,.fa-calendar-days{--fa:""}.fa-random,.fa-shuffle{--fa:""}.fa-comment{--fa:""}.fa-magnet{--fa:""}.fa-chevron-up{--fa:""}.fa-chevron-down{--fa:""}.fa-retweet{--fa:""}.fa-cart-shopping,.fa-shopping-cart{--fa:""}.fa-folder,.fa-folder-blank{--fa:""}.fa-folder-open{--fa:""}.fa-arrows-up-down,.fa-arrows-v{--fa:""}.fa-arrows-h,.fa-arrows-left-right{--fa:""}.fa-bar-chart,.fa-chart-bar{--fa:""}.fa-camera-retro{--fa:""}.fa-key{--fa:""}.fa-cogs,.fa-gears{--fa:""}.fa-comments{--fa:""}.fa-star-half{--fa:""}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:""}.fa-thumb-tack,.fa-thumbtack{--fa:""}.fa-arrow-up-right-from-square,.fa-external-link{--fa:""}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:""}.fa-trophy{--fa:""}.fa-upload{--fa:""}.fa-lemon{--fa:""}.fa-phone{--fa:""}.fa-phone-square,.fa-square-phone{--fa:""}.fa-unlock{--fa:""}.fa-credit-card,.fa-credit-card-alt{--fa:""}.fa-feed,.fa-rss{--fa:""}.fa-hard-drive,.fa-hdd{--fa:""}.fa-bullhorn{--fa:""}.fa-certificate{--fa:""}.fa-hand-point-right{--fa:""}.fa-hand-point-left{--fa:""}.fa-hand-point-up{--fa:""}.fa-hand-point-down{--fa:""}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:""}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:""}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:""}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:""}.fa-globe{--fa:""}.fa-wrench{--fa:""}.fa-list-check,.fa-tasks{--fa:""}.fa-filter{--fa:""}.fa-briefcase{--fa:""}.fa-arrows-alt,.fa-up-down-left-right{--fa:""}.fa-users{--fa:""}.fa-chain,.fa-link{--fa:""}.fa-cloud{--fa:""}.fa-flask{--fa:""}.fa-cut,.fa-scissors{--fa:""}.fa-copy{--fa:""}.fa-paperclip{--fa:""}.fa-floppy-disk,.fa-save{--fa:""}.fa-square{--fa:""}.fa-bars,.fa-navicon{--fa:""}.fa-list-dots,.fa-list-ul{--fa:""}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:""}.fa-strikethrough{--fa:""}.fa-underline{--fa:""}.fa-table{--fa:""}.fa-magic,.fa-wand-magic{--fa:""}.fa-truck{--fa:""}.fa-money-bill{--fa:""}.fa-caret-down{--fa:""}.fa-caret-up{--fa:""}.fa-caret-left{--fa:""}.fa-caret-right{--fa:""}.fa-columns,.fa-table-columns{--fa:""}.fa-sort,.fa-unsorted{--fa:""}.fa-sort-desc,.fa-sort-down{--fa:""}.fa-sort-asc,.fa-sort-up{--fa:""}.fa-envelope{--fa:""}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:""}.fa-gavel,.fa-legal{--fa:""}.fa-bolt,.fa-zap{--fa:""}.fa-sitemap{--fa:""}.fa-umbrella{--fa:""}.fa-file-clipboard,.fa-paste{--fa:""}.fa-lightbulb{--fa:""}.fa-arrow-right-arrow-left,.fa-exchange{--fa:""}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:""}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:""}.fa-user-doctor,.fa-user-md{--fa:""}.fa-stethoscope{--fa:""}.fa-suitcase{--fa:""}.fa-bell{--fa:""}.fa-coffee,.fa-mug-saucer{--fa:""}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:""}.fa-ambulance,.fa-truck-medical{--fa:""}.fa-medkit,.fa-suitcase-medical{--fa:""}.fa-fighter-jet,.fa-jet-fighter{--fa:""}.fa-beer,.fa-beer-mug-empty{--fa:""}.fa-h-square,.fa-square-h{--fa:""}.fa-plus-square,.fa-square-plus{--fa:""}.fa-angle-double-left,.fa-angles-left{--fa:""}.fa-angle-double-right,.fa-angles-right{--fa:""}.fa-angle-double-up,.fa-angles-up{--fa:""}.fa-angle-double-down,.fa-angles-down{--fa:""}.fa-angle-left{--fa:""}.fa-angle-right{--fa:""}.fa-angle-up{--fa:""}.fa-angle-down{--fa:""}.fa-laptop{--fa:""}.fa-tablet-button{--fa:""}.fa-mobile-button{--fa:""}.fa-quote-left,.fa-quote-left-alt{--fa:""}.fa-quote-right,.fa-quote-right-alt{--fa:""}.fa-spinner{--fa:""}.fa-circle{--fa:""}.fa-face-smile,.fa-smile{--fa:""}.fa-face-frown,.fa-frown{--fa:""}.fa-face-meh,.fa-meh{--fa:""}.fa-gamepad{--fa:""}.fa-keyboard{--fa:""}.fa-flag-checkered{--fa:""}.fa-terminal{--fa:""}.fa-code{--fa:""}.fa-mail-reply-all,.fa-reply-all{--fa:""}.fa-location-arrow{--fa:""}.fa-crop{--fa:""}.fa-code-branch{--fa:""}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:""}.fa-info{--fa:""}.fa-superscript{--fa:""}.fa-subscript{--fa:""}.fa-eraser{--fa:""}.fa-puzzle-piece{--fa:""}.fa-microphone{--fa:""}.fa-microphone-slash{--fa:""}.fa-shield,.fa-shield-blank{--fa:""}.fa-calendar{--fa:""}.fa-fire-extinguisher{--fa:""}.fa-rocket{--fa:""}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:""}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:""}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:""}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:""}.fa-anchor{--fa:""}.fa-unlock-alt,.fa-unlock-keyhole{--fa:""}.fa-bullseye{--fa:""}.fa-ellipsis,.fa-ellipsis-h{--fa:""}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:""}.fa-rss-square,.fa-square-rss{--fa:""}.fa-circle-play,.fa-play-circle{--fa:""}.fa-ticket{--fa:""}.fa-minus-square,.fa-square-minus{--fa:""}.fa-arrow-turn-up,.fa-level-up{--fa:""}.fa-arrow-turn-down,.fa-level-down{--fa:""}.fa-check-square,.fa-square-check{--fa:""}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:""}.fa-external-link-square,.fa-square-arrow-up-right{--fa:""}.fa-share-from-square,.fa-share-square{--fa:""}.fa-compass{--fa:""}.fa-caret-square-down,.fa-square-caret-down{--fa:""}.fa-caret-square-up,.fa-square-caret-up{--fa:""}.fa-caret-square-right,.fa-square-caret-right{--fa:""}.fa-eur,.fa-euro,.fa-euro-sign{--fa:""}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:""}.fa-rupee,.fa-rupee-sign{--fa:""}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:""}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:""}.fa-krw,.fa-won,.fa-won-sign{--fa:""}.fa-file{--fa:""}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:""}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:""}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:""}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:""}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:""}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:""}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:""}.fa-thumbs-up{--fa:""}.fa-thumbs-down{--fa:""}.fa-arrow-down-long,.fa-long-arrow-down{--fa:""}.fa-arrow-up-long,.fa-long-arrow-up{--fa:""}.fa-arrow-left-long,.fa-long-arrow-left{--fa:""}.fa-arrow-right-long,.fa-long-arrow-right{--fa:""}.fa-female,.fa-person-dress{--fa:""}.fa-male,.fa-person{--fa:""}.fa-sun{--fa:""}.fa-moon{--fa:""}.fa-archive,.fa-box-archive{--fa:""}.fa-bug{--fa:""}.fa-caret-square-left,.fa-square-caret-left{--fa:""}.fa-circle-dot,.fa-dot-circle{--fa:""}.fa-wheelchair{--fa:""}.fa-lira-sign{--fa:""}.fa-shuttle-space,.fa-space-shuttle{--fa:""}.fa-envelope-square,.fa-square-envelope{--fa:""}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:""}.fa-graduation-cap,.fa-mortar-board{--fa:""}.fa-language{--fa:""}.fa-fax{--fa:""}.fa-building{--fa:""}.fa-child{--fa:""}.fa-paw{--fa:""}.fa-cube{--fa:""}.fa-cubes{--fa:""}.fa-recycle{--fa:""}.fa-automobile,.fa-car{--fa:""}.fa-cab,.fa-taxi{--fa:""}.fa-tree{--fa:""}.fa-database{--fa:""}.fa-file-pdf{--fa:""}.fa-file-word{--fa:""}.fa-file-excel{--fa:""}.fa-file-powerpoint{--fa:""}.fa-file-image{--fa:""}.fa-file-archive,.fa-file-zipper{--fa:""}.fa-file-audio{--fa:""}.fa-file-video{--fa:""}.fa-file-code{--fa:""}.fa-life-ring{--fa:""}.fa-circle-notch{--fa:""}.fa-paper-plane{--fa:""}.fa-clock-rotate-left,.fa-history{--fa:""}.fa-header,.fa-heading{--fa:""}.fa-paragraph{--fa:""}.fa-sliders,.fa-sliders-h{--fa:""}.fa-share-alt,.fa-share-nodes{--fa:""}.fa-share-alt-square,.fa-square-share-nodes{--fa:""}.fa-bomb{--fa:""}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:""}.fa-teletype,.fa-tty{--fa:""}.fa-binoculars{--fa:""}.fa-plug{--fa:""}.fa-newspaper{--fa:""}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:""}.fa-calculator{--fa:""}.fa-bell-slash{--fa:""}.fa-trash{--fa:""}.fa-copyright{--fa:""}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:""}.fa-paint-brush,.fa-paintbrush{--fa:""}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:""}.fa-area-chart,.fa-chart-area{--fa:""}.fa-chart-pie,.fa-pie-chart{--fa:""}.fa-chart-line,.fa-line-chart{--fa:""}.fa-toggle-off{--fa:""}.fa-toggle-on{--fa:""}.fa-bicycle{--fa:""}.fa-bus{--fa:""}.fa-closed-captioning{--fa:""}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:""}.fa-cart-plus{--fa:""}.fa-cart-arrow-down{--fa:""}.fa-diamond{--fa:""}.fa-ship{--fa:""}.fa-user-secret{--fa:""}.fa-motorcycle{--fa:""}.fa-street-view{--fa:""}.fa-heart-pulse,.fa-heartbeat{--fa:""}.fa-venus{--fa:""}.fa-mars{--fa:""}.fa-mercury{--fa:""}.fa-mars-and-venus{--fa:""}.fa-transgender,.fa-transgender-alt{--fa:""}.fa-venus-double{--fa:""}.fa-mars-double{--fa:""}.fa-venus-mars{--fa:""}.fa-mars-stroke{--fa:""}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:""}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:""}.fa-neuter{--fa:""}.fa-genderless{--fa:""}.fa-server{--fa:""}.fa-user-plus{--fa:""}.fa-user-times,.fa-user-xmark{--fa:""}.fa-bed{--fa:""}.fa-train{--fa:""}.fa-subway,.fa-train-subway{--fa:""}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:""}.fa-battery-4,.fa-battery-three-quarters{--fa:""}.fa-battery-3,.fa-battery-half{--fa:""}.fa-battery-2,.fa-battery-quarter{--fa:""}.fa-battery-0,.fa-battery-empty{--fa:""}.fa-arrow-pointer,.fa-mouse-pointer{--fa:""}.fa-i-cursor{--fa:""}.fa-object-group{--fa:""}.fa-object-ungroup{--fa:""}.fa-note-sticky,.fa-sticky-note{--fa:""}.fa-clone{--fa:""}.fa-balance-scale,.fa-scale-balanced{--fa:""}.fa-hourglass-1,.fa-hourglass-start{--fa:""}.fa-hourglass-2,.fa-hourglass-half{--fa:""}.fa-hourglass-3,.fa-hourglass-end{--fa:""}.fa-hourglass,.fa-hourglass-empty{--fa:""}.fa-hand-back-fist,.fa-hand-rock{--fa:""}.fa-hand,.fa-hand-paper{--fa:""}.fa-hand-scissors{--fa:""}.fa-hand-lizard{--fa:""}.fa-hand-spock{--fa:""}.fa-hand-pointer{--fa:""}.fa-hand-peace{--fa:""}.fa-trademark{--fa:""}.fa-registered{--fa:""}.fa-television,.fa-tv,.fa-tv-alt{--fa:""}.fa-calendar-plus{--fa:""}.fa-calendar-minus{--fa:""}.fa-calendar-times,.fa-calendar-xmark{--fa:""}.fa-calendar-check{--fa:""}.fa-industry{--fa:""}.fa-map-pin{--fa:""}.fa-map-signs,.fa-signs-post{--fa:""}.fa-map{--fa:""}.fa-comment-alt,.fa-message{--fa:""}.fa-circle-pause,.fa-pause-circle{--fa:""}.fa-circle-stop,.fa-stop-circle{--fa:""}.fa-bag-shopping,.fa-shopping-bag{--fa:""}.fa-basket-shopping,.fa-shopping-basket{--fa:""}.fa-universal-access{--fa:""}.fa-blind,.fa-person-walking-with-cane{--fa:""}.fa-audio-description{--fa:""}.fa-phone-volume,.fa-volume-control-phone{--fa:""}.fa-braille{--fa:""}.fa-assistive-listening-systems,.fa-ear-listen{--fa:""}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:""}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:""}.fa-hands,.fa-sign-language,.fa-signing{--fa:""}.fa-eye-low-vision,.fa-low-vision{--fa:""}.fa-handshake,.fa-handshake-alt,.fa-handshake-simple{--fa:""}.fa-envelope-open{--fa:""}.fa-address-book,.fa-contact-book{--fa:""}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:""}.fa-circle-user,.fa-user-circle{--fa:""}.fa-id-badge{--fa:""}.fa-drivers-license,.fa-id-card{--fa:""}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:""}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:""}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:""}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:""}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:""}.fa-shower{--fa:""}.fa-bath,.fa-bathtub{--fa:""}.fa-podcast{--fa:""}.fa-window-maximize{--fa:""}.fa-window-minimize{--fa:""}.fa-window-restore{--fa:""}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:""}.fa-microchip{--fa:""}.fa-snowflake{--fa:""}.fa-spoon,.fa-utensil-spoon{--fa:""}.fa-cutlery,.fa-utensils{--fa:""}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:""}.fa-trash-alt,.fa-trash-can{--fa:""}.fa-rotate,.fa-sync-alt{--fa:""}.fa-stopwatch{--fa:""}.fa-right-from-bracket,.fa-sign-out-alt{--fa:""}.fa-right-to-bracket,.fa-sign-in-alt{--fa:""}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:""}.fa-poo{--fa:""}.fa-images{--fa:""}.fa-pencil,.fa-pencil-alt{--fa:""}.fa-pen{--fa:""}.fa-pen-alt,.fa-pen-clip{--fa:""}.fa-octagon{--fa:""}.fa-down-long,.fa-long-arrow-alt-down{--fa:""}.fa-left-long,.fa-long-arrow-alt-left{--fa:""}.fa-long-arrow-alt-right,.fa-right-long{--fa:""}.fa-long-arrow-alt-up,.fa-up-long{--fa:""}.fa-hexagon{--fa:""}.fa-file-edit,.fa-file-pen{--fa:""}.fa-expand-arrows-alt,.fa-maximize{--fa:""}.fa-clipboard{--fa:""}.fa-arrows-alt-h,.fa-left-right{--fa:""}.fa-arrows-alt-v,.fa-up-down{--fa:""}.fa-alarm-clock{--fa:""}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:""}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:""}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:""}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:""}.fa-external-link-alt,.fa-up-right-from-square{--fa:""}.fa-external-link-square-alt,.fa-square-up-right{--fa:""}.fa-exchange-alt,.fa-right-left{--fa:""}.fa-repeat{--fa:""}.fa-code-commit{--fa:""}.fa-code-merge{--fa:""}.fa-desktop,.fa-desktop-alt{--fa:""}.fa-gem{--fa:""}.fa-level-down-alt,.fa-turn-down{--fa:""}.fa-level-up-alt,.fa-turn-up{--fa:""}.fa-lock-open{--fa:""}.fa-location-dot,.fa-map-marker-alt{--fa:""}.fa-microphone-alt,.fa-microphone-lines{--fa:""}.fa-mobile-alt,.fa-mobile-screen-button{--fa:""}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:""}.fa-mobile-android-alt,.fa-mobile-screen{--fa:""}.fa-money-bill-1,.fa-money-bill-alt{--fa:""}.fa-phone-slash{--fa:""}.fa-image-portrait,.fa-portrait{--fa:""}.fa-mail-reply,.fa-reply{--fa:""}.fa-shield-alt,.fa-shield-halved{--fa:""}.fa-tablet-alt,.fa-tablet-screen-button{--fa:""}.fa-tablet,.fa-tablet-android{--fa:""}.fa-ticket-alt,.fa-ticket-simple{--fa:""}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:""}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:""}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:""}.fa-baseball-bat-ball{--fa:""}.fa-baseball,.fa-baseball-ball{--fa:""}.fa-basketball,.fa-basketball-ball{--fa:""}.fa-bowling-ball{--fa:""}.fa-chess{--fa:""}.fa-chess-bishop{--fa:""}.fa-chess-board{--fa:""}.fa-chess-king{--fa:""}.fa-chess-knight{--fa:""}.fa-chess-pawn{--fa:""}.fa-chess-queen{--fa:""}.fa-chess-rook{--fa:""}.fa-dumbbell{--fa:""}.fa-football,.fa-football-ball{--fa:""}.fa-golf-ball,.fa-golf-ball-tee{--fa:""}.fa-hockey-puck{--fa:""}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:""}.fa-square-full{--fa:""}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:""}.fa-volleyball,.fa-volleyball-ball{--fa:""}.fa-allergies,.fa-hand-dots{--fa:""}.fa-band-aid,.fa-bandage{--fa:""}.fa-box{--fa:""}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:""}.fa-briefcase-medical{--fa:""}.fa-burn,.fa-fire-flame-simple{--fa:""}.fa-capsules{--fa:""}.fa-clipboard-check{--fa:""}.fa-clipboard-list{--fa:""}.fa-diagnoses,.fa-person-dots-from-line{--fa:""}.fa-dna{--fa:""}.fa-dolly,.fa-dolly-box{--fa:""}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:""}.fa-file-medical{--fa:""}.fa-file-medical-alt,.fa-file-waveform{--fa:""}.fa-first-aid,.fa-kit-medical{--fa:""}.fa-circle-h,.fa-hospital-symbol{--fa:""}.fa-id-card-alt,.fa-id-card-clip{--fa:""}.fa-notes-medical{--fa:""}.fa-pallet{--fa:""}.fa-pills{--fa:""}.fa-prescription-bottle{--fa:""}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:""}.fa-bed-pulse,.fa-procedures{--fa:""}.fa-shipping-fast,.fa-truck-fast{--fa:""}.fa-smoking{--fa:""}.fa-syringe{--fa:""}.fa-tablets{--fa:""}.fa-thermometer{--fa:""}.fa-vial{--fa:""}.fa-vials{--fa:""}.fa-warehouse{--fa:""}.fa-weight,.fa-weight-scale{--fa:""}.fa-x-ray{--fa:""}.fa-box-open{--fa:""}.fa-comment-dots,.fa-commenting{--fa:""}.fa-comment-slash{--fa:""}.fa-couch{--fa:""}.fa-circle-dollar-to-slot,.fa-donate{--fa:""}.fa-dove{--fa:""}.fa-hand-holding{--fa:""}.fa-hand-holding-heart{--fa:""}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:""}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:""}.fa-hands-holding{--fa:""}.fa-hands-helping,.fa-handshake-angle{--fa:""}.fa-parachute-box{--fa:""}.fa-people-carry,.fa-people-carry-box{--fa:""}.fa-piggy-bank{--fa:""}.fa-ribbon{--fa:""}.fa-route{--fa:""}.fa-seedling,.fa-sprout{--fa:""}.fa-sign,.fa-sign-hanging{--fa:""}.fa-face-smile-wink,.fa-smile-wink{--fa:""}.fa-tape{--fa:""}.fa-truck-loading,.fa-truck-ramp-box{--fa:""}.fa-truck-moving{--fa:""}.fa-video-slash{--fa:""}.fa-wine-glass{--fa:""}.fa-user-astronaut{--fa:""}.fa-user-check{--fa:""}.fa-user-clock{--fa:""}.fa-user-cog,.fa-user-gear{--fa:""}.fa-user-edit,.fa-user-pen{--fa:""}.fa-user-friends,.fa-user-group{--fa:""}.fa-user-graduate{--fa:""}.fa-user-lock{--fa:""}.fa-user-minus{--fa:""}.fa-user-ninja{--fa:""}.fa-user-shield{--fa:""}.fa-user-alt-slash,.fa-user-large-slash,.fa-user-slash{--fa:""}.fa-user-tag{--fa:""}.fa-user-tie{--fa:""}.fa-users-cog,.fa-users-gear{--fa:""}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:""}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:""}.fa-blender{--fa:""}.fa-book-open{--fa:""}.fa-broadcast-tower,.fa-tower-broadcast{--fa:""}.fa-broom{--fa:""}.fa-blackboard,.fa-chalkboard{--fa:""}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:""}.fa-church{--fa:""}.fa-coins{--fa:""}.fa-compact-disc{--fa:""}.fa-crow{--fa:""}.fa-crown{--fa:""}.fa-dice{--fa:""}.fa-dice-five{--fa:""}.fa-dice-four{--fa:""}.fa-dice-one{--fa:""}.fa-dice-six{--fa:""}.fa-dice-three{--fa:""}.fa-dice-two{--fa:""}.fa-divide{--fa:""}.fa-door-closed{--fa:""}.fa-door-open{--fa:""}.fa-feather{--fa:""}.fa-frog{--fa:""}.fa-gas-pump{--fa:""}.fa-glasses{--fa:""}.fa-greater-than-equal{--fa:""}.fa-helicopter{--fa:""}.fa-infinity{--fa:""}.fa-kiwi-bird{--fa:""}.fa-less-than-equal{--fa:""}.fa-memory{--fa:""}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:""}.fa-money-bill-wave{--fa:""}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:""}.fa-money-check{--fa:""}.fa-money-check-alt,.fa-money-check-dollar{--fa:""}.fa-not-equal{--fa:""}.fa-palette{--fa:""}.fa-parking,.fa-square-parking{--fa:""}.fa-diagram-project,.fa-project-diagram{--fa:""}.fa-receipt{--fa:""}.fa-robot{--fa:""}.fa-ruler{--fa:""}.fa-ruler-combined{--fa:""}.fa-ruler-horizontal{--fa:""}.fa-ruler-vertical{--fa:""}.fa-school{--fa:""}.fa-screwdriver{--fa:""}.fa-shoe-prints{--fa:""}.fa-skull{--fa:""}.fa-ban-smoking,.fa-smoking-ban{--fa:""}.fa-store{--fa:""}.fa-shop,.fa-store-alt{--fa:""}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:""}.fa-stroopwafel{--fa:""}.fa-toolbox{--fa:""}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:""}.fa-person-walking,.fa-walking{--fa:""}.fa-wallet{--fa:""}.fa-angry,.fa-face-angry{--fa:""}.fa-archway{--fa:""}.fa-atlas,.fa-book-atlas{--fa:""}.fa-award{--fa:""}.fa-backspace,.fa-delete-left{--fa:""}.fa-bezier-curve{--fa:""}.fa-bong{--fa:""}.fa-brush{--fa:""}.fa-bus-alt,.fa-bus-simple{--fa:""}.fa-cannabis{--fa:""}.fa-check-double{--fa:""}.fa-cocktail,.fa-martini-glass-citrus{--fa:""}.fa-bell-concierge,.fa-concierge-bell{--fa:""}.fa-cookie{--fa:""}.fa-cookie-bite{--fa:""}.fa-crop-alt,.fa-crop-simple{--fa:""}.fa-digital-tachograph,.fa-tachograph-digital{--fa:""}.fa-dizzy,.fa-face-dizzy{--fa:""}.fa-compass-drafting,.fa-drafting-compass{--fa:""}.fa-drum{--fa:""}.fa-drum-steelpan{--fa:""}.fa-feather-alt,.fa-feather-pointed{--fa:""}.fa-file-contract{--fa:""}.fa-file-arrow-down,.fa-file-download{--fa:""}.fa-arrow-right-from-file,.fa-file-export{--fa:""}.fa-arrow-right-to-file,.fa-file-import{--fa:""}.fa-file-invoice{--fa:""}.fa-file-invoice-dollar{--fa:""}.fa-file-prescription{--fa:""}.fa-file-signature{--fa:""}.fa-file-arrow-up,.fa-file-upload{--fa:""}.fa-fill{--fa:""}.fa-fill-drip{--fa:""}.fa-fingerprint{--fa:""}.fa-fish{--fa:""}.fa-face-flushed,.fa-flushed{--fa:""}.fa-face-frown-open,.fa-frown-open{--fa:""}.fa-glass-martini-alt,.fa-martini-glass{--fa:""}.fa-earth-africa,.fa-globe-africa{--fa:""}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:""}.fa-earth-asia,.fa-globe-asia{--fa:""}.fa-face-grimace,.fa-grimace{--fa:""}.fa-face-grin,.fa-grin{--fa:""}.fa-face-grin-wide,.fa-grin-alt{--fa:""}.fa-face-grin-beam,.fa-grin-beam{--fa:""}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:""}.fa-face-grin-hearts,.fa-grin-hearts{--fa:""}.fa-face-grin-squint,.fa-grin-squint{--fa:""}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:""}.fa-face-grin-stars,.fa-grin-stars{--fa:""}.fa-face-grin-tears,.fa-grin-tears{--fa:""}.fa-face-grin-tongue,.fa-grin-tongue{--fa:""}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:""}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:""}.fa-face-grin-wink,.fa-grin-wink{--fa:""}.fa-grid-horizontal,.fa-grip,.fa-grip-horizontal{--fa:""}.fa-grid-vertical,.fa-grip-vertical{--fa:""}.fa-headset{--fa:""}.fa-highlighter{--fa:""}.fa-hot-tub,.fa-hot-tub-person{--fa:""}.fa-hotel{--fa:""}.fa-joint{--fa:""}.fa-face-kiss,.fa-kiss{--fa:""}.fa-face-kiss-beam,.fa-kiss-beam{--fa:""}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:""}.fa-face-laugh,.fa-laugh{--fa:""}.fa-face-laugh-beam,.fa-laugh-beam{--fa:""}.fa-face-laugh-squint,.fa-laugh-squint{--fa:""}.fa-face-laugh-wink,.fa-laugh-wink{--fa:""}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:""}.fa-map-location,.fa-map-marked{--fa:""}.fa-map-location-dot,.fa-map-marked-alt{--fa:""}.fa-marker{--fa:""}.fa-medal{--fa:""}.fa-face-meh-blank,.fa-meh-blank{--fa:""}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:""}.fa-monument{--fa:""}.fa-mortar-pestle{--fa:""}.fa-paint-roller{--fa:""}.fa-passport{--fa:""}.fa-pen-fancy{--fa:""}.fa-pen-nib{--fa:""}.fa-pen-ruler,.fa-pencil-ruler{--fa:""}.fa-plane-arrival{--fa:""}.fa-plane-departure{--fa:""}.fa-prescription{--fa:""}.fa-face-sad-cry,.fa-sad-cry{--fa:""}.fa-face-sad-tear,.fa-sad-tear{--fa:""}.fa-shuttle-van,.fa-van-shuttle{--fa:""}.fa-signature{--fa:""}.fa-face-smile-beam,.fa-smile-beam{--fa:""}.fa-solar-panel{--fa:""}.fa-spa{--fa:""}.fa-splotch{--fa:""}.fa-spray-can{--fa:""}.fa-stamp{--fa:""}.fa-star-half-alt,.fa-star-half-stroke{--fa:""}.fa-suitcase-rolling{--fa:""}.fa-face-surprise,.fa-surprise{--fa:""}.fa-swatchbook{--fa:""}.fa-person-swimming,.fa-swimmer{--fa:""}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:""}.fa-droplet-slash,.fa-tint-slash{--fa:""}.fa-face-tired,.fa-tired{--fa:""}.fa-tooth{--fa:""}.fa-umbrella-beach{--fa:""}.fa-weight-hanging{--fa:""}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:""}.fa-air-freshener,.fa-spray-can-sparkles{--fa:""}.fa-apple-alt,.fa-apple-whole{--fa:""}.fa-atom{--fa:""}.fa-bone{--fa:""}.fa-book-open-reader,.fa-book-reader{--fa:""}.fa-brain{--fa:""}.fa-car-alt,.fa-car-rear{--fa:""}.fa-battery-car,.fa-car-battery{--fa:""}.fa-car-burst,.fa-car-crash{--fa:""}.fa-car-side{--fa:""}.fa-charging-station{--fa:""}.fa-diamond-turn-right,.fa-directions{--fa:""}.fa-draw-polygon,.fa-vector-polygon{--fa:""}.fa-laptop-code{--fa:""}.fa-layer-group{--fa:""}.fa-location,.fa-location-crosshairs{--fa:""}.fa-lungs{--fa:""}.fa-microscope{--fa:""}.fa-oil-can{--fa:""}.fa-poop{--fa:""}.fa-shapes,.fa-triangle-circle-square{--fa:""}.fa-star-of-life{--fa:""}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:""}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:""}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:""}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:""}.fa-teeth{--fa:""}.fa-teeth-open{--fa:""}.fa-masks-theater,.fa-theater-masks{--fa:""}.fa-traffic-light{--fa:""}.fa-truck-monster{--fa:""}.fa-truck-pickup{--fa:""}.fa-ad,.fa-rectangle-ad{--fa:""}.fa-ankh{--fa:""}.fa-bible,.fa-book-bible{--fa:""}.fa-briefcase-clock,.fa-business-time{--fa:""}.fa-city{--fa:""}.fa-comment-dollar{--fa:""}.fa-comments-dollar{--fa:""}.fa-cross{--fa:""}.fa-dharmachakra{--fa:""}.fa-envelope-open-text{--fa:""}.fa-folder-minus{--fa:""}.fa-folder-plus{--fa:""}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:""}.fa-gopuram{--fa:""}.fa-hamsa{--fa:""}.fa-bahai,.fa-haykal{--fa:""}.fa-jedi{--fa:""}.fa-book-journal-whills,.fa-journal-whills{--fa:""}.fa-kaaba{--fa:""}.fa-khanda{--fa:""}.fa-landmark{--fa:""}.fa-envelopes-bulk,.fa-mail-bulk{--fa:""}.fa-menorah{--fa:""}.fa-mosque{--fa:""}.fa-om{--fa:""}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:""}.fa-peace{--fa:""}.fa-place-of-worship{--fa:""}.fa-poll,.fa-square-poll-vertical{--fa:""}.fa-poll-h,.fa-square-poll-horizontal{--fa:""}.fa-person-praying,.fa-pray{--fa:""}.fa-hands-praying,.fa-praying-hands{--fa:""}.fa-book-quran,.fa-quran{--fa:""}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:""}.fa-magnifying-glass-location,.fa-search-location{--fa:""}.fa-socks{--fa:""}.fa-square-root-alt,.fa-square-root-variable{--fa:""}.fa-star-and-crescent{--fa:""}.fa-star-of-david{--fa:""}.fa-synagogue{--fa:""}.fa-scroll-torah,.fa-torah{--fa:""}.fa-torii-gate{--fa:""}.fa-vihara{--fa:""}.fa-volume,.fa-volume-medium{--fa:""}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:""}.fa-yin-yang{--fa:""}.fa-blender-phone{--fa:""}.fa-book-dead,.fa-book-skull{--fa:""}.fa-campground{--fa:""}.fa-cat{--fa:""}.fa-chair{--fa:""}.fa-cloud-moon{--fa:""}.fa-cloud-sun{--fa:""}.fa-cow{--fa:""}.fa-dice-d20{--fa:""}.fa-dice-d6{--fa:""}.fa-dog{--fa:""}.fa-dragon{--fa:""}.fa-drumstick-bite{--fa:""}.fa-dungeon{--fa:""}.fa-file-csv{--fa:""}.fa-fist-raised,.fa-hand-fist{--fa:""}.fa-ghost{--fa:""}.fa-hammer{--fa:""}.fa-hanukiah{--fa:""}.fa-hat-wizard{--fa:""}.fa-hiking,.fa-person-hiking{--fa:""}.fa-hippo{--fa:""}.fa-horse{--fa:""}.fa-house-chimney-crack,.fa-house-damage{--fa:""}.fa-hryvnia,.fa-hryvnia-sign{--fa:""}.fa-mask{--fa:""}.fa-mountain{--fa:""}.fa-network-wired{--fa:""}.fa-otter{--fa:""}.fa-ring{--fa:""}.fa-person-running,.fa-running{--fa:""}.fa-scroll{--fa:""}.fa-skull-crossbones{--fa:""}.fa-slash{--fa:""}.fa-spider{--fa:""}.fa-toilet-paper,.fa-toilet-paper-alt,.fa-toilet-paper-blank{--fa:""}.fa-tractor{--fa:""}.fa-user-injured{--fa:""}.fa-vr-cardboard{--fa:""}.fa-wand-sparkles{--fa:""}.fa-wind{--fa:""}.fa-wine-bottle{--fa:""}.fa-cloud-meatball{--fa:""}.fa-cloud-moon-rain{--fa:""}.fa-cloud-rain{--fa:""}.fa-cloud-showers-heavy{--fa:""}.fa-cloud-sun-rain{--fa:""}.fa-democrat{--fa:""}.fa-flag-usa{--fa:""}.fa-hurricane{--fa:""}.fa-landmark-alt,.fa-landmark-dome{--fa:""}.fa-meteor{--fa:""}.fa-person-booth{--fa:""}.fa-poo-bolt,.fa-poo-storm{--fa:""}.fa-rainbow{--fa:""}.fa-republican{--fa:""}.fa-smog{--fa:""}.fa-temperature-high{--fa:""}.fa-temperature-low{--fa:""}.fa-cloud-bolt,.fa-thunderstorm{--fa:""}.fa-tornado{--fa:""}.fa-volcano{--fa:""}.fa-check-to-slot,.fa-vote-yea{--fa:""}.fa-water{--fa:""}.fa-baby{--fa:""}.fa-baby-carriage,.fa-carriage-baby{--fa:""}.fa-biohazard{--fa:""}.fa-blog{--fa:""}.fa-calendar-day{--fa:""}.fa-calendar-week{--fa:""}.fa-candy-cane{--fa:""}.fa-carrot{--fa:""}.fa-cash-register{--fa:""}.fa-compress-arrows-alt,.fa-minimize{--fa:""}.fa-dumpster{--fa:""}.fa-dumpster-fire{--fa:""}.fa-ethernet{--fa:""}.fa-gifts{--fa:""}.fa-champagne-glasses,.fa-glass-cheers{--fa:""}.fa-glass-whiskey,.fa-whiskey-glass{--fa:""}.fa-earth-europe,.fa-globe-europe{--fa:""}.fa-grip-lines{--fa:""}.fa-grip-lines-vertical{--fa:""}.fa-guitar{--fa:""}.fa-heart-broken,.fa-heart-crack{--fa:""}.fa-holly-berry{--fa:""}.fa-horse-head{--fa:""}.fa-icicles{--fa:""}.fa-igloo{--fa:""}.fa-mitten{--fa:""}.fa-mug-hot{--fa:""}.fa-radiation{--fa:""}.fa-circle-radiation,.fa-radiation-alt{--fa:""}.fa-restroom{--fa:""}.fa-satellite{--fa:""}.fa-satellite-dish{--fa:""}.fa-sd-card{--fa:""}.fa-sim-card{--fa:""}.fa-person-skating,.fa-skating{--fa:""}.fa-person-skiing,.fa-skiing{--fa:""}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:""}.fa-sleigh{--fa:""}.fa-comment-sms,.fa-sms{--fa:""}.fa-person-snowboarding,.fa-snowboarding{--fa:""}.fa-snowman{--fa:""}.fa-snowplow{--fa:""}.fa-tenge,.fa-tenge-sign{--fa:""}.fa-toilet{--fa:""}.fa-screwdriver-wrench,.fa-tools{--fa:""}.fa-cable-car,.fa-tram{--fa:""}.fa-fire-alt,.fa-fire-flame-curved{--fa:""}.fa-bacon{--fa:""}.fa-book-medical{--fa:""}.fa-bread-slice{--fa:""}.fa-cheese{--fa:""}.fa-clinic-medical,.fa-house-chimney-medical{--fa:""}.fa-clipboard-user{--fa:""}.fa-comment-medical{--fa:""}.fa-crutch{--fa:""}.fa-disease{--fa:""}.fa-egg{--fa:""}.fa-folder-tree{--fa:""}.fa-burger,.fa-hamburger{--fa:""}.fa-hand-middle-finger{--fa:""}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:""}.fa-hospital-user{--fa:""}.fa-hotdog{--fa:""}.fa-ice-cream{--fa:""}.fa-laptop-medical{--fa:""}.fa-pager{--fa:""}.fa-pepper-hot{--fa:""}.fa-pizza-slice{--fa:""}.fa-sack-dollar{--fa:""}.fa-book-tanakh,.fa-tanakh{--fa:""}.fa-bars-progress,.fa-tasks-alt{--fa:""}.fa-trash-arrow-up,.fa-trash-restore{--fa:""}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:""}.fa-user-nurse{--fa:""}.fa-wave-square{--fa:""}.fa-biking,.fa-person-biking{--fa:""}.fa-border-all{--fa:""}.fa-border-none{--fa:""}.fa-border-style,.fa-border-top-left{--fa:""}.fa-digging,.fa-person-digging{--fa:""}.fa-fan{--fa:""}.fa-heart-music-camera-bolt,.fa-icons{--fa:""}.fa-phone-alt,.fa-phone-flip{--fa:""}.fa-phone-square-alt,.fa-square-phone-flip{--fa:""}.fa-photo-film,.fa-photo-video{--fa:""}.fa-remove-format,.fa-text-slash{--fa:""}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:""}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:""}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:""}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:""}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:""}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:""}.fa-spell-check{--fa:""}.fa-voicemail{--fa:""}.fa-hat-cowboy{--fa:""}.fa-hat-cowboy-side{--fa:""}.fa-computer-mouse,.fa-mouse{--fa:""}.fa-radio{--fa:""}.fa-record-vinyl{--fa:""}.fa-walkie-talkie{--fa:""}.fa-caravan{--fa:""}:host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-brands-400-BP5tdqmh.woff2)}.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}.fa-firefox-browser{--fa:""}.fa-ideal{--fa:""}.fa-microblog{--fa:""}.fa-pied-piper-square,.fa-square-pied-piper{--fa:""}.fa-unity{--fa:""}.fa-dailymotion{--fa:""}.fa-instagram-square,.fa-square-instagram{--fa:""}.fa-mixer{--fa:""}.fa-shopify{--fa:""}.fa-deezer{--fa:""}.fa-edge-legacy{--fa:""}.fa-google-pay{--fa:""}.fa-rust{--fa:""}.fa-tiktok{--fa:""}.fa-unsplash{--fa:""}.fa-cloudflare{--fa:""}.fa-guilded{--fa:""}.fa-hive{--fa:""}.fa-42-group,.fa-innosoft{--fa:""}.fa-instalod{--fa:""}.fa-octopus-deploy{--fa:""}.fa-perbyte{--fa:""}.fa-uncharted{--fa:""}.fa-watchman-monitoring{--fa:""}.fa-wodu{--fa:""}.fa-wirsindhandwerk,.fa-wsh{--fa:""}.fa-bots{--fa:""}.fa-cmplid{--fa:""}.fa-bilibili{--fa:""}.fa-golang{--fa:""}.fa-pix{--fa:""}.fa-sitrox{--fa:""}.fa-hashnode{--fa:""}.fa-meta{--fa:""}.fa-padlet{--fa:""}.fa-nfc-directional{--fa:""}.fa-nfc-symbol{--fa:""}.fa-screenpal{--fa:""}.fa-space-awesome{--fa:""}.fa-square-font-awesome{--fa:""}.fa-gitlab-square,.fa-square-gitlab{--fa:""}.fa-odysee{--fa:""}.fa-stubber{--fa:""}.fa-debian{--fa:""}.fa-shoelace{--fa:""}.fa-threads{--fa:""}.fa-square-threads{--fa:""}.fa-square-x-twitter{--fa:""}.fa-x-twitter{--fa:""}.fa-opensuse{--fa:""}.fa-letterboxd{--fa:""}.fa-square-letterboxd{--fa:""}.fa-mintbit{--fa:""}.fa-google-scholar{--fa:""}.fa-brave{--fa:""}.fa-brave-reverse{--fa:""}.fa-pixiv{--fa:""}.fa-upwork{--fa:""}.fa-webflow{--fa:""}.fa-signal-messenger{--fa:""}.fa-bluesky{--fa:""}.fa-jxl{--fa:""}.fa-square-upwork{--fa:""}.fa-web-awesome{--fa:""}.fa-square-web-awesome{--fa:""}.fa-square-web-awesome-stroke{--fa:""}.fa-dart-lang{--fa:""}.fa-flutter{--fa:""}.fa-files-pinwheel{--fa:""}.fa-css{--fa:""}.fa-square-bluesky{--fa:""}.fa-openai{--fa:""}.fa-square-linkedin{--fa:""}.fa-cash-app{--fa:""}.fa-disqus{--fa:""}.fa-11ty,.fa-eleventy{--fa:""}.fa-kakao-talk{--fa:""}.fa-linktree{--fa:""}.fa-notion{--fa:""}.fa-pandora{--fa:""}.fa-pixelfed{--fa:""}.fa-tidal{--fa:""}.fa-vsco{--fa:""}.fa-w3c{--fa:""}.fa-lumon{--fa:""}.fa-lumon-drop{--fa:""}.fa-square-figma{--fa:""}.fa-tex{--fa:""}.fa-duolingo{--fa:""}.fa-supportnow{--fa:""}.fa-tor-browser{--fa:""}.fa-typescript{--fa:""}.fa-square-deskpro{--fa:""}.fa-circle-zulip{--fa:""}.fa-julia{--fa:""}.fa-zulip{--fa:""}.fa-unison{--fa:""}.fa-bgg,.fa-board-game-geek{--fa:""}.fa-ko-fi{--fa:""}.fa-kubernetes{--fa:""}.fa-postgresql{--fa:""}.fa-scaleway{--fa:""}.fa-venmo{--fa:""}.fa-venmo-v{--fa:""}.fa-unreal-engine{--fa:""}.fa-globaleaks{--fa:""}.fa-solana{--fa:""}.fa-threema{--fa:""}.fa-forgejo{--fa:""}.fa-claude{--fa:""}.fa-gitee{--fa:""}.fa-xmpp{--fa:""}.fa-fediverse{--fa:""}.fa-tailwind-css{--fa:""}.fa-arch-linux{--fa:""}.fa-svelte{--fa:""}.fa-hugging-face{--fa:""}.fa-leetcode{--fa:""}.fa-openstreetmap{--fa:""}.fa-ultralytics{--fa:""}.fa-ultralytics-hub{--fa:""}.fa-ultralytics-yolo{--fa:""}.fa-obsidian{--fa:""}.fa-zoom{--fa:""}.fa-vim{--fa:""}.fa-symfonycasts{--fa:""}.fa-square-twitter,.fa-twitter-square{--fa:""}.fa-facebook-square,.fa-square-facebook{--fa:""}.fa-linkedin{--fa:""}.fa-github-square,.fa-square-github{--fa:""}.fa-twitter{--fa:""}.fa-facebook{--fa:""}.fa-github{--fa:""}.fa-pinterest{--fa:""}.fa-pinterest-square,.fa-square-pinterest{--fa:""}.fa-google-plus-square,.fa-square-google-plus{--fa:""}.fa-google-plus-g{--fa:""}.fa-linkedin-in{--fa:""}.fa-github-alt{--fa:""}.fa-maxcdn{--fa:""}.fa-html5{--fa:""}.fa-css3{--fa:""}.fa-btc{--fa:""}.fa-youtube{--fa:""}.fa-xing{--fa:""}.fa-square-xing,.fa-xing-square{--fa:""}.fa-dropbox{--fa:""}.fa-stack-overflow{--fa:""}.fa-instagram{--fa:""}.fa-flickr{--fa:""}.fa-adn{--fa:""}.fa-bitbucket{--fa:""}.fa-tumblr{--fa:""}.fa-square-tumblr,.fa-tumblr-square{--fa:""}.fa-apple{--fa:""}.fa-windows{--fa:""}.fa-android{--fa:""}.fa-linux{--fa:""}.fa-dribbble{--fa:""}.fa-skype{--fa:""}.fa-foursquare{--fa:""}.fa-trello{--fa:""}.fa-gratipay{--fa:""}.fa-vk{--fa:""}.fa-weibo{--fa:""}.fa-renren{--fa:""}.fa-pagelines{--fa:""}.fa-stack-exchange{--fa:""}.fa-square-vimeo,.fa-vimeo-square{--fa:""}.fa-slack,.fa-slack-hash{--fa:""}.fa-wordpress{--fa:""}.fa-openid{--fa:""}.fa-yahoo{--fa:""}.fa-google{--fa:""}.fa-reddit{--fa:""}.fa-reddit-square,.fa-square-reddit{--fa:""}.fa-stumbleupon-circle{--fa:""}.fa-stumbleupon{--fa:""}.fa-delicious{--fa:""}.fa-digg{--fa:""}.fa-pied-piper-pp{--fa:""}.fa-pied-piper-alt{--fa:""}.fa-drupal{--fa:""}.fa-joomla{--fa:""}.fa-behance{--fa:""}.fa-behance-square,.fa-square-behance{--fa:""}.fa-steam{--fa:""}.fa-square-steam,.fa-steam-square{--fa:""}.fa-spotify{--fa:""}.fa-deviantart{--fa:""}.fa-soundcloud{--fa:""}.fa-vine{--fa:""}.fa-codepen{--fa:""}.fa-jsfiddle{--fa:""}.fa-rebel{--fa:""}.fa-empire{--fa:""}.fa-git-square,.fa-square-git{--fa:""}.fa-git{--fa:""}.fa-hacker-news{--fa:""}.fa-tencent-weibo{--fa:""}.fa-qq{--fa:""}.fa-weixin{--fa:""}.fa-slideshare{--fa:""}.fa-twitch{--fa:""}.fa-yelp{--fa:""}.fa-paypal{--fa:""}.fa-google-wallet{--fa:""}.fa-cc-visa{--fa:""}.fa-cc-mastercard{--fa:""}.fa-cc-discover{--fa:""}.fa-cc-amex{--fa:""}.fa-cc-paypal{--fa:""}.fa-cc-stripe{--fa:""}.fa-lastfm{--fa:""}.fa-lastfm-square,.fa-square-lastfm{--fa:""}.fa-ioxhost{--fa:""}.fa-angellist{--fa:""}.fa-buysellads{--fa:""}.fa-connectdevelop{--fa:""}.fa-dashcube{--fa:""}.fa-forumbee{--fa:""}.fa-leanpub{--fa:""}.fa-sellsy{--fa:""}.fa-shirtsinbulk{--fa:""}.fa-simplybuilt{--fa:""}.fa-skyatlas{--fa:""}.fa-pinterest-p{--fa:""}.fa-whatsapp{--fa:""}.fa-viacoin{--fa:""}.fa-medium,.fa-medium-m{--fa:""}.fa-y-combinator{--fa:""}.fa-optin-monster{--fa:""}.fa-opencart{--fa:""}.fa-expeditedssl{--fa:""}.fa-cc-jcb{--fa:""}.fa-cc-diners-club{--fa:""}.fa-creative-commons{--fa:""}.fa-gg{--fa:""}.fa-gg-circle{--fa:""}.fa-odnoklassniki{--fa:""}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:""}.fa-get-pocket{--fa:""}.fa-wikipedia-w{--fa:""}.fa-safari{--fa:""}.fa-chrome{--fa:""}.fa-firefox{--fa:""}.fa-opera{--fa:""}.fa-internet-explorer{--fa:""}.fa-contao{--fa:""}.fa-500px{--fa:""}.fa-amazon{--fa:""}.fa-houzz{--fa:""}.fa-vimeo-v{--fa:""}.fa-black-tie{--fa:""}.fa-fonticons{--fa:""}.fa-reddit-alien{--fa:""}.fa-edge{--fa:""}.fa-codiepie{--fa:""}.fa-modx{--fa:""}.fa-fort-awesome{--fa:""}.fa-usb{--fa:""}.fa-product-hunt{--fa:""}.fa-mixcloud{--fa:""}.fa-scribd{--fa:""}.fa-bluetooth{--fa:""}.fa-bluetooth-b{--fa:""}.fa-gitlab{--fa:""}.fa-wpbeginner{--fa:""}.fa-wpforms{--fa:""}.fa-envira{--fa:""}.fa-glide{--fa:""}.fa-glide-g{--fa:""}.fa-viadeo{--fa:""}.fa-square-viadeo,.fa-viadeo-square{--fa:""}.fa-snapchat,.fa-snapchat-ghost{--fa:""}.fa-snapchat-square,.fa-square-snapchat{--fa:""}.fa-pied-piper{--fa:""}.fa-first-order{--fa:""}.fa-yoast{--fa:""}.fa-themeisle{--fa:""}.fa-google-plus{--fa:""}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:""}.fa-linode{--fa:""}.fa-quora{--fa:""}.fa-free-code-camp{--fa:""}.fa-telegram,.fa-telegram-plane{--fa:""}.fa-bandcamp{--fa:""}.fa-grav{--fa:""}.fa-etsy{--fa:""}.fa-imdb{--fa:""}.fa-ravelry{--fa:""}.fa-sellcast{--fa:""}.fa-superpowers{--fa:""}.fa-wpexplorer{--fa:""}.fa-meetup{--fa:""}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:""}.fa-accessible-icon{--fa:""}.fa-accusoft{--fa:""}.fa-adversal{--fa:""}.fa-affiliatetheme{--fa:""}.fa-algolia{--fa:""}.fa-amilia{--fa:""}.fa-angrycreative{--fa:""}.fa-app-store{--fa:""}.fa-app-store-ios{--fa:""}.fa-apper{--fa:""}.fa-asymmetrik{--fa:""}.fa-audible{--fa:""}.fa-avianex{--fa:""}.fa-aws{--fa:""}.fa-bimobject{--fa:""}.fa-bitcoin{--fa:""}.fa-bity{--fa:""}.fa-blackberry{--fa:""}.fa-blogger{--fa:""}.fa-blogger-b{--fa:""}.fa-buromobelexperte{--fa:""}.fa-centercode{--fa:""}.fa-cloudscale{--fa:""}.fa-cloudsmith{--fa:""}.fa-cloudversify{--fa:""}.fa-cpanel{--fa:""}.fa-css3-alt{--fa:""}.fa-cuttlefish{--fa:""}.fa-d-and-d{--fa:""}.fa-deploydog{--fa:""}.fa-deskpro{--fa:""}.fa-digital-ocean{--fa:""}.fa-discord{--fa:""}.fa-discourse{--fa:""}.fa-dochub{--fa:""}.fa-docker{--fa:""}.fa-draft2digital{--fa:""}.fa-dribbble-square,.fa-square-dribbble{--fa:""}.fa-dyalog{--fa:""}.fa-earlybirds{--fa:""}.fa-erlang{--fa:""}.fa-facebook-f{--fa:""}.fa-facebook-messenger{--fa:""}.fa-firstdraft{--fa:""}.fa-fonticons-fi{--fa:""}.fa-fort-awesome-alt{--fa:""}.fa-freebsd{--fa:""}.fa-gitkraken{--fa:""}.fa-gofore{--fa:""}.fa-goodreads{--fa:""}.fa-goodreads-g{--fa:""}.fa-google-drive{--fa:""}.fa-google-play{--fa:""}.fa-gripfire{--fa:""}.fa-grunt{--fa:""}.fa-gulp{--fa:""}.fa-hacker-news-square,.fa-square-hacker-news{--fa:""}.fa-hire-a-helper{--fa:""}.fa-hotjar{--fa:""}.fa-hubspot{--fa:""}.fa-itunes{--fa:""}.fa-itunes-note{--fa:""}.fa-jenkins{--fa:""}.fa-joget{--fa:""}.fa-js{--fa:""}.fa-js-square,.fa-square-js{--fa:""}.fa-keycdn{--fa:""}.fa-kickstarter,.fa-square-kickstarter{--fa:""}.fa-kickstarter-k{--fa:""}.fa-laravel{--fa:""}.fa-line{--fa:""}.fa-lyft{--fa:""}.fa-magento{--fa:""}.fa-medapps{--fa:""}.fa-medrt{--fa:""}.fa-microsoft{--fa:""}.fa-mix{--fa:""}.fa-mizuni{--fa:""}.fa-monero{--fa:""}.fa-napster{--fa:""}.fa-node-js{--fa:""}.fa-npm{--fa:""}.fa-ns8{--fa:""}.fa-nutritionix{--fa:""}.fa-page4{--fa:""}.fa-palfed{--fa:""}.fa-patreon{--fa:""}.fa-periscope{--fa:""}.fa-phabricator{--fa:""}.fa-phoenix-framework{--fa:""}.fa-playstation{--fa:""}.fa-pushed{--fa:""}.fa-python{--fa:""}.fa-red-river{--fa:""}.fa-rendact,.fa-wpressr{--fa:""}.fa-replyd{--fa:""}.fa-resolving{--fa:""}.fa-rocketchat{--fa:""}.fa-rockrms{--fa:""}.fa-schlix{--fa:""}.fa-searchengin{--fa:""}.fa-servicestack{--fa:""}.fa-sistrix{--fa:""}.fa-speakap{--fa:""}.fa-staylinked{--fa:""}.fa-steam-symbol{--fa:""}.fa-sticker-mule{--fa:""}.fa-studiovinari{--fa:""}.fa-supple{--fa:""}.fa-uber{--fa:""}.fa-uikit{--fa:""}.fa-uniregistry{--fa:""}.fa-untappd{--fa:""}.fa-ussunnah{--fa:""}.fa-vaadin{--fa:""}.fa-viber{--fa:""}.fa-vimeo{--fa:""}.fa-vnv{--fa:""}.fa-square-whatsapp,.fa-whatsapp-square{--fa:""}.fa-whmcs{--fa:""}.fa-wordpress-simple{--fa:""}.fa-xbox{--fa:""}.fa-yandex{--fa:""}.fa-yandex-international{--fa:""}.fa-apple-pay{--fa:""}.fa-cc-apple-pay{--fa:""}.fa-fly{--fa:""}.fa-node{--fa:""}.fa-osi{--fa:""}.fa-react{--fa:""}.fa-autoprefixer{--fa:""}.fa-less{--fa:""}.fa-sass{--fa:""}.fa-vuejs{--fa:""}.fa-angular{--fa:""}.fa-aviato{--fa:""}.fa-ember{--fa:""}.fa-gitter{--fa:""}.fa-hooli{--fa:""}.fa-strava{--fa:""}.fa-stripe{--fa:""}.fa-stripe-s{--fa:""}.fa-typo3{--fa:""}.fa-amazon-pay{--fa:""}.fa-cc-amazon-pay{--fa:""}.fa-ethereum{--fa:""}.fa-korvue{--fa:""}.fa-elementor{--fa:""}.fa-square-youtube,.fa-youtube-square{--fa:""}.fa-flipboard{--fa:""}.fa-hips{--fa:""}.fa-php{--fa:""}.fa-quinscape{--fa:""}.fa-readme{--fa:""}.fa-java{--fa:""}.fa-pied-piper-hat{--fa:""}.fa-creative-commons-by{--fa:""}.fa-creative-commons-nc{--fa:""}.fa-creative-commons-nc-eu{--fa:""}.fa-creative-commons-nc-jp{--fa:""}.fa-creative-commons-nd{--fa:""}.fa-creative-commons-pd{--fa:""}.fa-creative-commons-pd-alt{--fa:""}.fa-creative-commons-remix{--fa:""}.fa-creative-commons-sa{--fa:""}.fa-creative-commons-sampling{--fa:""}.fa-creative-commons-sampling-plus{--fa:""}.fa-creative-commons-share{--fa:""}.fa-creative-commons-zero{--fa:""}.fa-ebay{--fa:""}.fa-keybase{--fa:""}.fa-mastodon{--fa:""}.fa-r-project{--fa:""}.fa-researchgate{--fa:""}.fa-teamspeak{--fa:""}.fa-first-order-alt{--fa:""}.fa-fulcrum{--fa:""}.fa-galactic-republic{--fa:""}.fa-galactic-senate{--fa:""}.fa-jedi-order{--fa:""}.fa-mandalorian{--fa:""}.fa-old-republic{--fa:""}.fa-phoenix-squadron{--fa:""}.fa-sith{--fa:""}.fa-trade-federation{--fa:""}.fa-wolf-pack-battalion{--fa:""}.fa-hornbill{--fa:""}.fa-mailchimp{--fa:""}.fa-megaport{--fa:""}.fa-nimblr{--fa:""}.fa-rev{--fa:""}.fa-shopware{--fa:""}.fa-squarespace{--fa:""}.fa-themeco{--fa:""}.fa-weebly{--fa:""}.fa-wix{--fa:""}.fa-ello{--fa:""}.fa-hackerrank{--fa:""}.fa-kaggle{--fa:""}.fa-markdown{--fa:""}.fa-neos{--fa:""}.fa-zhihu{--fa:""}.fa-alipay{--fa:""}.fa-the-red-yeti{--fa:""}.fa-critical-role{--fa:""}.fa-d-and-d-beyond{--fa:""}.fa-dev{--fa:""}.fa-fantasy-flight-games{--fa:""}.fa-wizards-of-the-coast{--fa:""}.fa-think-peaks{--fa:""}.fa-reacteurope{--fa:""}.fa-artstation{--fa:""}.fa-atlassian{--fa:""}.fa-canadian-maple-leaf{--fa:""}.fa-centos{--fa:""}.fa-confluence{--fa:""}.fa-dhl{--fa:""}.fa-diaspora{--fa:""}.fa-fedex{--fa:""}.fa-fedora{--fa:""}.fa-figma{--fa:""}.fa-intercom{--fa:""}.fa-invision{--fa:""}.fa-jira{--fa:""}.fa-mendeley{--fa:""}.fa-raspberry-pi{--fa:""}.fa-redhat{--fa:""}.fa-sketch{--fa:""}.fa-sourcetree{--fa:""}.fa-suse{--fa:""}.fa-ubuntu{--fa:""}.fa-ups{--fa:""}.fa-usps{--fa:""}.fa-yarn{--fa:""}.fa-airbnb{--fa:""}.fa-battle-net{--fa:""}.fa-bootstrap{--fa:""}.fa-buffer{--fa:""}.fa-chromecast{--fa:""}.fa-evernote{--fa:""}.fa-itch-io{--fa:""}.fa-salesforce{--fa:""}.fa-speaker-deck{--fa:""}.fa-symfony{--fa:""}.fa-waze{--fa:""}.fa-yammer{--fa:""}.fa-git-alt{--fa:""}.fa-stackpath{--fa:""}.fa-cotton-bureau{--fa:""}.fa-buy-n-large{--fa:""}.fa-mdb{--fa:""}.fa-orcid{--fa:""}.fa-swift{--fa:""}.fa-umbraco{--fa:""}:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-regular-400-nyy7hhHF.woff2)}.far{--fa-family:var(--fa-family-classic)}.fa-regular,.far{--fa-style:400}:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/fa-solid-900-DRAAbZTg.woff2)}.fas{--fa-style:900}.fa-classic,.fas{--fa-family:var(--fa-family-classic)}.fa-solid{--fa-style:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/assets/fa-brands-400-BP5tdqmh.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/assets/fa-solid-900-DRAAbZTg.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/assets/fa-regular-400-nyy7hhHF.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-display:block;src:url(/assets/fa-solid-900-DRAAbZTg.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-display:block;src:url(/assets/fa-brands-400-BP5tdqmh.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-display:block;src:url(/assets/fa-regular-400-nyy7hhHF.woff2) format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:FontAwesome;font-display:block;src:url(data:font/woff2;base64,d09GMk9UVE8AAA/AAAkAAAAAIi4AAA96A4IBAAAAAAAAAAAAAAAAAAAAAAAAAAAAATYCJAQGBmADgRwFiH0AghwHIA22GYUWERHVtH4B/lDAjaHYgPoVT5hsjC2GsZOptOo4yG1beUwR0nj95m5PABbwbw2JNax38ckISWbne6e7NGkzk5t5OtHQ3cQ8E/PgGvBDzYt/8QhfU4ejmw2Ss9r09ODR8l+jtYRSiPjXDe99ioYEJUDICo/AKRIyLZY6g5gb/PN/87fWu+WdLMNMQ049kLkaPl7+P/y/v9+nWsmNny3MZBwpLqIEUgAky2qXQQErAgUkO66A7tm25ybn+/+f01wNrP4u+ymgSuyUUAViDYIh+sbxjfg7VhAd9qRMKrF3BXKBn855NnSt1CQjTJVaYd8BQ++4R20XeJIX0rz/77Q39M65gAwmQQlbFrQfpVQXybLleWPJapb8e0cJ2kLz93Ol/TnMFXfLEn8JhNvbIjqxeXc/2UyOckA5ppQ4m+s0TQFBETgCdMAOCDy5CnvyZI2s0R1fW2MoL1G22ZTgudtjtLzMDwQDEbaWAQIgP8dqAADFS+AKknqe8PfkvO+55v/v91aE9ccAKkA2RADE+AeSboL/4wqvKi8xDkDqIzmV79ZGM7PdnQuhj8FJqIll79DSibQ0sXKXNYRdbRM+GMI2h5rF8zfdMYePtw55PPcmlAgg+mPASPzPwbDv2T3wmL2ThoUXekNwkpY0BDfbwiXSMFqxE24q9TkmWPiKJWh1mORCjilyAEspDGAZW6uwGlensDojrVodGva61vh0aarhKE8bTPCvj1hCK2OYlJVmTImPHEtVTOpYJrK8sJqcmo3VuRet1WnsdOEDcaFhM0UROOQM9KUY5Gdm9T7gPCofd4U7+x9sjlHuZL2RXfHXxYIE8CDvQm6Fk3RDXoiGY+XZ/TOFY9Kk3RCH0nr09srjn4kEqTL9zhy1p4myH+zr56tZWU8/1lvhZTacuYP5Yetw7YwTiDabHECYm7DHjCNR+QyItYjOF8TBoDvl5YcXSOcmKyfPyC0bNnnFhztFF1iXFjO+NknRNJIdlcuQLapKjOCOgXyxwzxWzyqXfZNWqpU/Y/EqBwhFdgdzldTRYQcscirRDqZxtltBIFQcvARqqfPTm9ROQCWXmvAvz+f4mSs4WoOqjmV+MH6r8TTUUn358W2SWZ78vFRvCl7xm11KSkyjY9Zp5ekkhxApAugJxGikosIHs68GiuU/TIwqCywCNlePWfOWfegrUWfqfXZ9wX1xJZZVUaWVN6utxf0m/XN+A0frVZpvr+YYS5WYTP/dyOA2+1jFSuYzlzm0UkIxBYTgjxv2qGr1a33Xe73VE93VHd3WKa2XqzQ0z5i4ND6pAgLVADGAdvICQA+g9DADoyUxaiEZtSRHrSjL/tD/6rdLdWfrbvLaZWUZ628lFTILA4iDzuUuRCDT4zLb9EbNNYDla7prkJb1sf9ps4yByalXLAjno1iDBtIQnk3bt02oZFNS9mGZTLrcFFwuLYcChHY/sdf2tT871c4E9dWb7St8ZWAVxoYfosuJThqeTcueyV1byeNebq+zTldTt9Nbrz8d5hvEG+w16DOMMNxmFGjcVr7HJHKCff1U74jp+nDiWA34AMvXbSjGL/mcxCInGJy+yzwieJF/QXkmwevg9kD53IWNr56dXTHoimkCpx95BLQQ2PxpPpwUV7AFs1Ndo/hfIZh1bJf//v7+Tyj/CT8H3F7A6qmRdgvmMJN2ioW3vZwaYedQL8RNM/O+veVnYH7v9oP5KOyePoBHb+2zIOh0TVD6jONQU9chTV3NEW4mF4VRA0FDA6gRQpnrmRk36EyA73QmLZcDIp2KLDrPqLohc8EhNFtkZE0jyrrGFmN8zNssYeZEJb9VGKGUWXsLkusQmHw/NN1aDVSQDjHXiFlNjOAbroZ8UhfqEVL9nGJP6bpouAIM0lpUyxoihzlDYnQRqe1CUGflRMzbwnKeTGaAqYTQkMV26jweXMYppyDld84jjBqk4oMY8c033Bcj54/JRjgquMTgyBZWMiaNdOECEAMqLkQL5aTRd1h+kIp3SqkDjgI1g5Tk7yLHKacge+vnpnYQKEqpWoaIE2uS1Ml9cKriqrXTBqEEkG0uhcxhNlmmr0Xm3rAWayZV1JQ/KNNVsjN28Y5E7DJbzQZVMSWFKP0dJSXo/7kumXvgf2oJsBI9mQs0tQTGdQlzNUzTUAQoNoE9qz8S+rGufAQyulFq0lpzdbFwf9PZiSkrzYVCwWpdR7DS7IF3L+9f1yMGRZlkLMKQmdJ/1f46jGqaXR3YWhJYu87qJBc0m1RUMczWRag5ADqhkPqxhrDNPT/9UmSkSJfSMvJebDBZ9FdCLUYCv6csAum7yIgZJHSL6fwevL/oN0AP8WsklRyKAJ3g2fB4R6ALyHyUE8EEEuoJmqCGgdCsZtKkGvO8Of70iHhdREid5AMRwUww5Px2EgNkUUlugQRMCSY3ccUbajibX9FEMflNwXQiaqhimrwH4UjnrohSQhM+6lwHbsbDXzobbWNw86+H/znDNiTnVUcM9fYFXauhcs/kUBiETGrooeTa2vWvw27pTjrjFDLT/1sl93DjuteQlbHMGWVs8lqy8qOXl9+MRjp2nQASXcfCwyS5acIVKHjPUa8RjXeMBLjn/fu9yJgF/iaMoK74TfDZTpnSPUd1G4GX8PAX/x9xCS8tengWmzYgucYT8wU0t4ngls/hJGctpOJVoFq+Af2/cjDAPOHFk5P/XXpRtmELfEfS+bCOuQ4L3+ofEPfS5QCO5j0gXqW1urWOvHzQgTEMChC0U5jeEF+pkSyBhwhZI1vB7pTubtmwbzYhsME5PPU0eZ4JHIB5iXSSzwQS0iiHfb0oOtqxA8KUCmMeVEVKnAFvdIPFrkHWdsaZZ8CdZmvR14f0tPqjH2aUMLBmHIMRM7cma2PXWcI9+fDjlrmy0n2PVAr5vPaq06NZRkE2prXUDp0urwStChuHTdAtxMblrCnopM02RUxamAxiQ9KBKEocT1fET438EjShE8NXvGEtoh6YDHprnclg171EKLGCR+PPfF83UQfieAqsqKjjyhMl42Wt1+nrdtq3oT5Q51+AD00vabZETGwF0ZUtwWPqSqkHjF/zNXpgTbmxtQKODCq1o4VYSjmDCqKkdNqxYybf3g1fU1+zn0tjtFC2i5zauLBZqnIy1oRUhWzw1PpO1Y3ttKP6SfenNESUlHAtQyzQ7tqsnhW0mCS7PGnWQGnUeouHk0g+jHIpIjJyBzRtDZKLeLgHpc7RsAHsyZgdFnuoR8VOGyIDBzzuNNh1ioYW0PM7yStZxQrID0pp3LYTOyGW8hAZWL3VDjufx21DyNsDt27Es84ZPD9EQ8+T7UFkoPvBKNAQ92jLGfgvepGe6LSXIUis3EtBzjbcAB1DIyVOPpnD/pL++RY/WOzCaKGWnWJP7OUvObwn95DNskVG3cZsF3DvCrLBsPAC1PQQPEQUQ+mY4YzRMxNiaPTQcMLoohtqQUPcyLb3fvGOd7GVfHe5K5a8/Ed/ykZevPjjwtxSg2cExzbOeBbkwA48oLjxw9S6IoYgMJ8gsBq3mCqdf7AWzJLBuAOon+WzFGuEuTYcmZ63tygjDccd5M4nYCb7CocF7eT21Pn5rcEDbnaBK8Jauy0EN4DpZRzRRBRBr8d2RLEQie1CjLGULGLDYIXjA15A+2aeAHHigrGhIeliSoEZabBS6f92e9V+u+AjssKtDmvtmPF8XzW4mK3Yjy2PFsH4J+gIgcgEM2W5Kuj402ANx98gYiHuqnNLs20OtnU2zKsTx6NC+d7t7TNl4Fe3eOmmBcGje/bDrfQobMQu+hhCuEWFNZVgpUTQj694JRR0xXzTXiBWa94133YEOZ8g2v3oST/dRLVc0wGk3P/Dq1qtwgk5C4aE7AeJ85mB0WZkuVNaoCSNcAokS5qtjChLI0IPv5C2wYKYYYiZQFBMOz8jcE3cRmwlBMmCxvemqCNKqnNiB0ZXuYAY7mJSyAsccSuDpEenPwY148TvIb0r+J1+Nh5z7/EsX5DjAnOXk53zfdiCdHdy4okUClpOHQZYjyNeQDAbMAYj7DzVcPVh/oW95zAe/qHfXg71Icy35j3ZZl6EozfaAnSSPk58/YSdeJo5P0R0diuoJig8c8KlBsGEKNNUBk1AXZg+NKMpT544MVFItVHHGTCeyCISgu3UrSkxgWBAWgGzZRrBy6oWFkKR3078RIoYB2oKmz4yvJhOZQfHx7Ai8VVBVpooRyclzD4Xbkio0vMA5h+lyy6DlPw95hjdRkoecIx4/32yXClc2HHBGQpQeYS8xOZgzR6b9Nmmm7RingP6d+XxPMTK2+i+X8a86u3VTkGSd9Btms/tBmbqc7tJZD4QHUG/ziucMMeV0QALuDtPj2Bfo1weLkthULQns/b3xTszkWYdCpr7SiNHGgLhiQYzSf4FHNtCoOd6vJWj4WPjBEYkT+Rr9CuUdtAvS8N2xbUXOc6/AC9IHV3IF4mffcqtvrshSTer1EhEsK9bfC+YzDpfHCDXTSeDXIqy+76U68B9QXXsD9AghNe1+MyoYulcg42ntu1cijpoVx1igYRhdXYGtWFas3EO3NewAytz/ZQ6dDs4uoaUnisYqoGspTbUQP2wGfXmebN8jgnqUA4WftVwjw0EIVVq1Vq1Vt/V6xzCtlsj00hU9RI9Xpnc6wV2rmUc9ct7vge2d7Pa8T4dZvJz7ROTlfokrXjjF2VvYgwQ5Z4o6y9bgeMVHJhbbgGNXj5gWN9FeJHy+2lvfhnrQ+R74/HhjGd7qeKkMSoIbgmLXjmJxBITn06HgmG5GD5pOFwsykRAO0K1XsR7ieaQxuiGi0RxTi8o9oNIsKjtGtHUcjb6JZ4ejDU9fh31Si+e/6iafqQRveddM+n0RRWJKwxcCLHJ8gXuIdK8typ0irQ1nLQMdUM2WwbuehNVZTPS1+1k7M0nH0cI61v3uczwg1fzOmnipATlkET+cFAkW3NIF4NvCophKNliuYvw9Fv+b4MU7N54i5ossf6MSeZV3cjCVlBbKJOBvWA7H25HjdPBbKkKDfhJiWeKM5/wrS5zFnFKTo4AcYXYH/OPAHoSBQVVDX3Tw7c/wREG1W8yF45ZRQbm+i95nnWVo4CiM8dBEcP/nhUAusB6Ay5eHL3U8LzEFApKd4wclOln8LzAZAMuPoKocMXxvA0MWmYK4AerUihX68tt1RUQhNduTIqo/0KYKE3GBQOcsgRK44Kbji8fn3D78asKctf4Dn52GZMFqb1cVUs9l6/MqUM5ohSxJcOGHxomvGnomRokmAUpuK1ekAED) format("woff2");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}.student-profile-page{--navy: #0e1627;--slate: #2f4156;--teal: #567c8d;--sky: #c8d9e6;--cream: #f5efeb;--card: linear-gradient(145deg, #dbe3ec 0%, #c2d1df 100%);--card-border: rgba(47, 65, 86, .18);--muted: #6b7c8c;--t: .2s ease;min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(86,124,141,.12),transparent 42%),radial-gradient(circle at 88% 8%,rgba(200,217,230,.28),transparent 46%),radial-gradient(circle at 75% 80%,rgba(47,65,86,.08),transparent 45%),linear-gradient(160deg,#eef2f5,#e6e0d9 60%,#e2dcd4);background-attachment:fixed;padding:2rem;width:100%;color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.student-profile-header{margin-bottom:2rem}.student-back-btn{background:#fff;color:var(--teal);border:1.5px solid var(--sky);padding:.65rem 1.4rem;border-radius:9px;cursor:pointer;font-weight:600;margin-bottom:1rem;transition:all var(--t);box-shadow:0 2px 8px #2f415614}.student-back-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:translate(-3px)}.student-profile-header h1{color:var(--navy);font-size:2.4rem;margin:.5rem 0;font-weight:800;letter-spacing:-.5px}.student-profile-header p{color:var(--teal);font-size:1.05rem}.student-success-message{background:#e7f6ec;color:#1f7a45;border:1px solid #b7e3c6;padding:1rem;border-radius:10px;margin-bottom:2rem;text-align:center;font-weight:600}.student-error-message{background:#fdecec;color:#c0392b;border:1px solid #f5c6c6;padding:1rem;border-radius:10px;margin-bottom:2rem;text-align:center;font-weight:600}.student-profile-card{background:var(--card);border-radius:18px;padding:2.5rem;box-shadow:0 10px 34px #2f415624,0 1px 3px #2f41560f;margin-bottom:2rem;border:1px solid var(--card-border)}.student-profile-header-section{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(47,65,86,.1)}.student-profile-avatar-large{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--slate),var(--teal));display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:var(--cream);border:4px solid #ffffff;box-shadow:0 0 0 5px #567c8d26,0 8px 24px #2f415633;overflow:hidden;position:relative;text-transform:uppercase;transition:all var(--t)}.student-profile-avatar-large:hover{transform:scale(1.02)}.student-profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.student-profile-title h2{color:var(--navy);font-size:2rem;margin:0 0 .5rem;font-weight:700}.student-profile-role{color:var(--teal);font-size:1.05rem;margin:0 0 .3rem;font-weight:500}.student-profile-id{color:var(--muted);font-size:.9rem;margin:0;font-family:monospace}.student-edit-profile-btn{margin-left:auto;background:var(--navy);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:9px;cursor:pointer;font-weight:600;transition:all var(--t);box-shadow:0 3px 10px #0e16272e}.student-edit-profile-btn:hover{background:var(--slate);transform:translateY(-2px);box-shadow:0 6px 16px #0e162740}.student-form-section{margin-bottom:2rem}.student-form-section h3{color:var(--navy);font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(47,65,86,.1)}.student-form-group{margin-bottom:1.5rem}.student-form-group label{display:block;color:var(--teal);font-weight:700;margin-bottom:.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.8px}.student-form-group input,.student-form-group textarea,.student-form-group select{width:100%;padding:.85rem 1rem;border:1.5px solid var(--sky);border-radius:10px;font-size:1rem;transition:all var(--t);background:#fff;color:var(--navy);font-family:inherit}.student-form-group input:focus,.student-form-group textarea:focus,.student-form-group select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #567c8d26}.student-form-group input:disabled{background:#f3f5f7;color:#9aa8b4;cursor:not-allowed}.student-form-group textarea{resize:vertical;min-height:80px}.student-form-value{padding:.85rem 1rem;background:#f6f8fa;border-radius:10px;color:var(--navy);font-size:1rem;border:1px solid rgba(47,65,86,.08)}.student-form-actions{display:flex;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(47,65,86,.1)}.student-save-btn{background:linear-gradient(135deg,#34c36b,#22a355);color:#fff;border:none;padding:.95rem 2.4rem;border-radius:9px;cursor:pointer;font-weight:600;font-size:1rem;transition:all var(--t);box-shadow:0 4px 16px #22a35540}.student-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22a35559}.student-save-btn:disabled{opacity:.55;cursor:not-allowed}.student-cancel-btn{background:#fff;color:#dc2626;border:1.5px solid #f5c6c6;padding:.95rem 2rem;border-radius:9px;cursor:pointer;font-weight:600;font-size:1rem;transition:all var(--t)}.student-cancel-btn:hover:not(:disabled){background:#fdecec;border-color:#dc2626;transform:translateY(-2px)}.student-additional-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.student-info-card{background:var(--card);border-radius:18px;padding:2rem;box-shadow:0 8px 28px #2f41561f,0 1px 3px #2f41560d;border:1px solid var(--card-border)}.student-info-card h3{color:var(--navy);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid rgba(47,65,86,.1)}.student-info-item{margin-bottom:1rem;display:flex;justify-content:space-between}.student-info-label{color:var(--teal);font-weight:500}.student-info-value{color:var(--navy);font-weight:600}.student-info-value.status-active{color:#22a355}.student-action-btn{width:100%;background:#f4f7fa;color:var(--navy);border:1px solid var(--sky);border-radius:9px;cursor:pointer;font-weight:600;margin-bottom:.8rem;text-align:left;padding:.9rem .9rem .9rem 1.5rem;transition:all var(--t)}.student-action-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translate(5px)}.student-danger-btn{background:#fdecec;color:#dc2626;border-color:#f5c6c6}.student-danger-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.student-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(160deg,#eef2f5,#e2dcd4)}.student-loading-spinner{width:50px;height:50px;border:4px solid var(--sky);border-top:4px solid var(--teal);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.student-error-container{background:var(--card);padding:2rem;border-radius:16px;text-align:center;margin-top:2rem;border:1px solid var(--card-border);box-shadow:0 8px 28px #2f41561f}.student-retry-btn{background:var(--navy);color:#fff;border:none;padding:.7rem 1.6rem;border-radius:9px;cursor:pointer;font-weight:600;margin:.5rem;transition:all var(--t)}.student-retry-btn:hover{background:var(--slate)}.student-profile-image-container{position:relative;display:inline-block}.student-image-edit-overlay{position:absolute;inset:0;background:#0a101eb3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cream);opacity:0;transition:opacity var(--t);border-radius:50%}.student-profile-avatar-large:hover .student-image-edit-overlay{opacity:1}.student-edit-text{font-size:.9rem;font-weight:500}.student-uploading-indicator{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;z-index:10;color:var(--teal)}.student-uploading-spinner{width:40px;height:40px;border:3px solid var(--sky);border-top:3px solid var(--teal);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.student-profile-page{padding:1rem}.student-profile-header-section{flex-direction:column;text-align:center;gap:1.5rem}.student-edit-profile-btn{margin-left:0;width:100%}.student-form-actions{flex-direction:column}.student-additional-info{grid-template-columns:1fr}.student-info-item{flex-direction:column;gap:.3rem}.student-info-value{text-align:left}}@media print{.student-profile-page{background:#fff;padding:0}.student-back-btn,.student-action-btn,.student-edit-profile-btn{display:none}.student-profile-card{box-shadow:none;border:1px solid #ccc}}