html,body,#root{background:#f7f5ff;width:100%;min-height:100%;margin:0;padding:0}*{box-sizing:border-box}body{color:#1f1a2e;background:#f7f5ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}img{max-width:100%;display:block}button,input{font:inherit}.email-login-page{background:#f6f3ff;flex-direction:column;width:100%;min-height:100vh;padding:0;display:flex;overflow-x:hidden}.login-hero{background:#fff;border-radius:28px;flex:1;grid-template-columns:1fr;align-items:stretch;column-gap:0;width:min(1400px,100% - 36px);margin:0 auto;padding-top:12px;display:grid;overflow:hidden}.hero-left{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:145px 20px 0;display:flex}.hero-copy{margin-top:26px}.welcome-text{color:#4e36c3;margin:0 0 3px;font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.2}.gem-ai-title{letter-spacing:-5px;color:#1d1a2f;margin:0;font-size:clamp(66px,6.6vw,126px);font-weight:800;line-height:.9}.gem-text{color:#4d32d0}.ai-text{background:linear-gradient(90deg,#5c35d9 0%,#8d67eb 22%,#ff8d52 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#1b1b38;letter-spacing:-.02em;max-width:560px;margin:18px 0 26px;font-size:clamp(20px,1.8vw,28px);line-height:1.35}.hero-description strong{color:#4d32d0;font-weight:700}.email-login-card{box-sizing:border-box;background:#fffffff0;border:1px solid #826ec90f;border-radius:26px;width:min(100%,520px);min-height:465px;margin-left:auto;margin-right:auto;padding:36px 30px;box-shadow:0 18px 35px #5c459b17}.email-icon-wrapper{color:#5327c7;background:#efe7ff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 18px;display:flex}.email-icon{width:29px;height:29px}.email-login-card h2{text-align:center;color:#1a1633;margin:0;font-size:clamp(28px,2.2vw,38px);font-weight:700;line-height:1.25}.login-description{text-align:center;color:#4b4965;margin:12px 0 20px;font-size:17px;line-height:1.55}.email-login-card label{color:#1d1638;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.email-input-wrapper{box-sizing:border-box;background:#fff;border:1.5px solid #d9d1ee;border-radius:12px;align-items:center;height:52px;padding:0 14px;display:flex}.email-input-wrapper:focus-within,.otp-input-wrapper:focus-within{border-color:#5b31c8;box-shadow:0 0 0 3px #5b31c814}.input-icon{color:#7d7595;flex-shrink:0;width:22px;height:22px}.email-input-wrapper input{color:#241d3b;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;min-width:0;margin-left:10px;padding:0;font-size:15px;line-height:1.2}.email-input-wrapper input::placeholder{color:#9991af}.otp-input-wrapper{box-sizing:border-box;background:#fff;border:1.5px solid #d9d1ee;border-radius:12px;align-items:center;height:52px;margin-top:12px;padding:0 14px;display:flex}.otp-input-wrapper input{color:#241d3b;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:auto;padding:0;font-size:15px;line-height:1.2}.otp-input-wrapper input::placeholder{color:#9991af}.email-error{color:#d93025;text-align:center;margin:10px 0 0;font-size:14px;line-height:1.4}.continue-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5b2bc8 0%,#5e34d8 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:58px;margin-top:18px;font-size:18px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 18px 28px #5934c233}.continue-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 30px #5934c238}.continue-button:disabled{opacity:.8;cursor:not-allowed}.continue-button .arrow{font-size:28px;font-weight:300;line-height:1;position:absolute;right:20px}.hero-right{box-sizing:border-box;justify-content:flex-end;align-items:flex-start;min-height:500px;padding-top:0;padding-right:12px;display:flex;position:relative}.gem-ai-hero{z-index:1;object-fit:contain;object-position:center center;width:min(100%,700px);max-width:700px;height:auto;display:block;position:relative;transform:translateY(350px)}.feature-strip{box-sizing:border-box;background:#fffffff2;border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1260px,100% - 26px);margin:8px auto 0;padding:18px 20px;display:grid;box-shadow:0 18px 32px #5b459a0f}.feature{align-items:center;gap:14px;min-width:0;padding:10px 8px;display:flex}.feature-icon{color:#5830cb;background:#efe7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:700;display:flex}.feature strong{color:#1e1737;margin-bottom:4px;font-size:16px;line-height:1.2;display:block}.feature span{color:#4d4a68;font-size:13px;line-height:1.45;display:block}.login-footer{color:#fff;box-sizing:border-box;background:linear-gradient(90deg,#4f1eb4 0%,#5b2ac6 100%);border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;width:min(1260px,100% - 26px);min-height:56px;margin:16px auto 0;padding:0 24px;font-size:13px;display:flex}.footer-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.footer-left strong{font-weight:700}.login-footer a{color:#fff;text-underline-offset:2px;text-decoration:underline}.footer-right{text-align:right;opacity:.95}@media (width<=1024px){.login-hero{grid-template-columns:1fr;width:min(100%,100% - 20px);padding-top:0}.hero-left{padding:18px 12px 0}.hero-right{justify-content:center;align-items:flex-start;min-width:0;margin:0;padding:0;display:flex}.hero-right:before{content:"";z-index:0;background:linear-gradient(#b49bff40,#ae96ff29);border-radius:32px 32px 80px 80px;width:min(92%,720px);height:500px;position:absolute;top:385px;right:8px}.gem-ai-hero{width:min(100%,620px)}.feature-strip{grid-template-columns:1fr;width:min(100%,100% - 20px)}.login-footer{width:min(100%,100% - 20px)}}@media (width<=640px){.email-login-page{width:100%;min-height:100vh;padding:0;overflow-x:hidden}.login-hero{border-radius:0;width:100%;margin:0;padding:0;overflow:visible}.hero-left{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;margin:0;padding-top:0;display:flex;position:relative}.academy-logo{z-index:10;height:auto;margin:10px auto 20px;width:160px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.hero-copy{text-align:center;width:100%;margin:0;position:relative;left:auto}.email-login-card{box-sizing:border-box;border-radius:24px;width:100%;max-width:520px;min-height:0;margin:0 auto;padding:30px 24px 32px}.email-icon-wrapper{width:56px;height:56px;margin-bottom:16px}.email-icon{width:27px;height:27px}.email-login-card h2{margin:0;font-size:24px;line-height:1.25}.login-description{margin:12px 0 20px;font-size:15px;line-height:1.5}.email-login-card label{margin-bottom:8px;font-size:14px}.email-input-wrapper,.otp-input-wrapper{width:100%;height:50px}.email-input-wrapper input,.otp-input-wrapper input{font-size:15px}.continue-button{width:100%;height:54px;margin-top:18px;font-size:16px}.continue-button .arrow{font-size:25px;right:18px}.feature-strip{width:calc(100% - 28px);padding:14px 12px}.login-footer{text-align:center;flex-direction:column;gap:8px;width:calc(100% - 28px);min-height:auto;padding:14px 16px}.footer-left,.footer-right{text-align:center;justify-content:center;width:100%}}.homework-booking-page{color:#29234f;box-sizing:border-box;background:#f5f2ff;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:28px 20px 40px;display:flex}.homework-academy-logo{justify-content:center;width:100%;max-width:260px;margin-bottom:18px;display:flex}.homework-academy-logo img{object-fit:contain;width:220px;max-width:100%;height:auto;display:block}.homework-booking-card{box-sizing:border-box;background:#fff;border-radius:24px;width:100%;max-width:560px;padding:28px 32px 32px;box-shadow:0 8px 30px #4623961a}.homework-back-button{color:#5425aa;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:500}.homework-back-button:hover{text-decoration:underline}.homework-title-section{text-align:center;margin-top:24px}.homework-title-section h1{color:#30206d;margin:0;font-size:28px;font-weight:700;line-height:1.25}.homework-title-section p{color:#625d73;margin:8px 0 0;font-size:15px}.homework-session-info{background:#f8f6ff;border:1px solid #ebe6fa;border-radius:16px;flex-direction:column;gap:18px;margin-top:28px;padding:20px;display:flex}.homework-info-row{flex-direction:column;gap:4px;display:flex}.homework-info-label{text-transform:uppercase;letter-spacing:.04em;color:#77718a;font-size:12px;font-weight:600;display:block}.homework-info-row strong{color:#302b49;font-size:15px;font-weight:600;display:block}.homework-info-row .student-name{color:#5425aa}.homework-attendance-section{text-align:center;margin-top:30px}.homework-attendance-section h2{color:#30206d;margin:0;font-size:20px;font-weight:700;line-height:1.4}.attendance-subtitle{color:#696379;margin:8px 0 22px;font-size:14px}.homework-actions{flex-direction:column;gap:12px;display:flex}.homework-attend-button,.homework-not-attend-button{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 20px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.homework-attend-button{background:#2864e8}.homework-not-attend-button{background:#147f78}.homework-attend-button:hover,.homework-not-attend-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #1e1e3c26}.button-arrow{font-size:22px;font-weight:400}.homework-existing-response{color:#4169d8;cursor:pointer;background:0 0;border:none;margin:18px auto 0;font-family:inherit;font-size:13px;display:block}.homework-existing-response:hover{text-decoration:underline}.homework-loading,.homework-error{text-align:center;padding:40px 20px}.homework-loading p,.homework-error p{color:#302b49;margin:0;font-size:16px}.homework-error{background:#fee;border:1px solid #fcc;border-radius:12px}.homework-error p{color:#c33}.homework-time-slots-section{margin-top:30px}.homework-time-slots-section h2{color:#30206d;text-align:center;margin:0 0 20px;font-size:18px;font-weight:700}.homework-time-slots-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.homework-time-slot-button{cursor:pointer;background:#fff;border:2px solid #ebe6fa;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:100%;min-height:64px;padding:14px 16px;font-family:inherit;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.homework-time-slot-button:hover:not(.disabled){border-color:#5425aa;box-shadow:0 4px 12px #5425aa1f}.homework-time-slot-button.selected{background:#f0f5ff;border-color:#2864e8;box-shadow:0 4px 12px #2864e826}.homework-time-slot-button.disabled{opacity:.5;cursor:not-allowed;background:#f9f9f9;border-color:#ccc}.slot-time{color:#302b49;font-size:15px;font-weight:700}.slot-capacity{color:#77718a;font-size:12px}.homework-time-slot-button.disabled .slot-capacity{color:#999}.homework-confirm-booking{margin-top:24px}.homework-confirm-button{color:#fff;cursor:pointer;background:#2864e8;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 20px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.homework-confirm-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #1e1e3c26}.homework-confirm-button:disabled{opacity:.6;cursor:not-allowed}.homework-response-confirmation{margin-top:30px}.confirmation-header{text-align:center;margin-bottom:24px}.confirmation-header h2{color:#30206d;margin:0;font-size:24px;font-weight:700}.confirmation-message{text-align:center;background:#f8f6ff;border:1px solid #ebe6fa;border-radius:12px;margin-bottom:24px;padding:20px}.confirmation-message p{color:#302b49;margin:0 0 12px;font-size:15px;line-height:1.6}.confirmation-message p:last-child{margin-bottom:0}.confirmation-message .thank-you{color:#147f78;font-size:16px;font-weight:600}.confirmation-message .submission-status{color:#2864e8;font-size:14px;font-weight:600}.confirmation-details{background:#f8f6ff;border:1px solid #ebe6fa;border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex}.confirmation-details .homework-info-row{flex-direction:column;gap:4px;display:flex}.confirmation-details .homework-info-label{text-transform:uppercase;letter-spacing:.04em;color:#77718a;font-size:12px;font-weight:600}.confirmation-details strong{color:#302b49;font-size:15px;font-weight:600}.confirmation-actions{text-align:center}.homework-back-link{color:#5425aa;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:500}.homework-back-link:hover{text-decoration:underline}.homework-no-slots{text-align:center;background:#f8f6ff;border-radius:12px;margin-top:30px;padding:40px 20px}.homework-no-slots p{color:#302b49;margin:0 0 20px;font-size:15px}.homework-attend-button:disabled,.homework-not-attend-button:disabled{opacity:.6;cursor:not-allowed}.homework-footer-message{text-align:center;color:#77718a;margin:18px 0 0;font-size:12px}@media (width<=600px){.homework-booking-page{height:auto;min-height:100vh;padding:20px 14px 30px;overflow-y:auto}.homework-academy-logo{margin-bottom:14px}.homework-academy-logo img{width:190px}.homework-booking-card{border-radius:20px;padding:24px 20px 28px}.homework-title-section{margin-top:20px}.homework-title-section h1{font-size:24px}.homework-session-info{gap:16px;padding:17px}.homework-attendance-section h2{font-size:18px}.homework-attend-button,.homework-not-attend-button{min-height:50px;font-size:14px}html,body,#root{height:auto;min-height:100%;overflow-y:auto}}.existing-booking-message{padding:22px 20px}.existing-booking-details{text-align:left;border-top:1px solid #ebe6fa;flex-direction:column;gap:16px;margin-top:22px;padding-top:18px;display:flex}.existing-booking-details>div{flex-direction:column;gap:4px;display:flex}.existing-booking-details strong{color:#302b49;font-size:15px;font-weight:600}.existing-booking-details .student-name{color:#5425aa}.homework-primary-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 20px;font-weight:600}.homework-primary-button:hover{background:#1d4ed8}.homework-primary-button:disabled{opacity:.6;cursor:not-allowed}.parent-dashboard{color:#29234f;background:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex}.dashboard-header{color:#fff;background:linear-gradient(110deg,#402080 0%,#4b2498 50%,#382078 100%);width:100%}.dashboard-header-inner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;min-height:130px;margin:0 auto;padding:12px 28px;display:flex}.academy-brand{box-sizing:border-box;background:#f5f7fa;border-radius:12px;justify-content:center;align-items:center;min-width:260px;min-height:110px;padding:8px 18px;display:flex}.academy-logo{object-fit:contain;width:190px;height:auto;display:block}.student-account{align-items:center;gap:14px;display:flex}.account-info{flex-direction:column;gap:3px;display:flex}.account-info strong{font-size:18px}.account-info span{opacity:.95;font-size:14px}.header-divider{background:#ffffff59;width:1px;height:46px;margin:0 4px}.logout-button{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:15px;display:flex}.logout-icon{font-size:24px}.dashboard-main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:34px 28px 28px;overflow:hidden auto}.dashboard-welcome{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.welcome-left{align-items:center;gap:16px;display:flex}.welcome-wave{font-size:43px}.dashboard-welcome h1{color:#30206d;margin:0;font-size:28px;line-height:1.2}.dashboard-welcome p{color:#57526d;margin:6px 0 0;font-size:17px}.welcome-star{color:#f5bc20;font-size:60px;line-height:1}.tool-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.tool-card{box-sizing:border-box;text-align:center;border:1px solid #32285a14;border-radius:18px;flex-direction:column;align-items:center;min-height:330px;padding:22px;display:flex;box-shadow:0 4px 12px #1e19460f}.chatbot-card,.quiz-card{background:#fbf9ff}.exam-card{background:#fff9f2}.homework-card{background:#f5f9ff}.tool-image{border-radius:50%;justify-content:center;align-items:center;width:145px;height:125px;margin-bottom:10px;font-size:72px;display:flex}.chatbot-image{background:#eee8ff}.quiz-image{background:#ddf5df}.exam-image{background:#ffecd8}.homework-image{background:#e0efff}.tool-card h2{margin:0 0 8px;font-size:24px;line-height:1.2}.chatbot-card h2{color:#5a27ad}.quiz-card h2{color:#218b4d}.exam-card h2{color:#e87b16}.homework-card h2{color:#1769c4}.tool-card p{color:#48435c;min-height:68px;margin:0;font-size:15px;line-height:1.5}.tool-button{color:#fff;cursor:pointer;border:none;border-radius:22px;justify-content:space-between;align-items:center;width:185px;height:42px;margin-top:auto;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.tool-button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #1e1e3c26}.purple-button{background:#5a20b7}.green-button{background:#16994b}.orange-button{background:#f28718}.blue-button{background:#176fd4}.dashboard-message{box-sizing:border-box;background:#f7f2ff;border-radius:14px;align-items:center;gap:16px;min-height:76px;margin-top:24px;padding:15px 22px;display:flex}.message-icon{font-size:30px}.dashboard-message strong{color:#30206d;font-size:15px;display:block}.dashboard-message p{color:#56506a;margin:4px 0 0;font-size:14px}.dashboard-footer{color:#fff;background:#3f207e;width:100%}.footer-inner{box-sizing:border-box;justify-content:space-between;align-items:center;max-width:1200px;min-height:58px;margin:0 auto;padding:0 28px;display:flex}.footer-left,.footer-privacy{align-items:center;gap:10px;font-size:13px;display:flex}.footer-left a,.footer-privacy a{color:#fff;text-decoration:underline}.footer-divider{background:#ffffff59;width:1px;height:26px;margin-left:auto;margin-right:22px}@media (width<=800px){.dashboard-header-inner{padding:12px 18px}.academy-brand{min-width:auto;min-height:90px;padding:6px 12px}.academy-logo{width:150px}.account-info strong{font-size:15px}.account-info span{font-size:12px}.logout-button{font-size:13px}.dashboard-main{padding:25px 18px}.tool-grid{grid-template-columns:1fr}.dashboard-welcome h1{font-size:24px}.welcome-star{font-size:45px}}@media (width<=560px){.dashboard-header-inner{min-height:105px;padding:10px 14px}.student-account{align-items:center;gap:8px}.account-info{max-width:145px}.account-info strong,.account-info span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-divider{height:35px}.logout-button{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 6px;font-size:13px;display:flex}.logout-icon{font-size:25px;line-height:1}.logout-label{font-size:11px;line-height:1}.dashboard-welcome{align-items:flex-start}.welcome-left{gap:10px}.welcome-wave{font-size:34px}.dashboard-welcome h1{font-size:21px}.dashboard-welcome p{font-size:14px}.welcome-star{font-size:38px}.tool-card{min-height:320px}.footer-inner{flex-wrap:wrap;gap:10px;padding:14px}.footer-divider{display:none}}.parent-teacher-card{background:#fff8f2}.parent-teacher-image{background:#ffe9d6}.parent-teacher-card h2{color:#d86b16}.parent-teacher-button{background:#e97918}.parent-teacher-button:hover{background:#c9610e}.interview-panel{background:#fff8f2;border:1px solid #32285a14;border-radius:18px;max-width:860px;margin:0 auto;padding:28px;box-shadow:0 4px 12px #1e19460f}.interview-event-heading{align-items:flex-start;gap:18px;display:flex}.interview-event-icon{background:#ffe9d6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;display:flex}.interview-eyebrow{color:#d86b16;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:13px;font-weight:700;display:block}.interview-event-heading h2{color:#30206d;margin:0;font-size:25px;line-height:1.25}.interview-event-heading p{color:#57526d;margin:6px 0 0;font-size:15px}.interview-details{background:#f0dfd1;border:1px solid #f0dfd1;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:28px 0 0;display:grid;overflow:hidden}.interview-detail{background:#fff;padding:15px 17px}.interview-detail dt{color:#746d80;margin-bottom:5px;font-size:13px;font-weight:600}.interview-detail dd{color:#29234f;margin:0;font-size:15px;font-weight:600}.interview-slots{margin-top:28px}.interview-slots h3{color:#30206d;margin:0 0 14px;font-size:20px}.time-slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.time-slot{color:#30206d;min-height:52px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e97918;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 15px;font-size:15px;font-weight:700;transition:background .15s,color .15s,transform .15s;display:flex}.time-slot:hover:not(:disabled){background:#fff0e3;transform:translateY(-1px)}.time-slot.selected{color:#fff;background:#e97918}.time-slot.booked,.time-slot:disabled{color:#918d99;cursor:not-allowed;background:#f2f1f4;border-color:#d8d5dc}.slot-status{font-size:13px;font-weight:600}.interview-confirmation,.interview-success{background:#fff;border:1px solid #f0dfd1;border-radius:12px;margin-top:18px;padding:16px 18px}.interview-confirmation{justify-content:space-between;align-items:center;gap:16px;display:flex}.confirmation-label{color:#746d80;margin-bottom:5px;font-size:13px;display:block}.interview-confirmation strong{color:#30206d;font-size:16px}.confirm-interview-button{color:#fff;min-height:42px;font:inherit;cursor:pointer;white-space:nowrap;background:#e97918;border:none;border-radius:22px;padding:0 16px;font-size:14px;font-weight:700}.confirm-interview-button:hover{background:#c9610e}.interview-success{background:#f1fbf3;border-color:#b9dfc4}.interview-success strong{color:#218b4d;font-size:16px}.interview-success p{color:#48435c;margin:6px 0 0;font-size:14px;line-height:1.45}.booking-confirmation-details{color:#48435c;gap:5px;margin-top:14px;font-size:14px;line-height:1.4;display:grid}.existing-booking-view{gap:16px;display:grid}.booked-interview-card{background:#fff;border:1px solid #d8cef0;border-radius:12px;padding:18px}.booked-interview-card h3{color:#30206d;margin:0 0 15px;font-size:20px}.booked-interview-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0 0 18px;display:grid}.booked-interview-card dt{color:#746d80;margin-bottom:4px;font-size:13px}.booked-interview-card dd{color:#29234f;margin:0;font-size:14px;font-weight:600}.booked-interview-card .confirm-interview-button{width:auto}.no-other-slots{color:#c9610e;margin:15px 0 0;font-size:14px;line-height:1.45}.interview-change-modal-overlay{z-index:20;background:#1f1a2e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.interview-change-modal{background:#fff;border-radius:18px;width:min(100%,480px);padding:28px;position:relative;box-shadow:0 18px 40px #1f1a2e33}.interview-change-modal-close{color:#746d80;cursor:pointer;background:0 0;border:none;font-size:25px;position:absolute;top:12px;right:14px}.interview-change-modal h2{color:#30206d;margin:8px 0 10px;font-size:22px}.interview-change-modal p{color:#57526d;margin:0;font-size:14px;line-height:1.5}.interview-time-comparison{color:#48435c;background:#fff8f2;border-radius:10px;gap:8px;margin:18px 0;padding:14px;font-size:14px;font-weight:600;display:grid}.interview-change-modal-actions{justify-content:flex-end;gap:10px;display:flex}.interview-cancel-button{color:#57526d;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9d1ee;border-radius:22px;padding:0 16px;font-size:14px;font-weight:700}@media (width<=560px){.interview-panel{padding:20px 16px}.interview-event-heading h2{font-size:21px}.interview-details,.time-slot-list{grid-template-columns:1fr}.interview-confirmation{flex-direction:column;align-items:stretch}.confirm-interview-button{width:100%}.booked-interview-card dl{grid-template-columns:1fr}.booked-interview-card .confirm-interview-button{width:100%}.interview-change-modal-actions{flex-direction:column-reverse}.interview-cancel-button{width:100%}}.chat-container{box-sizing:border-box;background-color:#ffe3d4;justify-content:center;align-items:center;width:100%;min-height:100dvh;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.bg-img{opacity:.2;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:contain;position:absolute}.bg-img-1{background-image:url(https://gemkidsacademy.com.au/wp-content/uploads/2024/10/icon_5.png);width:50px;height:50px;top:50px;left:-10px}.bg-img-2{background-image:url(https://gemkidsacademy.com.au/wp-content/uploads/2024/10/program_list_shape_02-117x150.png);width:117px;height:150px;top:150px;right:-20px}.bg-img-3{background-image:url(https://gemkidsacademy.com.au/wp-content/uploads/2024/10/banner_4.png);width:200px;height:100px;bottom:100px;left:-50px}.bg-img-4{background-image:url(https://gemkidsacademy.com.au/wp-content/uploads/2024/10/feature_5.png);width:60px;height:60px;bottom:50px;right:-40px}.chat-box{z-index:1;box-sizing:border-box;background-color:#fffffff2;border-radius:18px;flex-direction:column;width:min(95%,1600px);height:calc(100dvh - 40px);margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 30px #00000026}.chat-header{color:#fff;letter-spacing:.5px;z-index:100;background:linear-gradient(90deg,#ec5125,#f97316);flex-shrink:0;align-items:center;gap:8px;padding:1rem;font-size:1.25rem;font-weight:700;display:flex;position:sticky;top:0}.chat-messages{scrollbar-width:thin;scrollbar-color:#bbb #f9fafb;-webkit-overflow-scrolling:touch;box-sizing:border-box;background-color:#f9fafb;flex-direction:column;flex:1;gap:.75rem;width:100%;padding:.75rem .85rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.message{word-wrap:break-word;white-space:pre-wrap;border-radius:1rem;max-width:80%;padding:.75rem 1rem;font-size:.95rem;box-shadow:0 4px 10px #0000001a}.message.user{color:#fff;background:linear-gradient(90deg,#ec5125,#f97316);border-bottom-right-radius:.25rem;align-self:flex-end;animation:.3s slideInRight}.message.bot{color:#1f1f1f;box-sizing:border-box;background:linear-gradient(90deg,#fff2ec,#ffe6d9);border-bottom-left-radius:.25rem;align-self:stretch;width:100%;max-width:100%;padding:.9rem 1rem;animation:.3s slideInLeft}.chat-input{z-index:100;background-color:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:10px;padding:.75rem 1rem;display:flex;position:sticky;bottom:0}.chat-input input{border:1px solid #d1d5db;border-radius:2rem;outline:none;flex:1;padding:.65rem 1rem;font-size:1rem;transition:all .2s}.chat-input input:focus{border-color:#ec5125;box-shadow:0 0 0 2px #ec512533}.chat-input button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#ec5125;border:none;border-radius:2rem;flex-shrink:0;padding:.65rem 1rem;font-weight:700;transition:background .2s,transform .1s}.chat-input button:hover{background-color:#d64920;transform:scale(1.05)}.message a{color:#ec5125;word-break:break-word;font-weight:500;text-decoration:underline}.message a:hover{color:#c93f15}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.spinner{border:3px solid #f3f3f3;border-top-color:#ec5125;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.chat-container{padding:0}.chat-box{border-radius:0;width:100%;height:100dvh;margin:0}.chat-header{padding:12px;font-size:15px}.chat-title{font-size:15px}.chat-logo{width:20px;height:20px}.chat-header-right{gap:8px}.quick-tips-btn{padding:5px 10px;font-size:12px}.chat-timer{font-size:13px}.chat-messages{padding:10px}.message{max-width:90%;font-size:14px}}html,body{background:linear-gradient(to bottom right,#ffe3d4,#ffd1c0);height:100%;margin:0;padding:0}.chat-container{overflow:hidden}.chat-header{z-index:2;background:linear-gradient(90deg,#ec5125,#f97316);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:relative}.chat-header-left{align-items:center;gap:8px;display:flex}.chat-logo-wrap{background-color:#fff;border-radius:50%;padding:4px}.chat-logo{width:24px;height:24px}.chat-title{color:#fff;font-weight:700}.chat-header-right{align-items:center;gap:12px;display:flex}.chat-timer{color:#fff;font-weight:700}.quick-tips-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff59;border-radius:999px;padding:6px 14px;font-weight:600;transition:all .2s}.quick-tips-btn:hover{background:#ffffff47}.chat-box{position:relative}.quick-tips-overlay{z-index:1000;position:absolute;top:64px;right:16px}.quick-tips-card{background:#fff;border:1px solid #ececec;border-radius:14px;width:310px;overflow:hidden;box-shadow:0 15px 40px #00000026}.quick-tips-header{border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.quick-tips-title{color:#333;font-size:22px;font-weight:700}.quick-tips-body{padding:20px}.quick-tips-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:22px}.quick-tips-close:hover{color:#374151}.quick-tip-item{align-items:flex-start;gap:14px;display:flex}.quick-tip-item+.quick-tip-item{margin-top:22px}.quick-tip-icon{background:#fff3ed;border-radius:50%;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:18px;display:flex}.quick-tip-text{flex:1}.quick-tip-heading{color:#333;font-size:16px;font-weight:700;line-height:1.45}.quick-tip-subtext{color:#666;margin-top:4px;font-size:14px;line-height:1.5}.usage-notice{border-top:1px solid #ececec;margin-top:24px;padding-top:18px}.usage-notice-title{color:#d97706;margin-bottom:8px;font-size:16px;font-weight:700}.usage-notice-text{color:#555;font-size:14px;line-height:1.6}@media (width<=768px){.quick-tips-overlay{top:60px;right:10px}.quick-tips-card{width:min(94vw,300px)}.quick-tip-heading{font-size:15px}.quick-tip-subtext{font-size:13px}.chat-input{flex-wrap:wrap;gap:8px}.reasoning-container{order:1;justify-content:space-between;width:100%}.reasoning-container select{width:160px}.chat-input input{flex:1;order:2;min-width:0}.chat-input button{order:3;width:60px;min-width:60px}.bg-img{display:none}}.reasoning-container{align-items:center;gap:8px;display:flex}.reasoning-container select{border:1px solid #d1d5db;border-radius:20px;padding:8px 12px}.bot-markdown h1,.bot-markdown h2,.bot-markdown h3,.bot-markdown h4,.bot-markdown h5,.bot-markdown h6{margin:.8em 0 .4em}.bot-markdown p{margin:.5em 0}.bot-markdown ul,.bot-markdown ol{margin:.5em 0;padding-left:1.5em}.bot-markdown li{margin:.2em 0}.bot-markdown{line-height:1.6}.chat-messages{background:#f9fafb;gap:8px;padding:0}.message.bot{box-sizing:border-box;background:linear-gradient(90deg,#fff2ec,#ffe6d9);border-radius:0 18px 18px;align-self:flex-start;width:auto;max-width:500px;margin:0;padding:14px;box-shadow:0 6px 14px #0000001a}.message.bot+.message.bot{border-radius:0 18px 18px}@media (width<=768px){.message.bot{width:calc(100% - 14px);max-width:500px;margin-left:7px;padding:12px 10px}}.message.bot.welcome-message{width:100%;max-width:100%;box-shadow:none;background:0 0;border-radius:0;padding:0}.welcome-card{box-sizing:border-box;color:#1f1f1f;background:linear-gradient(90deg,#fff2ec,#ffe6d9);border-radius:16px;width:100%;padding:14px 14px 16px;box-shadow:0 6px 14px #0000001a}.welcome-title{margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.4}.quote-label{color:#ec5125;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.quote-text{border-left:3px solid #ff5a1f;margin:0;padding-left:10px;font-size:15px;font-style:italic;line-height:1.5}.quote-author{text-align:right;color:#444;margin-top:8px;font-size:14px}.welcome-footer{margin-top:16px;font-size:14px;line-height:1.5}.quiz-review{box-sizing:border-box;width:100%;margin-top:24px;padding:0 4px 24px}.review-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.review-header h3{color:#222;margin:0;font-size:1.35rem;font-weight:700}.review-score{color:#ec5125;white-space:nowrap;background:#fff2ec;border-radius:999px;margin:0;padding:8px 14px;font-size:.95rem;font-weight:600}.review-score strong{font-weight:800}.review-list{flex-direction:column;gap:14px;display:flex}.review-card{box-sizing:border-box;background:linear-gradient(90deg,#fff2ec,#ffe6d9);border-left:4px solid #0000;border-radius:14px;width:100%;padding:16px 18px;box-shadow:0 4px 12px #00000014}.review-card.correct{border-left-color:#22c55e}.review-card.wrong{border-left-color:#ef4444}.review-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.review-question-number{color:#333;font-size:.9rem;font-weight:700}.review-question{color:#222;margin-bottom:14px;font-size:1rem;font-weight:500;line-height:1.5}.review-answer{background:#ffffffa6;border-radius:8px;flex-direction:column;gap:3px;margin-top:9px;padding:9px 11px;display:flex}.review-answer-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:700}.review-answer-value{color:#222;font-size:.92rem;line-height:1.4}.review-result{border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:.78rem;font-weight:700}.correct-text{color:#15803d;background:#dcfce7}.wrong-text{color:#b91c1c;background:#fee2e2}@media (width<=768px){.quiz-review{min-height:0;margin-top:18px;padding:0 2px 20px;overflow-y:auto}.review-header{flex-direction:column;align-items:flex-start;gap:8px}.review-header h3{font-size:1.2rem}.review-card{padding:14px}.review-card-header{align-items:flex-start}.review-question{font-size:.95rem}}.admin-interview-page{color:#29234f;background:#f7f5ff;min-height:100vh}.admin-interview-header{color:#fff;background:linear-gradient(110deg,#402080 0%,#4b2498 50%,#382078 100%)}.admin-interview-header-inner{align-items:center;gap:28px;width:min(1200px,100% - 56px);min-height:130px;margin:0 auto;display:flex}.admin-interview-brand{background:#f5f7fa;border-radius:12px;justify-content:center;align-items:center;min-width:220px;min-height:88px;padding:8px 18px;display:flex}.admin-interview-brand img{width:170px;height:auto;display:block}.admin-interview-header h1,.admin-page-intro h2,.admin-section h2,.admin-summary-section h2{margin:0}.admin-interview-header h1{font-size:30px}.admin-identity{color:#ffffffe0;margin:7px 0 0;font-size:14px;font-weight:600}.admin-eyebrow,.admin-section-kicker{color:#f5bc20;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.admin-interview-main{width:min(1200px,100% - 56px);margin:0 auto;padding:36px 0 54px}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px;display:grid}.admin-page-intro,.admin-section,.admin-summary-section{background:#fff;border:1px solid #32285a14;border-radius:18px;box-shadow:0 4px 12px #1e19460f}.admin-page-intro{align-items:center;gap:18px;margin-bottom:22px;padding:24px 28px;display:flex}.admin-overview-card{box-sizing:border-box;cursor:pointer;text-align:center;background:#f0ecff;align-self:start;align-items:center;gap:10px;width:100%;height:220px;min-height:0;margin-bottom:0;padding:16px 28px;transition:transform .18s,box-shadow .18s,border-color .18s}.admin-event-setup-card{text-align:left;grid-template-rows:auto auto;grid-template-columns:58px minmax(0,1fr);gap:0 18px;display:grid}.admin-event-setup-card .admin-overview-icon{grid-row:1/3;justify-self:center}.admin-event-setup-card .admin-overview-action{grid-column:2;justify-self:start}.admin-overview-card:hover,.admin-overview-card:focus-visible{border-color:#8d72d8;outline:none;transform:translateY(-3px);box-shadow:0 10px 24px #40208024}.admin-overview-icon{font-size:54px;line-height:1}.admin-overview-card h2{margin:2px 0 0}.admin-overview-card p{margin:7px 0 14px}.admin-overview-action{color:#fff;background:#5b35a8;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:700}.admin-page-icon{background:#ffe9d6;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;display:flex}.admin-page-intro h2{color:#30206d;font-size:26px}.admin-page-intro p:last-child{color:#57526d;margin:6px 0 0}.admin-section,.admin-summary-section{margin-bottom:22px;padding:26px 28px}.admin-section-heading,.admin-summary-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-section h2,.admin-summary-section h2{color:#30206d;font-size:22px}.admin-section-kicker{color:#d86b16;margin-bottom:4px}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-form-grid label{color:#48435c;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.admin-field-wide{grid-column:1/-1}.admin-form-grid input{color:#29234f;min-height:46px;font:inherit;background:#fff;border:1px solid #d9d1ee;border-radius:9px;padding:0 13px;font-size:14px}.teacher-availability{background:#fff8f2;border:1px solid #f0dfd1;border-radius:13px;padding:20px}.teacher-availability+.teacher-availability{margin-top:14px}.teacher-heading{align-items:center;gap:13px;display:flex}.teacher-avatar{background:#ffe9d6;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:23px;display:flex}.teacher-heading strong,.teacher-heading span{display:block}.teacher-heading strong{color:#30206d;font-size:17px}.teacher-heading span{color:#746d80;margin-top:3px;font-size:14px}.availability-summary{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.availability-summary span,.slot-chip{color:#48435c;background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.generated-label{color:#746d80;margin-bottom:9px;font-size:13px;font-weight:700;display:block}.slot-chip-list{flex-wrap:wrap;gap:8px;display:flex}.slot-chip{color:#d86b16;border:1px solid #efc59f}.admin-secondary-button,.admin-save-button{min-height:42px;font:inherit;cursor:pointer;border:none;border-radius:21px;padding:0 17px;font-size:14px;font-weight:700}.admin-secondary-button{color:#d86b16;background:#fff;border:1px solid #e97918}.admin-save-button{color:#fff;background:#5a20b7}.admin-secondary-button:hover,.admin-save-button:hover{transform:translateY(-1px)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-grid div{text-align:center;background:#f7f2ff;border-radius:11px;padding:18px 12px}.summary-grid strong,.summary-grid span{display:block}.summary-grid strong{color:#5a27ad;font-size:28px}.summary-grid span{color:#57526d;margin-top:4px;font-size:13px}.save-message{color:#218b4d;margin:16px 0 0;font-size:14px;font-weight:700}.capacity-summary{border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px;padding:14px 16px;font-size:13px;display:flex}.capacity-summary span{color:#48435c;font-weight:600}.capacity-summary strong{flex-direction:column;gap:4px;font-size:13px;display:flex}.capacity-summary small{font-size:12px;font-weight:600}.capacity-summary.sufficient{background:#f1fbf3;border:1px solid #b9dfc4}.capacity-summary.sufficient strong{color:#218b4d}.capacity-summary.insufficient{background:#fff3e9;border:1px solid #f0c5a0}.capacity-summary.insufficient strong,.capacity-summary.insufficient small,.capacity-save-warning{color:#c9610e}.capacity-save-warning{background:#fff3e9;border-left:4px solid #e97918;margin:16px 0 0;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.45}@media (width<=700px){.admin-overview-grid{grid-template-columns:1fr}.admin-interview-header-inner,.admin-interview-main{width:min(100% - 28px,1200px)}.admin-interview-header-inner{gap:14px;min-height:110px}.admin-interview-brand{min-width:145px;min-height:72px;padding:6px 10px}.admin-interview-brand img{width:125px}.admin-interview-header h1{font-size:22px}.admin-identity{font-size:12px}.admin-form-grid,.summary-grid{grid-template-columns:1fr 1fr}.admin-field-wide{grid-column:1/-1}}@media (width<=480px){.admin-page-intro,.admin-section,.admin-summary-section{padding:20px 16px}.admin-page-intro{align-items:flex-start}.admin-section-heading,.admin-summary-heading{flex-direction:column;align-items:flex-start}.admin-secondary-button,.admin-save-button{width:100%}.admin-form-grid,.summary-grid{grid-template-columns:1fr}.admin-field-wide{grid-column:auto}}.admin-event-section{background:#fff;border:1px solid #32285a14;border-radius:18px;margin-bottom:22px;padding:26px 28px;box-shadow:0 4px 12px #1e19460f}.admin-event-section h2{color:#30206d;margin:0 0 22px;font-size:25px}.event-setup-toolbar{align-items:end;gap:16px;margin-bottom:24px;display:flex}.event-setup-toolbar label{color:#48435c;flex-direction:column;flex:1;gap:7px;font-size:13px;font-weight:700;display:flex}.event-setup-toolbar select{color:#29234f;min-height:46px;font:inherit;background:#fff;border:1px solid #d9d1ee;border-radius:9px;padding:0 13px;font-size:14px}.selected-event-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.selected-event-heading h2{margin-bottom:22px}.event-status{border-radius:14px;margin-bottom:22px;padding:6px 11px;font-size:12px;font-weight:700}.event-status.published{color:#218b4d;background:#e1f5e6}.event-status.completed{color:#746d80;background:#eeeaf5}.event-status.draft{color:#c9610e;background:#fff0e3}.admin-existing-events-section{background:#fff;border:1px solid #32285a14;border-radius:18px;margin-bottom:22px;padding:26px 28px;box-shadow:0 4px 12px #1e19460f}.existing-events-table-wrap{overflow-x:auto}.existing-events-table{border-collapse:collapse;width:100%;min-width:860px;font-size:13px}.existing-events-table th,.existing-events-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eeeaf5;padding:13px 10px}.existing-events-table th{color:#746d80;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.existing-events-table td{color:#48435c}.open-event-button{color:#c9610e;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e97918;border-radius:17px;padding:0 12px;font-size:12px;font-weight:700}.open-event-button:hover{background:#fff0e3}.event-action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.event-edit-button,.event-delete-button,.event-delete-confirm-button{min-height:34px;font:inherit;cursor:pointer;border-radius:17px;padding:0 12px;font-size:12px;font-weight:700}.event-edit-button{color:#5b35a8;background:#fff;border:1px solid #5b35a8}.event-delete-button,.event-delete-confirm-button{color:#c94f4f;background:#fff;border:1px solid #c94f4f}.event-delete-confirm-button{color:#fff;background:#c94f4f}.event-delete-disabled{color:#746d80;font-size:12px;font-weight:700}.new-event-fields{grid-template-columns:1fr 1fr}.new-event-fields label:last-child{grid-column:1/-1}.new-event-save-button{margin-top:20px}.new-event-modal-overlay{z-index:30;background:#1f1a2e7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.new-event-modal{background:#fff;border:1px solid #32285a14;border-radius:18px;width:min(100%,620px);padding:28px;box-shadow:0 18px 40px #1f1a2e33}.new-event-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.new-event-modal-header h2{color:#30206d;margin:0;font-size:25px}.new-event-close-button{color:#746d80;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1}.new-event-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.admin-cancel-button{color:#57526d;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9d1ee;border-radius:21px;padding:0 17px;font-size:14px;font-weight:700}.event-fields,.availability-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.event-fields label,.availability-settings label{color:#48435c;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.event-fields input,.availability-settings input{color:#29234f;min-height:46px;font:inherit;background:#fff;border:1px solid #d9d1ee;border-radius:9px;padding:0 13px;font-size:14px}.teacher-table-heading,.teacher-row{grid-template-columns:1fr 1fr;align-items:center;gap:16px;display:grid}.teacher-table-heading{color:#746d80;text-transform:uppercase;letter-spacing:.04em;padding:0 16px 9px;font-size:12px;font-weight:700}.teacher-row{color:#48435c;background:#fff8f2;border:1px solid #f0dfd1;border-radius:11px;padding:16px;font-size:14px}.teacher-card{margin-bottom:14px}.teacher-accordion-header{color:#48435c;width:100%;font:inherit;text-align:left;cursor:pointer;border:1px solid #f0dfd1;grid-template-columns:auto minmax(0,1fr) auto auto}.teacher-person-icon{font-size:18px}.teacher-accordion-indicator{color:#5a20b7;font-size:12px;font-weight:700}.teacher-availability-content{background:#fff8f2;border:1px solid #f0dfd1;border-top:none;border-radius:0 0 11px 11px;padding:0 16px 16px}.teacher-row strong{color:#30206d}.availability-settings{max-width:560px;margin-top:20px}.generated-slots{margin-top:24px}.generated-slots h3{color:#30206d;margin:0 0 11px;font-size:17px}.admin-summary-heading h2{color:#30206d;font-size:22px}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=700px){.teacher-accordion-header{grid-template-columns:auto minmax(0,1fr) auto}.teacher-table-heading,.teacher-row{grid-template-columns:1fr;gap:6px}.teacher-table-heading{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.admin-existing-events-section,.admin-event-section{padding:20px 16px}.event-fields,.availability-settings{grid-template-columns:1fr}}.admin-add-teacher{align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-add-teacher label{color:#211558;white-space:nowrap;font-size:15px;font-weight:600}.admin-add-teacher select{color:#211558;cursor:pointer;background:#fff;border:1px solid #d8cef3;border-radius:10px;outline:none;min-width:260px;height:44px;padding:0 40px 0 14px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.admin-add-teacher select:hover{border-color:#7b4bd9}.admin-add-teacher select:focus{border-color:#5b2bc7;box-shadow:0 0 0 3px #5b2bc71f}.admin-add-teacher select:invalid{color:#77728d}.teacher-selection-row{background:#faf8ff;border:1px solid #e5dcf7;border-radius:14px;align-items:center;gap:14px;margin:0 0 24px;padding:16px 18px;display:flex}.teacher-selection-row>span{color:#211558;white-space:nowrap;font-size:15px;font-weight:600}.teacher-selection-row select{color:#211558;cursor:pointer;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#5b2bc7 50%),linear-gradient(135deg,#5b2bc7 50%,#0000 50%);background-position:calc(100% - 19px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;border:1px solid #cfc2eb;border-radius:10px;outline:none;width:320px;height:46px;padding:0 42px 0 15px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background-color .2s}.teacher-selection-row select:hover{background-color:#fdfbff;border-color:#7b4bd9}.teacher-selection-row select:focus{border-color:#5b2bc7;box-shadow:0 0 0 3px #5b2bc71f}.teacher-selection-row select:invalid{color:#77728d}@media (width<=700px){.teacher-selection-row{flex-direction:column;align-items:stretch;gap:9px}.teacher-selection-row select{width:100%}.admin-add-teacher{flex-direction:column;align-items:flex-start;gap:8px}.admin-add-teacher select{width:100%;min-width:0}}.admin-tabs{border-bottom:1px solid #e5dcf7;gap:8px;width:min(1200px,100% - 56px);margin:0 auto;padding-top:22px;display:flex}.admin-tab{color:#746d80;font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:13px 20px;font-size:14px;font-weight:700}.admin-tab:hover{color:#5a20b7}.admin-tab.active{color:#5a20b7;border-bottom-color:#e97918}.admin-bookings-section{background:#fff;border:1px solid #32285a14;border-radius:18px;padding:26px 28px;box-shadow:0 4px 12px #1e19460f}.bookings-download-button{flex-shrink:0;justify-content:center;align-items:center;gap:7px;display:inline-flex}.booking-filters{grid-template-columns:2fr repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.booking-filters label{color:#48435c;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.booking-filters select{color:#29234f;min-width:0;height:42px;font:inherit;background:#fff;border:1px solid #d9d1ee;border-radius:9px;padding:0 10px;font-size:13px}.booking-filters-submit{grid-column:1/-1;justify-self:end}.booking-summary{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.booking-summary span{color:#57526d;background:#f7f2ff;border-radius:9px;padding:10px 14px;font-size:13px}.booking-summary strong{color:#5a27ad;margin-right:4px;font-size:18px}.booking-table-wrap{overflow-x:auto}.booking-table{border-collapse:collapse;width:100%;min-width:850px;font-size:13px}.booking-table th,.booking-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eeeaf5;padding:13px 10px}.booking-table th{color:#746d80;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.booking-table td{color:#48435c}.booking-status{border-radius:12px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.booking-status.booked{color:#218b4d;background:#e1f5e6}.booking-status.not-booked{color:#c9610e;background:#fff0e3}.no-bookings{color:#746d80!important;text-align:center!important;padding:24px!important}@media (width<=700px){.admin-tabs{width:min(100% - 28px,1200px);overflow-x:auto}.admin-tab{flex:none;padding:12px 14px;font-size:13px}.booking-filters{grid-template-columns:1fr 1fr}.event-setup-toolbar{flex-direction:column;align-items:stretch}}@media (width<=480px){.admin-bookings-section{padding:20px 16px}.admin-bookings-section .admin-section-heading{flex-direction:column;align-items:stretch}.bookings-download-button{width:100%}.booking-filters{grid-template-columns:1fr}.booking-filters-submit{width:100%}.selected-event-heading{flex-direction:column;align-items:flex-start}.new-event-fields{grid-template-columns:1fr}.new-event-fields label:last-child{grid-column:auto}.new-event-modal{padding:22px 16px}.new-event-modal-actions{flex-direction:column-reverse}.new-event-modal-actions button{width:100%}}.admin-invitations-section{background:#fff;border:1px solid #32285a14;border-radius:18px;padding:26px 28px;box-shadow:0 4px 12px #1e19460f}.invitation-info{color:#57526d;background:#fff8f2;border-left:4px solid #e97918;margin:-4px 0 22px;padding:13px 15px;font-size:14px;line-height:1.45}.invitation-filters{grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.invitation-filters label{color:#48435c;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.invitation-filters select{color:#29234f;min-width:0;height:42px;font:inherit;background:#fff;border:1px solid #d9d1ee;border-radius:9px;padding:0 10px;font-size:13px}.invitation-actions{align-items:center;gap:18px;margin-bottom:18px;display:flex}.select-all-control{color:#30206d;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.select-all-control input,.invitation-table input{accent-color:#5a20b7;width:17px;height:17px}.selected-count{color:#746d80;font-size:13px}.invitation-actions .admin-save-button{margin-left:auto}.admin-save-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.invitation-table-wrap{overflow-x:auto}.invitation-table{border-collapse:collapse;width:100%;min-width:780px;font-size:13px}.invitation-table th,.invitation-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eeeaf5;padding:13px 10px}.invitation-table th{color:#746d80;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.invitation-table td{color:#48435c}.invitation-status{border-radius:12px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.invitation-status.sent{color:#218b4d;background:#e1f5e6}.invitation-status.not-sent{color:#c9610e;background:#fff0e3}.invitation-success{color:#218b4d;margin:18px 0 0;font-size:14px;font-weight:700}@media (width<=700px){.invitation-filters{grid-template-columns:1fr 1fr}.invitation-actions{flex-wrap:wrap;align-items:flex-start}.invitation-actions .admin-save-button{width:100%;margin-left:0}}@media (width<=480px){.admin-invitations-section{padding:20px 16px}.invitation-filters{grid-template-columns:1fr}}.admin-interview-page{height:100vh;overflow:hidden}.admin-interview-main{box-sizing:border-box;height:calc(100vh - 125px);overflow:hidden auto}.admin-interview-header-inner{align-items:center;gap:30px;display:flex}.admin-header-info{flex:1}.admin-logout-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffb3;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s}.admin-logout-button:hover{background-color:#ffffff1f;border-color:#fff}.gamified-dashboard-card{cursor:pointer;background:#f0ebff;border:1px solid #d8c9ff;border-radius:18px;align-items:center;gap:24px;min-height:190px;padding:32px 36px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 8px 24px #4c1d9514}.gamified-dashboard-card:hover{border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 14px 30px #4c1d9524}.gamified-dashboard-icon{color:#5b21b6;background:#ede9fe;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.gamified-dashboard-content{flex:1}.gamified-dashboard-content h2{color:#24155f;margin:0 0 8px;font-size:25px;font-weight:700}.gamified-dashboard-content p{color:#6b6480;margin:0;font-size:15px;line-height:1.6}.gamified-dashboard-arrow{color:#fff;background:#5b21b6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;line-height:1;transition:transform .2s;display:flex}.gamified-dashboard-card:hover .gamified-dashboard-arrow{transform:translate(4px)}.quiz-edit-form{flex-direction:column;gap:16px;width:100%;display:flex}.quiz-edit-field{flex-direction:column;gap:7px;width:100%;display:flex}.quiz-edit-label{font-size:14px;font-weight:700;line-height:1.4;display:block}.quiz-edit-input,.quiz-edit-textarea,.quiz-edit-select{box-sizing:border-box;color:#222;background:#fff;border:1px solid #d4d4dc;border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:15px;display:block}.quiz-edit-input,.quiz-edit-select{min-height:44px}.quiz-edit-textarea{resize:vertical;line-height:1.5}.quiz-edit-instructions{min-height:110px}.quiz-edit-prompt{min-height:120px}.quiz-edit-input:focus,.quiz-edit-textarea:focus,.quiz-edit-select:focus{border-color:#7c5cff;outline:none;box-shadow:0 0 0 3px #7c5cff1f}.quiz-edit-actions{box-sizing:border-box;justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:10px;padding:20px 0 30px;display:flex}.quiz-edit-actions button{cursor:pointer;border:none;border-radius:8px;min-height:44px;padding:10px 22px;font-size:15px;font-weight:600}.exam-create-page{box-sizing:border-box;width:100%;min-height:100vh;padding:32px 36px 50px}.exam-create-page>button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:9px 16px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a0f}.exam-create-page>button:hover{background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px);box-shadow:0 4px 10px #0f172a17}.exam-create-page h2{color:#172554;letter-spacing:-.3px;margin:0 0 30px;font-size:30px;font-weight:700}.exam-create-page>div>div{width:100%;max-width:520px;margin:0 auto}.exam-create-page .dashboard-button{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #c7d2fe;border-radius:14px;width:100%;min-height:58px;padding:14px 22px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;box-shadow:0 5px 14px #0f172a12}.exam-create-page .dashboard-button:hover{background:#eef2ff;border-color:#818cf8;transform:translateY(-3px);box-shadow:0 10px 22px #0f172a1c}.exam-create-page .dashboard-button:active{transform:translateY(0)}.exam-create-page .dashboard-button:first-child{border-top:4px solid #3b82f6}.exam-create-page .dashboard-button:nth-child(2){border-top:4px solid #8b5cf6}.exam-create-page .dashboard-button:nth-child(3){border-top:4px solid #10b981}.exam-create-page .dashboard-button:nth-child(4){border-top:4px solid #f59e0b}.exam-management-link{color:#4fc3f7;cursor:pointer;background:#ffffff14;border:1px solid #4fc3f7;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.exam-management-link:hover{color:#24105c;background:#4fc3f7;border-color:#4fc3f7;transform:translateY(-1px)}.exam-management-link:active{transform:translateY(0)}@media (width<=700px){.exam-create-page{padding:24px 18px 40px}.exam-create-page h2{margin-bottom:24px;font-size:26px}.exam-create-page>div>div{max-width:100%}.exam-create-page .dashboard-button{min-height:54px}}.teacher-allocation-page{max-width:1200px;margin:0 auto;padding:24px}.teacher-allocation-intro{margin-bottom:24px}.allocation-eyebrow{letter-spacing:1px;color:#f07816;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.teacher-allocation-intro h2{color:#25166f;margin:0 0 8px;font-size:28px}.teacher-allocation-intro p{color:#5c5a78;margin:0;line-height:1.6}.allocation-card{background:#fff;border:1px solid #ebe5f7;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 8px 24px #3622780f}.allocation-card-header,.allocation-section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.allocation-card h3{color:#25166f;margin:0 0 6px;font-size:20px}.allocation-card p{color:#6b6780;margin:0;font-size:14px}.allocation-form{grid-template-columns:1fr 1fr 1fr 1fr auto;align-items:end;gap:16px;display:grid}.allocation-form label{flex-direction:column;gap:7px;display:flex}.allocation-form label span{color:#292060;font-size:13px;font-weight:700}.allocation-form select{color:#241866;cursor:pointer;background:#fff;border:1px solid #d9ccf5;border-radius:9px;height:46px;padding:0 14px;font-size:14px;font-weight:600}.allocation-form select:focus{border-color:#6530d8;outline:none;box-shadow:0 0 0 3px #6530d81a}.allocation-add-button{color:#fff;cursor:pointer;background:#6029ca;border:none;border-radius:9px;height:46px;padding:0 22px;font-weight:700}.allocation-add-button:disabled{opacity:.45;cursor:not-allowed}.allocation-count{color:#6029ca;background:#f2edff;border-radius:20px;padding:7px 12px;font-size:13px;font-weight:700}.allocation-table{width:100%}.allocation-table-header,.allocation-row{grid-template-columns:1.35fr 1.35fr 1fr .9fr .9fr .7fr 1.2fr;align-items:center;gap:16px;display:grid}.allocation-table-header{color:#716d82;text-transform:uppercase;padding:0 14px 10px;font-size:12px;font-weight:800}.allocation-row{color:#312574;background:#fff9f4;border:1px solid #f0dfd1;border-radius:10px;min-height:58px;padding:0 14px;font-size:14px}.allocation-row+.allocation-row{margin-top:8px}.allocation-edit-button{color:#6029ca;cursor:pointer;background:#f2edff;border:1px solid #d9ccf5;border-radius:7px;justify-self:end;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.allocation-edit-button:hover{background:#e7def8;border-color:#bda5ed}.view-students-button{color:#e66b0c;cursor:pointer;background:#fff;border:1px solid #f07816;border-radius:7px;justify-self:end;padding:8px 13px;font-size:12px;font-weight:700}.student-list{width:100%}.student-list-summary{padding:0 16px 10px;font-weight:800}.student-list-header{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) minmax(220px,1fr);align-items:center;column-gap:10px;padding:0 16px 10px;font-weight:800;display:grid}.student-list-header>input[type=checkbox]{grid-column:1;justify-self:center;margin:0}.student-list-header>span{text-align:left;min-width:0}.student-list-row{box-sizing:border-box;border-top:1px solid #e8e5f0;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) minmax(220px,1fr);align-items:center;column-gap:10px;min-height:48px;padding:8px 16px;display:grid}.student-list-identity{display:contents}.student-list-identity>input[type=checkbox]{grid-column:1;place-self:center;margin:0}.student-list-identity>span{color:#1f1f1f;text-align:left;white-space:nowrap;text-overflow:ellipsis;grid-column:2;min-width:0;margin:0;padding:0;display:block;overflow:hidden}.student-list-name,.student-list-status{text-align:left;white-space:nowrap;min-width:0;margin:0;padding:0;display:block}.student-list-name{grid-column:3}.student-list-status{grid-column:4}.student-assignment-status{color:#236b3b;background:#e7f6ec;border-radius:999px;justify-self:start;padding:4px 9px;font-size:12px;font-weight:700;line-height:1.2;display:inline-block}.allocation-flow{background:#faf8ff;border:1px solid #e7def8;border-radius:14px;justify-content:center;align-items:center;gap:14px;margin-bottom:24px;padding:22px;display:flex}.flow-step{text-align:center;flex-direction:column;gap:4px;display:flex}.flow-step strong{color:#332477;font-size:14px}.flow-step span{color:#77728a;font-size:12px}.flow-arrow{color:#f07816;font-size:20px;font-weight:800}@media (width<=800px){.allocation-form{grid-template-columns:1fr}.allocation-table-header{display:none}.allocation-row{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.allocation-edit-button,.view-students-button{justify-self:start}.allocation-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}}.allocation-delete-button{color:#c0392b;cursor:pointer;background:#fff5f5;border:1px solid #e7b8b8;border-radius:7px;padding:8px 13px;font-size:12px;font-weight:700;transition:all .15s}.allocation-delete-button:hover{color:#a93226;background:#fde8e8;border-color:#d98b8b}.allocation-success-message{border-radius:8px;margin:12px 0 0;padding:10px 14px;font-size:13px;font-weight:600}.interview-reminders-page{max-width:1200px;margin:0 auto;padding:24px}.reminders-intro{margin-bottom:24px}.reminders-eyebrow{color:#f07816;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.reminders-intro h2{color:#25166f;margin:0 0 8px;font-size:28px}.reminders-intro p{color:#625d78;margin:0;line-height:1.6}.reminders-card{background:#fff;border:1px solid #e9e1f7;border-radius:16px;padding:26px;box-shadow:0 8px 24px #3622780f}.reminders-event label{flex-direction:column;gap:8px;display:flex}.reminders-event label span{color:#30246f;font-size:13px;font-weight:700}.reminders-event select{color:#241866;background:#fff;border:1px solid #d9ccf5;border-radius:9px;height:46px;padding:0 14px;font-size:14px;font-weight:600}.reminder-section{margin-top:28px}.reminder-section h3{color:#291c70;margin:0 0 14px;font-size:19px}.reminder-option{background:#faf8ff;border:1px solid #e9def8;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;padding:18px;display:flex}.reminder-option strong{color:#30236f}.reminder-option p{color:#6e6881;margin:5px 0 0;font-size:13px}.reminder-toggle{color:#777;cursor:pointer;background:#fff;border:1px solid #d5c7ef;border-radius:20px;min-width:105px;padding:9px 14px;font-weight:700}.reminder-toggle.active{color:#16884c;background:#e9f8ef;border-color:#19a05b}.reminder-toggle span{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.reminder-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.reminder-summary div{text-align:center;background:#f5f0ff;border-radius:10px;padding:18px}.reminder-summary strong{color:#6029ca;font-size:25px;display:block}.reminder-summary span{color:#68617d;margin-top:4px;font-size:12px;display:block}.preview-reminder-button{color:#fff;cursor:pointer;background:#6029ca;border:none;border-radius:8px;margin-top:22px;padding:11px 20px;font-weight:700}.reminder-preview-overlay{z-index:1000;background:#1e143c73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reminder-preview-modal{background:#fff;border-radius:16px;width:100%;max-width:650px;overflow:hidden;box-shadow:0 20px 50px #1e143c40}.preview-header{color:#fff;background:#4b2392;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.preview-header span{letter-spacing:1px;color:#ffd23f;font-size:10px;font-weight:800}.preview-header h3{margin:5px 0 0;font-size:18px}.preview-header button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px}.preview-email{color:#39315c;padding:26px;line-height:1.6}.preview-details{border:1px solid #e9def8;border-radius:10px;margin:20px 0;overflow:hidden}.preview-details div{border-bottom:1px solid #eee8f7;justify-content:space-between;gap:20px;padding:11px 14px;display:flex}.preview-details div:last-child{border-bottom:none}.preview-details span{color:#756e88;font-size:13px}.preview-details strong{color:#30236f;font-size:13px}@media (width<=700px){.reminder-summary{grid-template-columns:1fr}.reminder-option{flex-direction:column;align-items:flex-start}}.event-history-page{max-width:1200px;margin:0 auto;padding:24px}.history-intro{margin-bottom:24px}.history-eyebrow{color:#f07816;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.history-intro h2{color:#25166f;margin:0 0 8px;font-size:28px}.history-intro p{color:#625d78;margin:0}.history-card{background:#fff;border:1px solid #e9e1f7;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 8px 24px #3622780f}.history-event-select{flex-direction:column;gap:8px;display:flex}.history-event-select span{color:#30246f;font-size:13px;font-weight:700}.history-event-select select{color:#241866;background:#fff;border:1px solid #d9ccf5;border-radius:9px;height:46px;padding:0 14px;font-size:14px;font-weight:600}.history-event-heading{margin-bottom:20px}.completed-badge{color:#16884c;letter-spacing:.7px;background:#e8f7ed;border-radius:5px;margin-bottom:8px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.history-event-heading h3{color:#291c70;margin:0;font-size:21px}.history-details{border:1px solid #eadff7;border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.history-details div{border-right:1px solid #eadff7;padding:15px}.history-details div:last-child{border-right:none}.history-details span,.history-details strong{display:block}.history-details span{color:#777087;margin-bottom:5px;font-size:12px}.history-details strong{color:#30236f;font-size:14px}.history-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.history-summary div{text-align:center;background:#f5f0ff;border-radius:10px;padding:18px}.history-summary strong{color:#6029ca;font-size:25px;display:block}.history-summary span{color:#68617d;font-size:12px}.history-table-heading{margin-bottom:18px}.history-table-heading h3{color:#291c70;margin:0 0 5px;font-size:20px}.history-table-heading p{color:#706b80;margin:0;font-size:13px}.history-table{width:100%;overflow-x:auto}.history-table-header,.history-table-row{grid-template-columns:1.3fr .8fr 1fr 1fr .8fr 1.1fr;align-items:center;gap:14px;min-width:850px;display:grid}.history-table-header{color:#777087;text-transform:uppercase;padding:0 12px 10px;font-size:11px;font-weight:800}.history-table-row{color:#342873;border-top:1px solid #eee9f7;min-height:54px;padding:0 12px;font-size:13px}.history-status{border-radius:15px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.history-status.booked{color:#16884c;background:#e8f7ed}.history-status.not-booked{color:#e36b18;background:#fff1e8}@media (width<=700px){.history-summary{grid-template-columns:1fr 1fr}.history-details{grid-template-columns:1fr}.history-details div{border-bottom:1px solid #eadff7;border-right:none}.history-details div:last-child{border-bottom:none}}.homework-configuration{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #e5eaf2;border-radius:10px;width:100%;margin-top:28px;padding:26px;font-family:Trebuchet MS,Segoe UI,sans-serif;box-shadow:0 5px 15px #2336570a}.homework-configuration .homework-notice,.homework-configuration .homework-helper,.homework-configuration .homework-card-header p{color:#78869b;font-size:12px}.homework-configuration .homework-notice{background:#f7f9fc;border:1px solid #e3eaf5;border-radius:6px;margin:16px 0 24px;padding:11px 13px}.homework-configuration .homework-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.homework-configuration label{color:#56657c;gap:7px;font-size:12px;font-weight:700;display:grid}.homework-configuration select,.homework-configuration input{box-sizing:border-box;color:#2b3a52;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #dce3ee;border-radius:5px;outline:none;padding:0 11px;font-size:12px}.homework-configuration select:focus,.homework-configuration input:focus{border-color:#7fa7f1;box-shadow:0 0 0 3px #2866e81a}.homework-configuration select:disabled,.homework-configuration input:disabled{color:#94a0b4;cursor:not-allowed;background:#f4f6f9}.homework-configuration .homework-helper{margin:8px 0 14px}.homework-configuration .homework-card{background:#fbfcff;border:1px solid #e5eaf2;border-radius:8px;margin-top:22px;padding:18px}.homework-configuration .homework-card h3,.homework-configuration .homework-card h4{color:#263650;margin:0;font-size:14px}.homework-configuration .homework-card h4{font-size:12px}.homework-configuration .homework-card-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.homework-configuration .homework-card-header p{margin:6px 0 0}.homework-configuration .homework-card-header.collapsible-header,.homework-configuration .homework-card-header.collapsible-week-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;margin:-8px;padding:8px;transition:background-color .15s}.homework-configuration .homework-card-header.collapsible-header:hover,.homework-configuration .homework-card-header.collapsible-week-header:hover{background-color:#ffffff80}.homework-configuration .collapse-indicator{color:#78869b;flex-shrink:0;font-size:14px;font-weight:700}.homework-configuration .session-list{gap:10px;margin-top:13px;display:grid}.homework-configuration .session-row{background:#fff;border:1px solid #e0e7f1;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.homework-configuration .session-row>div{gap:3px;min-width:0;display:grid}.homework-configuration .session-row strong{color:#263650;font-size:12px}.homework-configuration .session-row span,.homework-configuration .session-row small{color:#78869b;font-size:11px}.homework-configuration .homework-empty{color:#78869b;margin:13px 0 0;font-size:12px}.homework-configuration .slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.homework-configuration .slot-card{background:#fff;border:1px solid #dfe6f0;border-radius:7px;gap:13px;min-width:0;padding:15px;display:grid}.homework-configuration .slot-card>strong{color:#263650;font-size:12px}.homework-configuration .slot-card>small{color:#78869b;font-size:11px}.homework-configuration .slot-card label{font-size:11px}.homework-configuration .slot-card input{min-height:34px}.homework-configuration .slot-actions{flex-wrap:wrap;gap:7px;display:flex}.homework-configuration .slot-actions p{color:#bf4e58;flex-basis:100%;margin:0;font-size:11px}.homework-configuration .available-default-slot{background:#f8f9fa;border:2px dashed #d9dde1;border-radius:7px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;min-height:110px;padding:14px;display:flex}.homework-configuration .available-default-slot>div{gap:4px;width:100%;display:grid}.homework-configuration .available-default-slot strong{color:#78869b;font-size:12px}.homework-configuration .available-default-slot span{color:#a1a7ad;font-size:11px}.homework-configuration .available-default-slot .status-text{color:#a1a7ad;font-size:10px;font-style:italic}.homework-configuration .available-default-slot button{align-self:flex-start}.homework-configuration .homework-primary-button,.homework-configuration .homework-secondary-button,.homework-configuration .homework-danger-button{cursor:pointer;min-height:32px;font:inherit;border:0;border-radius:4px;padding:0 12px;font-size:11px;font-weight:700;transition:background-color .15s,opacity .15s}.homework-configuration .homework-primary-button{color:#fff;background:#438ce2}.homework-configuration .homework-primary-button:hover:not(:disabled){background:#2866c4}.homework-configuration .homework-secondary-button{color:#2866c4;background:#eaf1fd}.homework-configuration .homework-secondary-button:hover:not(:disabled){background:#dce8fb}.homework-configuration .homework-danger-button{color:#bf4e58;background:#fff0f1}.homework-configuration .homework-danger-button:hover:not(:disabled){background:#ffe2e4}.homework-configuration .homework-primary-button:focus-visible,.homework-configuration .homework-secondary-button:focus-visible,.homework-configuration .homework-danger-button:focus-visible{outline-offset:2px;outline:3px solid #2866e833}.homework-configuration .homework-primary-button:disabled,.homework-configuration .homework-secondary-button:disabled,.homework-configuration .homework-danger-button:disabled{opacity:.5;cursor:not-allowed}.homework-configuration .booking-cutoff{max-width:360px;margin-top:20px}.homework-configuration .booking-cutoff .homework-helper{grid-column:1/-1;margin:-10px 0 0}.homework-configuration .configuration-footer{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.homework-configuration .configuration-footer span[role=status]{color:#3f876d;font-size:12px}.homework-configuration .configuration-footer .login-error{color:#bd4f50;margin:0;font-size:12px;line-height:1.35}@media (width<=1050px){.homework-configuration .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.homework-configuration{padding:20px}.homework-configuration .homework-form-grid,.homework-configuration .slot-grid{grid-template-columns:1fr}.homework-configuration .homework-card-header{display:grid}.homework-configuration .homework-card-header .homework-primary-button{justify-self:start}.homework-configuration .session-row{align-items:flex-start}.homework-configuration .booking-cutoff .homework-helper{grid-column:auto;margin-top:-10px}.homework-configuration .configuration-footer{align-items:flex-start}}.homework-automation{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #e5eaf2;border-radius:10px;width:100%;margin-top:28px;padding:26px;font-family:Trebuchet MS,Segoe UI,sans-serif;box-shadow:0 5px 15px #2336570a}.homework-automation .automation-card{background:#fff;border:1px solid #e5eaf2;border-radius:8px;margin-top:22px;padding:21px;box-shadow:0 5px 15px #2336570a}.homework-automation .automation-card:first-child{margin-top:0}.homework-automation .automation-card h3{color:#263650;margin:0 0 18px;font-size:15px}.homework-automation .automation-toggle{color:#56657c;align-items:center;gap:9px;font-size:12px;display:flex}.homework-automation .automation-toggle input{accent-color:#2866e8;width:15px;min-height:15px;margin:0}.homework-automation .automation-toggle strong{color:#2a9a73;font-size:11px}.homework-automation .automation-toggle strong:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin:0 5px 1px 0;display:inline-block}.homework-automation .automation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:17px;display:grid}.homework-automation .automation-form-grid label{color:#56657c;gap:7px;font-size:12px;font-weight:700;display:grid}.homework-automation .automation-form-grid select,.homework-automation .automation-form-grid input{box-sizing:border-box;color:#2b3a52;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #dce3ee;border-radius:5px;outline:none;padding:0 11px;font-size:12px}.homework-automation .automation-form-grid select:focus,.homework-automation .automation-form-grid input:focus{border-color:#7fa7f1;box-shadow:0 0 0 3px #2866e81a}.homework-automation .homework-notice{color:#78869b;background:#f7f9fc;border:1px solid #e3eaf5;border-radius:6px;margin:16px 0 0;padding:11px 13px;font-size:12px}.homework-automation .automation-description{color:#78869b;margin:-6px 0 9px;font-size:12px}.homework-automation .automation-term{color:#4c5e79;margin:0 0 15px;font-size:12px;font-weight:700}.homework-automation .automation-schedule{gap:10px;display:grid}.homework-automation .automation-row{color:#66758c;background:#fbfcff;border:1px solid #dfe6f0;border-radius:7px;gap:7px;padding:14px;font-size:11px;display:grid}.homework-automation .automation-row strong{color:#263650;font-size:12px}.homework-automation .automation-status{color:#78869b}.homework-automation .automation-status b{color:#2a9a73}.homework-automation .automation-status.sent b{color:#2866e8}.homework-automation .automation-status.not-sent b{color:#b98326}.homework-automation .homework-empty{color:#78869b;margin:13px 0 0;font-size:12px}.homework-automation .configuration-footer{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.homework-automation .configuration-footer span[role=status]{color:#3f876d;font-size:12px}.homework-automation .configuration-footer .login-error{color:#bd4f50;margin:0;font-size:12px;line-height:1.35}.homework-automation .homework-primary-button{color:#fff;cursor:pointer;min-height:32px;font:inherit;background:#438ce2;border:0;border-radius:4px;padding:0 12px;font-size:11px;font-weight:700;transition:background-color .15s,opacity .15s}.homework-automation .homework-primary-button:hover:not(:disabled){background:#2866c4}.homework-automation .homework-primary-button:focus-visible{outline-offset:2px;outline:3px solid #2866e833}.homework-automation .homework-primary-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=500px){.homework-automation{padding:20px}.homework-automation .automation-form-grid{grid-template-columns:1fr}.homework-automation .configuration-footer{align-items:flex-start}}.weekly-dashboard{color:#172033;margin-top:28px;font-family:Trebuchet MS,Segoe UI,sans-serif}.weekly-dashboard .weekly-week-selector{align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.weekly-dashboard .weekly-week-selector label{color:#2a3953;white-space:nowrap;font-size:13px;font-weight:600}.weekly-dashboard .weekly-week-selector select{color:#2a3953;appearance:none;cursor:pointer;width:200px;min-height:40px;font:inherit;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232a3953' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #d9dde1;border-radius:6px;padding:8px 32px 8px 12px;font-size:13px;transition:all .15s}.weekly-dashboard .weekly-week-selector select:hover{border-color:#50a99d;box-shadow:0 2px 8px #50a99d1f}.weekly-dashboard .weekly-week-selector select:focus{border-color:#50a99d;outline:none;box-shadow:0 0 0 3px #50a99d26}.weekly-dashboard .weekly-week-selector select:disabled{color:#a1a7ad;cursor:not-allowed;opacity:.6;background-color:#f5f6f8}.weekly-dashboard .weekly-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.weekly-dashboard .weekly-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e5eaf2;border-radius:8px;min-height:122px;padding:19px;box-shadow:0 5px 15px #2336570a}.weekly-dashboard .weekly-summary-card p{color:#718099;margin:0 0 13px;font-size:12px;font-weight:700}.weekly-dashboard .weekly-summary-card strong{color:#17263e;font-size:29px;line-height:1;display:block}.weekly-dashboard .weekly-summary-card span{color:#9aa6b8;margin-top:10px;font-size:11px;display:block}.weekly-dashboard .weekly-summary-card.attending{border-top:3px solid #45aa87}.weekly-dashboard .weekly-summary-card.declined{border-top:3px solid #e18c8c}.weekly-dashboard .weekly-summary-card.pending{border-top:3px solid #e4b35c}.weekly-dashboard .weekly-summary-card.total{border-top:3px solid #4b88e4}.weekly-dashboard .weekly-panel{background:#fff;border:1px solid #e5eaf2;border-radius:8px;margin-top:22px;padding:21px;box-shadow:0 5px 15px #2336570a}.weekly-dashboard .weekly-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.weekly-dashboard .weekly-panel-heading h3{color:#263650;margin:0;font-size:15px}.weekly-dashboard .weekly-panel-heading p{color:#8a97aa;margin:5px 0 0;font-size:12px}.weekly-dashboard .response-heading-actions{align-items:center;gap:8px;display:flex}.weekly-dashboard .response-filter{color:#2b3a52;min-height:32px;font:inherit;background:#fff;border:1px solid #dce3ee;border-radius:4px;outline:none;padding:0 9px;font-size:11px}.weekly-dashboard .response-filter:focus{border-color:#7fa7f1;box-shadow:0 0 0 3px #2866e81a}.weekly-dashboard .download-csv-button{color:#fff;max-width:100%;min-height:32px;font:inherit;white-space:nowrap;cursor:pointer;background:#5a20b7;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.weekly-dashboard .capacity-list{gap:12px;display:grid}.weekly-dashboard .capacity-row{color:#66758c;border-top:1px solid #edf0f5;grid-template-columns:150px 90px minmax(100px,1fr) auto;align-items:center;gap:14px;padding:12px 0;font-size:12px;display:grid}.weekly-dashboard .capacity-row strong{color:#2a3953;font-size:12px}.weekly-dashboard .capacity-track{background:#e8edf5;border-radius:8px;height:7px;overflow:hidden}.weekly-dashboard .capacity-track i{border-radius:inherit;background:#4b88e4;height:100%;display:block}.weekly-dashboard .capacity-track.full i{background:#e18c8c}.weekly-dashboard .response-table-wrap{overflow-x:auto}.weekly-dashboard .response-table{border-collapse:collapse;color:#66758c;width:100%;font-size:12px}.weekly-dashboard .response-table th{color:#7c8aa0;text-align:left;text-transform:uppercase;background:#f7f9fc;padding:11px 12px;font-size:11px;font-weight:800}.weekly-dashboard .response-table td{vertical-align:top;border-bottom:1px solid #edf0f5;padding:14px 12px}.weekly-dashboard .response-table td strong{color:#2a3953}.weekly-dashboard .response-status{border-radius:12px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.weekly-dashboard .response-status.attending{color:#258060;background:#e7f6ef}.weekly-dashboard .response-status.not-attending{color:#b45158;background:#fff0f1}.weekly-dashboard .response-status.no-response{color:#9b741d;background:#fff7df}.weekly-dashboard .weekly-notice{color:#3f876d;margin:14px 0 0;font-size:12px}.weekly-dashboard .weekly-notice.weekly-error{color:#b45158}.weekly-dashboard .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1050px){.weekly-dashboard .weekly-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.weekly-dashboard .weekly-summary-grid{grid-template-columns:1fr}.weekly-dashboard .weekly-panel{padding:17px}.weekly-dashboard .weekly-panel-heading{display:grid}.weekly-dashboard .response-heading-actions{flex-wrap:wrap;width:100%}.weekly-dashboard .response-filter,.weekly-dashboard .download-csv-button{flex:140px}.weekly-dashboard .capacity-row{grid-template-columns:1fr auto;gap:8px 12px}.weekly-dashboard .capacity-track{grid-column:1/-1}}.test-email-page{box-sizing:border-box;width:100%;min-height:100%;padding:32px}.test-email-container{width:100%;max-width:1100px;margin:0 auto}.test-email-header{margin-bottom:28px}.test-email-header h1{color:#172033;margin:0 0 8px;font-size:30px;font-weight:700}.test-email-header p{color:#667085;margin:0;font-size:15px;line-height:1.6}.test-email-account{color:#667085;margin-top:12px;font-size:13px}.test-email-account strong{color:#344054}.test-email-card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:28px;box-shadow:0 4px 16px #1018280f}.test-email-card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.test-email-card-header h2{color:#172033;margin:0 0 5px;font-size:19px;font-weight:650}.test-email-card-header p{color:#667085;margin:0;font-size:14px;line-height:1.5}.test-email-field{margin-bottom:26px}.test-email-field label{color:#344054;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.test-email-class-select{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;width:100%;max-width:420px;height:46px;padding:0 42px 0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.test-email-class-select:hover{border-color:#98a2b3}.test-email-class-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.test-email-select-all{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;flex-shrink:0;min-width:105px;height:40px;padding:0 15px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s}.test-email-select-all:hover:not(:disabled){background:#f8fafc;border-color:#98a2b3}.test-email-select-all:disabled{opacity:.5;cursor:not-allowed}.test-email-dropdown{width:100%;max-width:650px;position:relative}.test-email-dropdown-button{color:#344054;text-align:left;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:48px;padding:0 15px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.test-email-dropdown-button:hover{border-color:#98a2b3}.test-email-dropdown-button:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.dropdown-arrow{color:#667085;flex-shrink:0;font-size:11px}.test-email-dropdown-menu{z-index:50;background:#fff;border:1px solid #d0d5dd;border-radius:10px;max-height:360px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #10182824}.test-email-search{z-index:2;background:#fff;border-bottom:1px solid #eaecf0;padding:10px;position:sticky;top:0}.test-email-search input{box-sizing:border-box;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px}.test-email-search input::placeholder{color:#98a2b3}.test-email-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.test-email-option{cursor:pointer;border-bottom:1px solid #f2f4f7;align-items:center;gap:11px;padding:12px 14px;transition:background .15s;display:flex}.test-email-option:last-child{border-bottom:none}.test-email-option:hover{background:#f8fafc}.test-email-option.selected{background:#eff6ff}.test-email-option input{cursor:pointer;accent-color:#2563eb;width:16px;height:16px;margin:0}.test-email-option-email{color:#344054;word-break:break-word;font-size:14px}.test-email-no-results{color:#667085;text-align:center;padding:24px 16px;font-size:14px}.test-email-selected{background:#f8fafc;border:1px solid #eaecf0;border-radius:10px;margin-top:24px;padding:18px}.selected-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.selected-header strong{color:#344054;font-size:14px}.selected-header span{color:#175cd3;background:#e0edff;border-radius:20px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.selected-student-list{flex-direction:column;gap:8px;display:flex}.selected-student{background:#fff;border:1px solid #eaecf0;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;display:flex}.selected-student>div{flex-direction:column;gap:3px;min-width:0;display:flex}.selected-student strong{color:#344054;word-break:break-word;font-size:13px;font-weight:600}.selected-student span{color:#667085;font-size:12px}.selected-student button{color:#98a2b3;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;font-size:20px;line-height:1}.selected-student button:hover{color:#d92d20;background:#fee4e2}.test-email-footer{border-top:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:22px;display:flex}.test-email-count{color:#667085;font-size:14px;font-weight:500}.test-email-send-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;min-width:155px;height:44px;padding:0 20px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s,transform .1s}.test-email-send-button:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb40}.test-email-send-button:active:not(:disabled){transform:translateY(1px)}.test-email-send-button:disabled{cursor:not-allowed;box-shadow:none;background:#b8c2d1}.test-email-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;margin:15px 0;padding:12px 14px;font-size:14px}.test-email-success{color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:8px;margin:18px 0 0;padding:12px 14px;font-size:14px;font-weight:500}.test-email-card>p:not(.test-email-error):not(.test-email-success){color:#667085;font-size:14px}.test-email-dropdown-menu::-webkit-scrollbar{width:7px}.test-email-dropdown-menu::-webkit-scrollbar-track{background:#f8fafc}.test-email-dropdown-menu::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:10px}.test-email-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#98a2b3}@media (width<=768px){.test-email-page,.test-email-card{padding:20px}.test-email-card-header{flex-direction:column;align-items:flex-start}.test-email-select-all{width:100%}.test-email-class-select,.test-email-dropdown{max-width:none}.test-email-footer{flex-direction:column;align-items:stretch}.test-email-send-button{width:100%}}@media (width<=480px){.test-email-page{padding:14px}.test-email-card{border-radius:10px;padding:16px}.test-email-header h1{font-size:25px}.selected-student{align-items:flex-start}}.dashboard{max-width:1100px;margin:auto;padding:20px}.dashboard-description{color:#666;margin-bottom:35px;line-height:1.7}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:35px;display:grid}.dashboard-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:25px;box-shadow:0 4px 10px #0000000d}.dashboard-card h4{color:#666;margin-top:0;margin-bottom:12px}.dashboard-card span{font-size:28px;font-weight:700}.green{color:#28a745}.red{color:#dc3545}.summary-box{background:#fafafa;border:1px solid #ddd;border-radius:10px;padding:25px}.summary-box h3{margin-top:0}.summary-box li{margin-bottom:12px;line-height:1.8}.orange{color:#b45309;font-weight:600}.red{color:#b91c1c;font-weight:600}.green{color:#15803d;font-weight:600}.gamified-dashboard-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;margin:0 0 28px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.gamified-dashboard-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.gamified-dashboard-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.gamified-dashboard-back-btn .back-arrow{font-size:17px;line-height:1}.academic-term-home{padding:10px 0}.academic-term-home h2{color:#1f2937;margin-bottom:12px;font-size:24px}.action-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0f172a1a}.action-card h3{color:#1f2937;margin-bottom:12px;font-size:20px}.card-btn{color:#fff;cursor:pointer;background-color:#4a90e2;border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600}.card-btn:hover{background-color:#357ab8}.assumption-box{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:24px;box-shadow:0 4px 14px #0f172a0d}.academic-term-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d1c4f5;border-radius:8px;align-items:center;gap:6px;margin-bottom:20px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.academic-term-back-btn:hover{background:#f3efff;border-color:#8b5cf6}.add-term{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:28px;box-shadow:0 4px 14px #0f172a0d}.add-term h2{color:#1f2937;margin-bottom:12px}.form-group{margin-bottom:18px}.form-group label{color:#374151;margin-bottom:8px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:1px solid #cfd8e3;border-radius:8px;width:100%;padding:12px;font-size:14px}.save-btn,.back-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600}.save-btn{color:#fff;background-color:#4a90e2}.save-btn:hover{background-color:#357ab8}.back-btn{color:#111827;background-color:#e5e7eb}.assumption-box h3{color:#1f2937;margin-bottom:14px}.manage-terms{padding:10px 0}.manage-terms h2{color:#1f2937;margin-bottom:12px;font-size:24px}.top-actions{margin-bottom:18px}.button-row{gap:12px;display:flex}.back-btn{cursor:pointer;color:#111827;background-color:#e5e7eb;border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.back-btn:hover{background-color:#d1d5db}.empty-state{color:#475569;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:18px;font-size:15px}.table-wrapper{margin-top:10px;overflow-x:auto}.terms-table{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden}.terms-table th,.terms-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:14px}.terms-table th{color:#1f2937;background:#f8fafc;font-weight:700}.terms-table input{box-sizing:border-box;border:1px solid #cfd8e3;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.status-badge{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#6b7280;background:#f3f4f6}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.edit-btn,.delete-btn,.current-btn,.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .2s}.save-btn{color:#fff;background:#2563eb}.cancel-btn{color:#fff;background:#9ca3af}.assumption-box{background:#fff;border:1px solid #dbe3ef;border-radius:14px;margin-top:28px;padding:22px;box-shadow:0 4px 14px #0f172a0d}.assumption-box h3{color:#1f2937;margin-bottom:14px;font-size:18px}.assumption-box ul{color:#374151;margin:0;padding-left:20px;line-height:1.8}.class-configuration{max-width:1050px;margin:auto;padding:20px}.class-configuration h2{color:#222;margin-bottom:10px}.term-selector-header{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.term-selector-icon{background:#f3efff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.term-selector-description{color:#64748b;margin:3px 0 0;font-size:13px;line-height:1.5}.class-configuration-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;margin:0 0 22px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.class-configuration-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.class-configuration-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.add-class{background:#fff;border:1px solid #ddd;border-radius:10px;max-width:700px;margin:auto;padding:35px}.add-class h2{margin-bottom:10px}.form-group label{width:170px;font-weight:600}.form-group select{border:1px solid #ccc;border-radius:4px;flex:1;padding:10px;font-size:15px}.manage-classes{background:#fff;border:1px solid #ddd;border-radius:10px;max-width:1000px;margin:auto;padding:30px}.manage-classes h2{margin-bottom:10px}.description{color:#666;margin-bottom:25px}.toolbar{margin-bottom:25px}table{border-collapse:collapse;width:100%}thead{background:#f4f4f4}th,td{border:1px solid #ddd;padding:14px}.session-topics{max-width:1050px;margin:auto;padding:20px}.session-topics-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;margin:0 0 28px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.session-topics-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.session-topics-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.card-btn{color:#fff;cursor:pointer;background:#4d8fe8;border:none;border-radius:6px;padding:12px 30px}.assumption-box{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:22px}.download-template{background:#fff;border:1px solid #ddd;border-radius:10px;max-width:750px;margin:auto;padding:35px}.preview-box{background:#f8f8f8;border:1px solid #ddd;border-radius:8px;padding:20px}.preview-box ul{margin:0;padding-left:20px}.preview-box li{margin-bottom:8px}.download-btn{color:#fff;cursor:pointer;background:#4d8fe8;border:none;border-radius:6px;padding:12px 30px}.upload-topics{background:#fff;border:1px solid #ddd;border-radius:10px;max-width:750px;margin:auto;padding:35px}.upload-box{text-align:center;background:#fafafa;border:2px dashed #bbb;border-radius:8px;padding:30px}.upload-box input{margin-bottom:20px}.upload-btn{color:#fff;cursor:pointer;background:#4d8fe8;border:none;border-radius:6px;padding:12px 30px}.activity-types{max-width:1050px;margin:auto;padding:20px}.activity-types-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;margin:0 0 28px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.activity-types-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.activity-types-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.activity-types h2{color:#222;margin-bottom:10px}.add-activity{background:#fff;border:1px solid #ddd;border-radius:10px;max-width:750px;margin:auto;padding:35px}.add-activity h2{margin-bottom:10px}.form-group label:first-child{width:180px;font-weight:600}.form-group input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1;padding:10px;font-size:15px}.checkbox-label{align-items:center;gap:10px;font-weight:400;display:flex}.checkbox-label input{transform:scale(1.2)}.cancel-btn{cursor:pointer;background:#eee;border:none;border-radius:6px;padding:12px 35px}.cancel-btn:hover{background:#ddd}.manage-activities{background:#fff;border:1px solid #ddd;border-radius:10px;max-width:1000px;margin:auto;padding:35px}.toolbar{justify-content:space-between;margin-bottom:25px;display:flex}.toolbar input{border:1px solid #ccc;border-radius:4px;width:320px;padding:10px}table{border-collapse:collapse;width:100%;margin-bottom:30px}th{background:#f4f4f4;border:1px solid #ddd;padding:14px}td{border:1px solid #ddd;padding:14px}td:nth-child(2){text-align:center}.edit-btn{color:#fff;cursor:pointer;background:#4d8fe8;border:none;border-radius:4px;margin-right:10px;padding:8px 18px}.assumption-box h3{margin-top:0}.assumption-box ul{padding-left:20px}.status-enabled{color:#155724;background:#d4edda;border-radius:12px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.status-disabled{color:#721c24;background:#f8d7da;border-radius:12px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.scheduler{max-width:1050px;margin:auto;padding:20px}.quiz-scheduler-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;margin:0 0 28px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.quiz-scheduler-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.quiz-scheduler-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.scheduler h2{color:#222;margin-bottom:10px}.page-description{color:#666;margin-bottom:35px;line-height:1.7}.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:40px;display:grid}.action-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;padding:35px;transition:all .25s;box-shadow:0 4px 12px #0000000d}.action-card:hover{border-color:#4d8fe8;transform:translateY(-6px);box-shadow:0 12px 30px #0000001f}.card-icon{margin-bottom:20px;font-size:60px}.action-card h3{color:#2d7ff9;margin-bottom:15px}.action-card p{color:#666;margin-bottom:25px;line-height:1.7}.card-btn{color:#fff;cursor:pointer;background:#4d8fe8;border:none;border-radius:6px;padding:12px 30px;font-size:15px;font-weight:600}.card-btn:hover{background:#2d7ff9}.assumption-box h3{color:#222;margin-top:0;margin-bottom:15px}.configure-scheduler{background:#fff;border:1px solid #ddd;border-radius:10px;max-width:900px;margin:auto;padding:35px}.description{color:#666;margin-bottom:35px;line-height:1.8}.form-group{align-items:flex-start;margin-bottom:25px;display:flex}.form-group>label{width:220px;font-weight:600}.checkbox-label{align-items:center;gap:10px;display:flex}input[type=time]{border:1px solid #ccc;border-radius:4px;width:180px;padding:10px;font-size:15px}.readonly-box{color:#555;background:#f7f7f7;border:1px solid #ddd;border-radius:4px;width:260px;padding:10px 14px;font-weight:500}.day-list{grid-template-columns:repeat(2,180px);gap:12px;display:grid}.day-item{align-items:center;gap:10px;display:flex}.button-row{gap:15px;margin-top:35px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#4d8fe8;border:none;border-radius:6px;padding:12px 30px}.save-btn:hover{background:#2d7ff9}.back-btn{cursor:pointer;background:#eee;border:none;border-radius:6px;padding:12px 30px}.assumption-box{background:#fafafa;border:1px solid #ddd;border-radius:8px;margin-top:40px;padding:22px}.assumption-box h3{margin-top:0;margin-bottom:15px}.assumption-box ul{margin:0;padding-left:22px}.assumption-box li{margin-bottom:12px;line-height:1.8}.run-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:12px 30px}.run-btn:hover{background:#218838}.run-btn:disabled,.run-btn.disabled,.save-btn:disabled,.save-btn.disabled,.run-btn:disabled,.run-btn.disabled{cursor:not-allowed;opacity:.7;background:#bfc5cc}.scheduler-runs{box-sizing:border-box;background:#f7f8fc;flex-direction:column;gap:24px;min-height:100%;padding:20px;display:flex}.scheduler-runs-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;width:fit-content;max-width:max-content;margin:0 0 28px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.scheduler-runs-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.scheduler-runs-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.scheduler-runs h2{color:#1f2937;margin:0;font-size:24px;font-weight:700}.scheduler-runs h3{color:#1f2937;margin:0 0 14px;font-size:18px;font-weight:600}.scheduler-runs-actions{justify-content:flex-end;display:flex}.scheduler-runs-actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s}.scheduler-runs-actions button:hover{background:#1d4ed8}.scheduler-runs-section,.scheduler-details-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;overflow-x:auto;box-shadow:0 2px 10px #0000000a}.scheduler-runs-table,.scheduler-details-table{border-collapse:collapse;width:100%;min-width:1100px;margin-top:10px}.scheduler-runs-table th,.scheduler-runs-table td,.scheduler-details-table th,.scheduler-details-table td{text-align:left;vertical-align:top;color:#374151;border:1px solid #e5e7eb;padding:12px 10px;font-size:14px}.scheduler-runs-table th,.scheduler-details-table th{color:#111827;white-space:nowrap;background:#f3f4f6;font-weight:700}.scheduler-runs-table tbody tr:nth-child(2n),.scheduler-details-table tbody tr:nth-child(2n){background:#fafafa}.scheduler-runs-table tbody tr:hover,.scheduler-details-table tbody tr:hover{background:#f9fbff}.scheduler-runs-table button,.scheduler-details-table button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .2s}.scheduler-runs-table button:hover,.scheduler-details-table button:hover{background:#059669}.scheduler-run-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(2,minmax(250px,1fr));gap:10px 24px;margin-bottom:18px;padding:16px;display:grid}.scheduler-run-summary p{color:#374151;margin:0;font-size:14px}.scheduler-run-summary strong{color:#111827}.scheduler-empty-message{text-align:center;color:#6b7280;padding:20px 0;font-size:14px}.scheduler-status-success{color:#047857;text-transform:capitalize;font-weight:700}.scheduler-status-failed{color:#b91c1c;text-transform:capitalize;font-weight:700}.scheduler-status-skipped{color:#92400e;text-transform:capitalize;font-weight:700}.scheduler-status-generated{color:#047857;text-transform:capitalize;font-weight:700}.scheduler-status-running{color:#1d4ed8;text-transform:capitalize;font-weight:700}@media (width<=1024px){.scheduler-run-summary{grid-template-columns:1fr}}@media (width<=768px){.scheduler-runs{padding:12px}.scheduler-runs h2{font-size:20px}.scheduler-runs h3{font-size:16px}.scheduler-runs-section,.scheduler-details-section{padding:12px}.scheduler-runs-table th,.scheduler-runs-table td,.scheduler-details-table th,.scheduler-details-table td{padding:10px 8px;font-size:13px}}.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scheduler-details-modal{background:#fff;border-radius:10px;width:90%;max-width:1300px;max-height:85vh;padding:25px;position:relative;overflow-y:auto;box-shadow:0 15px 40px #00000059}.close-button{cursor:pointer;background:#efefef;border:none;border-radius:50%;width:35px;height:35px;font-size:18px;font-weight:700;position:absolute;top:15px;right:15px}.close-button:hover{background:#ddd}.generate-quizzes-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;width:fit-content;max-width:max-content;margin:0 0 28px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.generate-quizzes-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.generate-quizzes-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.leaderboard{box-sizing:border-box;background:#fff;width:100%;padding:30px;font-family:Arial,Helvetica,sans-serif}.leaderboard-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;width:fit-content;max-width:max-content;margin:0 0 28px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.leaderboard-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.leaderboard-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.leaderboard h2{color:#222;margin:0 0 8px;font-size:24px}.leaderboard p{color:#666;margin:0 0 30px;font-size:14px}.filters{flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.filters div{flex-direction:column;display:flex}.filters label{color:#333;margin-bottom:8px;font-size:13px;font-weight:600}.filters select{background:#fff;border:1px solid #d8d8d8;border-radius:4px;outline:none;width:220px;height:42px;padding:0 12px;font-size:14px}.filters select:focus{border-color:#4a90e2}.filters button{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:4px;height:42px;padding:0 28px;font-size:14px;font-weight:600;transition:all .2s}.filters button:hover{background:#3578d4}.leaderboard table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000014}.leaderboard thead{background:#f3f4f6}.leaderboard th{color:#1f2937;font-size:15px;font-weight:700}.leaderboard td{color:#444;border-bottom:1px solid #ececec;padding:14px;font-size:14px}.leaderboard tbody tr:hover{background:#f8fbff}.leaderboard td:first-child{color:#4a90e2;font-weight:700}.score{color:#27ae60;font-weight:700}.status-completed{color:#155724;background:#d4edda;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-progress{color:#856404;background:#fff3cd;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.no-data{text-align:center;color:#888;padding:40px;font-size:15px}@media (width<=900px){.filters{flex-direction:column;align-items:stretch}.filters div,.filters select,.filters button{width:100%}.leaderboard{overflow-x:auto}.leaderboard table{min-width:900px}}.guest-credentials-back-btn{color:#4c1d95;cursor:pointer;background:#fff;border:1px solid #d8c9ff;border-radius:9px;align-items:center;gap:8px;width:fit-content;max-width:max-content;margin:0 0 28px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.guest-credentials-back-btn:hover{background:#f5f1ff;border-color:#a78bfa;transform:translate(-2px);box-shadow:0 4px 10px #4c1d951a}.guest-credentials-back-btn:active{transform:translate(-1px);box-shadow:0 2px 5px #4c1d9514}.manage-terms-page{padding:30px}.back-btn{color:#fff;cursor:pointer;background:#4f8ee8;border:none;border-radius:6px;margin-bottom:20px;padding:10px 20px;font-weight:600}.manage-terms-page h2{color:#1f2937;margin-bottom:10px}.page-description{color:#666;margin-bottom:25px}.table-container{overflow-x:auto}.terms-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 6px 18px #00000014}.terms-table th{text-align:left;background:#f8fafc;border-bottom:1px solid #ddd;padding:16px}.terms-table td{border-bottom:1px solid #eee;padding:16px}.terms-table tr:last-child td{border-bottom:none}.status{border-radius:30px;padding:6px 14px;font-size:13px;font-weight:600}.current{color:#166534;background:#dcfce7}.inactive{color:#6b7280;background:#f3f4f6}.action-btn{cursor:pointer;border:none;border-radius:6px;margin-right:8px;padding:10px 16px;font-weight:600}.edit-btn{color:#fff;background:#4f8ee8}.current-btn{color:#fff;background:#10b981}.delete-btn{color:#fff;background:#ef4444}.current-btn:hover{background:#059669}.manage-term-home{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;padding:30px;display:flex}.term-card{text-align:center;background:#fff;border:1px solid #ddd;border-radius:14px;align-self:flex-start;width:420px;max-width:100%;padding:40px 35px;box-shadow:0 8px 18px #00000014}.term-icon{color:#5f5ce6;margin-bottom:20px;font-size:60px}.term-card h2{color:#2563eb;margin-bottom:18px}.term-card p{color:#555;margin-bottom:30px;line-height:1.7}.term-card button{color:#fff;cursor:pointer;background:#4f8ee8;border:none;border-radius:6px;padding:12px 24px;font-weight:600}.term-card button:hover{background:#3c7ddd}.term-warning{color:#664d03;box-sizing:border-box;background:#fff3cd;border:1px solid #ffe69c;border-left:5px solid #f0ad4e;border-radius:8px;width:100%;margin-bottom:0;padding:14px 18px}.term-warning strong{font-weight:700}.manage-term-back-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:8px;margin:20px 0 18px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000000f}.manage-term-back-button:hover{background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px)}.manage-term-back-button:active{transform:translate(0)}.back-arrow{font-size:18px;line-height:1}.manage-term-home{padding:0 32px 40px;position:relative}.manage-term-home .manage-term-back-button{align-self:flex-start;margin-left:0;margin-right:auto;display:flex}.usage-dashboard{background:#fff;border-radius:15px;flex-direction:column;gap:20px;width:90%;max-width:700px;margin:40px auto;padding:20px 25px;font-family:Inter,sans-serif;display:flex;box-shadow:0 8px 25px #0000001a}.usage-dashboard h1{text-align:center;color:#333;margin-bottom:15px;font-size:1.8rem}.usage-dashboard table{border-collapse:collapse;width:100%;font-size:.95rem}.usage-dashboard th,.usage-dashboard td{text-align:left;border-bottom:1px solid #ddd;padding:10px 12px}.usage-dashboard th{background:#f8f9fa;font-weight:600}.usage-dashboard tr:hover{background:#f1f3f5;transition:background .2s}.usage-dashboard .total{text-align:right;color:#2e7d32;margin-top:15px;font-size:1rem;font-weight:500}.usage-dashboard .loading,.usage-dashboard .error{text-align:center;color:#555;margin-top:30px;font-size:1.1rem}.usage-dashboard .view-usage-button{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;align-self:flex-start;padding:8px 16px;font-size:.9rem;transition:all .3s;display:inline-block;box-shadow:0 3px 10px #4f46e54d}.usage-dashboard .view-usage-button:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 5px 15px #4f46e566}.usage-dashboard .view-usage-button:active{transform:translateY(0);box-shadow:0 3px 10px #4f46e54d}.manage-classes-page{box-sizing:border-box;min-height:100vh;padding:28px 32px 50px}.manage-classes-back-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-bottom:28px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000000f}.manage-classes-back-button:hover{background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px)}.manage-classes-header{margin-bottom:30px}.manage-classes-header h1{color:#172554;margin:0 0 8px;font-size:30px}.manage-classes-header p{color:#64748b;margin:0;font-size:16px}.manage-classes-grid{grid-template-columns:repeat(2,minmax(280px,420px));justify-content:start;gap:24px;display:grid}.manage-class-card{box-sizing:border-box;text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:30px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 6px 18px #0f172a12}.manage-class-card:hover{border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 12px 26px #0f172a1c}.manage-class-icon{color:#4f46e5;background:#eef2ff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:38px;font-weight:600;display:flex}.manage-class-card h2{color:#1e3a8a;margin:0 0 10px;font-size:22px}.manage-class-card p{color:#64748b;max-width:300px;margin:0 0 20px;font-size:15px;line-height:1.6}.manage-class-action{color:#4f46e5;font-size:14px;font-weight:700}.delete-action{color:#dc2626}@media (width<=750px){.manage-classes-page{padding:22px 18px 40px}.manage-classes-grid{grid-template-columns:1fr}}.view-classes-container{background:#fff;border-radius:10px;max-width:900px;margin:30px auto;padding:30px;box-shadow:0 5px 18px #00000026}.view-classes-container h2{text-align:center;color:#1f2937;margin-bottom:25px}.classes-table{border-collapse:collapse;width:100%;margin-top:15px}.classes-table th{color:#fff;text-align:left;background:#1976d2;padding:14px;font-size:15px}.classes-table td{border-bottom:1px solid #ddd;padding:14px}.classes-table tbody tr:nth-child(2n){background:#f8f9fb}.classes-table tbody tr:hover{background:#eaf4ff;transition:all .2s}.loading,.empty-state{text-align:center;color:#666;padding:40px;font-size:18px}.back-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;margin-top:25px;padding:12px 28px;font-size:15px;transition:all .25s}.back-btn:hover{background:#1565c0}.edit-class-page{box-sizing:border-box;min-height:100vh;padding:28px 32px 50px}.edit-class-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(680px,100%);padding:34px;box-shadow:0 8px 24px #0f172a14}.edit-class-header{align-items:center;gap:18px;margin-bottom:32px;display:flex}.edit-class-icon{color:#4f46e5;background:#eef2ff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;font-weight:600;display:flex}.edit-class-header h1{color:#172554;margin:0 0 6px;font-size:28px;line-height:1.2}.edit-class-header p{color:#64748b;margin:0;font-size:15px;line-height:1.5}.edit-class-form{flex-direction:column;gap:22px;display:flex}.edit-class-field{flex-direction:column;gap:8px;display:flex}.edit-class-field label{color:#334155;font-size:14px;font-weight:600}.edit-class-field select,.edit-class-field input{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;min-height:46px;padding:10px 13px;font-size:15px;transition:border-color .2s,box-shadow .2s}.edit-class-field select:focus,.edit-class-field input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.edit-class-field input::placeholder{color:#94a3b8}.edit-class-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:24px;display:flex}.edit-class-cancel,.edit-class-submit{cursor:pointer;border-radius:8px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.edit-class-cancel{color:#475569;background:#fff;border:1px solid #cbd5e1}.edit-class-cancel:hover{background:#f8fafc;border-color:#94a3b8}.edit-class-submit{color:#fff;background:#4f46e5;border:1px solid #4f46e5}.edit-class-submit:hover{background:#4338ca;border-color:#4338ca}.edit-class-submit:disabled{opacity:.65;cursor:not-allowed}@media (width<=700px){.edit-class-page{padding:22px 18px 40px}.edit-class-card{padding:24px}.edit-class-header{align-items:flex-start}.edit-class-actions{flex-direction:column-reverse}.edit-class-cancel,.edit-class-submit{width:100%}}.delete-class-page{box-sizing:border-box;min-height:100vh;padding:28px 32px 50px}.delete-class-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(680px,100%);padding:34px;box-shadow:0 8px 24px #0f172a14}.delete-class-header{align-items:center;gap:18px;margin-bottom:28px;display:flex}.delete-class-icon{color:#dc2626;background:#fef2f2;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:32px;font-weight:600;display:flex}.delete-class-header h1{color:#172554;margin:0 0 6px;font-size:28px;line-height:1.2}.delete-class-header p{color:#64748b;margin:0;font-size:15px;line-height:1.5}.delete-class-warning{color:#7f1d1d;background:#fff7f7;border:1px solid #fecaca;border-radius:10px;flex-direction:column;gap:5px;margin-bottom:26px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.delete-class-warning strong{color:#b91c1c;font-size:14px}.delete-class-field{flex-direction:column;gap:8px;display:flex}.delete-class-field label{color:#334155;font-size:14px;font-weight:600}.delete-class-field select{box-sizing:border-box;color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;min-height:46px;padding:10px 13px;font-size:15px;transition:border-color .2s,box-shadow .2s}.delete-class-field select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.delete-class-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:24px;display:flex}.delete-class-cancel,.delete-class-submit{cursor:pointer;border-radius:8px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.delete-class-cancel{color:#475569;background:#fff;border:1px solid #cbd5e1}.delete-class-cancel:hover{background:#f8fafc;border-color:#94a3b8}.delete-class-submit{color:#fff;background:#dc2626;border:1px solid #dc2626}.delete-class-submit:hover{background:#b91c1c;border-color:#b91c1c}.delete-class-submit:disabled{opacity:.65;cursor:not-allowed}@media (width<=700px){.delete-class-page{padding:22px 18px 40px}.delete-class-card{padding:24px}.delete-class-header{align-items:flex-start}.delete-class-actions{flex-direction:column-reverse}.delete-class-cancel,.delete-class-submit{width:100%}}.manage-class-years-back-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-bottom:18px;padding:9px 16px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a0f}.manage-class-years-back-button:hover{color:#4338ca;background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px);box-shadow:0 4px 10px #0f172a17}.manage-class-years-back-button:focus-visible{outline-offset:2px;outline:3px solid #4f46e533}.manage-class-years-back-button:active{transform:translate(0)}.manage-class-years{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:30px}.manage-class-years h2{color:#1f2937;margin-bottom:25px;font-size:28px;font-weight:600}.form-card{background:#fff;border-radius:10px;margin-bottom:30px;padding:20px;box-shadow:0 2px 10px #00000014}.form-card .row{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.form-card input,.form-card select{border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:180px;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-card input:focus,.form-card select:focus{border-color:#2563eb}.form-card label{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.form-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 18px;font-size:14px;transition:all .2s}.form-card button:hover{background:#1d4ed8}.form-card button:last-child{background:#6b7280}.form-card button:last-child:hover{background:#4b5563}.year-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 10px #00000014}.year-table thead{color:#fff;background:#2563eb}.year-table th{text-align:left;padding:14px;font-size:14px;font-weight:600}.year-table td{border-bottom:1px solid #e5e7eb;padding:14px;font-size:14px}.year-table tbody tr:hover{background:#f9fafb}.year-table tbody tr:last-child td{border-bottom:none}.year-table button{cursor:pointer;border:none;border-radius:5px;margin-right:8px;padding:7px 14px;font-size:13px;transition:all .2s}.year-table button:first-child{color:#fff;background:#10b981}.year-table button:first-child:hover{background:#059669}.year-table button:last-child{color:#fff;background:#ef4444}.year-table button:last-child:hover{background:#dc2626}@media (width<=768px){.form-card .row{flex-direction:column;align-items:stretch}.form-card input,.form-card select,.form-card button{width:100%}.year-table{white-space:nowrap;display:block;overflow-x:auto}}.manage-class-years{padding:24px}.manage-class-years h2{color:#1f2937;margin-bottom:20px}.form-card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px #00000014}.row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.row select,.row input{border:1px solid #d1d5db;border-radius:6px;min-width:220px;padding:10px 12px;font-size:14px}.row button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 18px;font-weight:600;transition:all .2s}.row button:hover{background:#1d4ed8}.class-year-table{border-collapse:collapse;width:100%;margin-top:20px}.class-year-table thead{background:#f3f4f6}.class-year-table th{text-align:left;border-bottom:2px solid #e5e7eb;padding:14px;font-size:14px}.class-year-table td{border-bottom:1px solid #e5e7eb;padding:14px}.class-year-table tbody tr:hover{background:#f9fafb}.action-buttons{gap:8px;display:flex}.edit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 14px}.edit-btn:hover{background:#1d4ed8}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 14px}.delete-btn:hover{background:#b91c1c}.section-title{color:#374151;margin-top:30px;margin-bottom:12px;font-size:18px;font-weight:600}.manage-class-years{box-sizing:border-box;width:100%;min-height:100vh;padding:32px 36px 50px}.manage-class-years>h2{color:#172554;letter-spacing:-.3px;margin:0 0 28px;font-size:30px;font-weight:700}.user-actions-grid{grid-template-columns:repeat(2,minmax(280px,420px));justify-content:start;gap:24px;display:grid}.action-card{box-sizing:border-box;text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:30px;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0f172a12}.action-card:before{content:"";background:#3b82f6;height:4px;position:absolute;top:0;left:0;right:0}.action-card:hover{background:#f8fbff;border-color:#93c5fd;transform:translateY(-5px);box-shadow:0 14px 30px #0f172a1f}.action-card h3{color:#1d4ed8;letter-spacing:-.2px;margin:0 0 12px;font-size:21px;font-weight:700}.action-card p{color:#64748b;max-width:280px;margin:0;font-size:15px;line-height:1.6}.action-card.danger:before{background:#ef4444}.action-card.danger h3{color:#dc2626}.action-card.danger:hover{background:snow;border-color:#fca5a5}@media (width<=800px){.manage-class-years{padding:26px 20px 40px}.user-actions-grid{grid-template-columns:1fr;max-width:500px}}@media (width<=500px){.manage-class-years{padding:22px 16px 35px}.manage-class-years>h2{margin-bottom:22px;font-size:26px}.action-card{min-height:190px;padding:26px 22px}}.exam-user-management-page{box-sizing:border-box;min-height:100vh;padding:28px 32px 50px}.exam-user-management-back-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-bottom:28px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000000f}.exam-user-management-back-button:hover{background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px)}.exam-user-management-header{margin-bottom:30px}.exam-user-management-header h1{color:#172554;margin:0 0 8px;font-size:30px}.exam-user-management-header p{color:#64748b;margin:0;font-size:16px}.exam-user-management-grid{grid-template-columns:repeat(2,minmax(280px,420px));justify-content:start;gap:24px;display:grid}.exam-user-management-card{box-sizing:border-box;text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:30px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 6px 18px #0f172a12}.exam-user-management-card:hover{border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 12px 26px #0f172a1c}.exam-user-management-icon{color:#4f46e5;background:#eef2ff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:38px;font-weight:600;display:flex}.exam-user-management-card h2{color:#1e3a8a;margin:0 0 10px;font-size:22px}.exam-user-management-card p{color:#64748b;max-width:300px;margin:0 0 20px;font-size:15px;line-height:1.6}.exam-user-management-action{color:#4f46e5;font-size:14px;font-weight:700}.exam-user-management-action.delete-action{color:#dc2626}@media (width<=750px){.exam-user-management-page{padding:22px 18px 40px}.exam-user-management-grid{grid-template-columns:1fr}}.add-student-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:820px;margin:30px auto 50px;padding:34px 40px 40px;box-shadow:0 8px 24px #0f172a14}.add-student-container h2{text-align:center;color:#172554;margin:0 0 30px;font-size:30px;font-weight:700}.add-student-container form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;display:grid}.add-student-container label{color:#172554;margin-bottom:7px;font-size:15px;font-weight:700;display:block}.add-student-container input,.add-student-container select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.add-student-container input:focus,.add-student-container select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.add-student-container input[readonly]{color:#475569;cursor:not-allowed;background:#f8fafc}.add-student-container select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:40px}.add-student-container label,.add-student-container input,.add-student-container select{grid-column:span 2}.add-student-container label{margin-bottom:-10px}.add-student-container .submit-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:9px;grid-column:span 2;width:100%;height:50px;margin-top:8px;font-family:inherit;font-size:16px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.add-student-container .submit-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 14px #4f46e540}.add-student-container .submit-btn:active{transform:translateY(0)}.add-student-container .submit-btn.disabled,.add-student-container .submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.add-student-header{margin-bottom:32px;position:relative}.add-student-back-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:7px;margin-bottom:24px;padding:9px 15px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a0f}.add-student-back-button:hover{background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px);box-shadow:0 4px 10px #0f172a14}.add-student-header h2{text-align:center;color:#172554;margin:0;font-size:30px;font-weight:700}.add-student-header p{text-align:center;color:#64748b;margin:8px 0 0;font-size:15px}.edit-student-back-button{cursor:pointer;align-items:center;gap:7px;font-family:inherit;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0f172a0f;color:#4f46e5!important;background:#fff!important;border:1px solid #d6d9e8!important;border-radius:8px!important;width:fit-content!important;height:auto!important;margin:0 0 24px!important;padding:9px 15px!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important}.view-students-back-button{transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0f172a0f;color:#4f46e5!important;cursor:pointer!important;background:#fff!important;border:1px solid #d6d9e8!important;border-radius:8px!important;align-items:center!important;gap:7px!important;width:fit-content!important;height:auto!important;margin:0 0 28px!important;padding:9px 15px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important}.view-students-back-button:hover{transform:translate(-2px);box-shadow:0 4px 10px #0f172a14;background:#f5f3ff!important;border-color:#4f46e5!important}@media (width<=700px){.add-student-container{margin:20px 16px 40px;padding:28px 22px 30px}.add-student-container h2{margin-bottom:26px;font-size:26px}.add-student-container form{display:block}.add-student-container label{margin:0 0 7px}.add-student-container input,.add-student-container select{margin-bottom:18px}.add-student-container .submit-btn{margin-top:4px}}.bulk-upload-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-width:420px;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 8px 20px #0000000a}.bulk-upload-title{color:#111827;margin-bottom:14px;font-size:16px;font-weight:600}.file-input-wrapper{align-items:center;gap:12px;display:flex;position:relative}.file-input-wrapper input[type=file]{display:none}.custom-file-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:background-color .2s}.custom-file-btn:hover{background-color:#1e40af}.file-name{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;overflow:hidden}.bulk-upload-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.btn-upload{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-upload:hover{background-color:#059669}.btn-cancel{color:#374151;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s}.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.bulk-upload-back-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:7px;margin-bottom:24px;padding:9px 15px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a0f}.bulk-upload-back-button:hover:not(:disabled){background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px);box-shadow:0 4px 10px #0f172a14}.bulk-upload-back-button:disabled{opacity:.6;cursor:not-allowed}.modal{background:#fff;border-radius:12px;width:500px;margin:60px auto;padding:30px 35px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 8px 30px #0000001f}.modal h2{text-align:center;color:#222;margin-bottom:25px;font-size:22px;font-weight:600}.modal label{color:#444;margin-top:15px;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.modal input,.modal select{background-color:#fafafa;border:1px solid #dcdcdc;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.modal input:focus,.modal select:focus{background-color:#fff;border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e226}.modal input[readonly]{color:#666;cursor:not-allowed;background-color:#f1f1f1}.modal .button-group{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.modal button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.modal button:first-child{color:#fff;background-color:#e74c3c}.modal button:first-child:hover{background-color:#c0392b}.modal button:last-child{color:#333;background-color:#ecf0f1}.modal button:last-child:hover{background-color:#d0d7de}.danger-btn{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:8px;padding:12px 18px;font-weight:600}.danger-btn:hover{opacity:.9}.delete-attempt-back-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:7px;width:fit-content;height:auto;margin:0 0 28px;padding:9px 15px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a0f}.delete-attempt-back-button:hover{background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px);box-shadow:0 4px 10px #0f172a14}.delete-student-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:900px;margin:30px auto 50px;padding:32px 44px 44px;box-shadow:0 8px 24px #0f172a14}.delete-student-back-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #d6d9e8;border-radius:8px;align-items:center;gap:7px;width:fit-content;margin:0 0 28px;padding:9px 15px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #0f172a0f}.delete-student-back-button:hover{background:#f5f3ff;border-color:#4f46e5;transform:translate(-2px);box-shadow:0 4px 10px #0f172a14}.delete-student-container h2{text-align:center;color:#172554;margin:0 0 8px;font-size:30px;font-weight:700}.delete-student-description{text-align:center;color:#64748b;margin:0 0 32px;font-size:15px}.delete-student-form{flex-direction:column;display:flex}.delete-student-form label{color:#172554;margin:0 0 7px;font-size:15px;font-weight:700}.delete-student-form input,.delete-student-form select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:48px;margin:0 0 20px;padding:0 14px;font-family:inherit;font-size:15px}.delete-student-form input[readonly]{color:#64748b;cursor:not-allowed;background:#f8fafc}.delete-student-form select{cursor:pointer}.delete-student-form .danger-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:9px;width:fit-content;min-width:160px;height:50px;margin-top:8px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.delete-student-form .danger-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 7px 16px #ef44443d}.delete-student-form .danger-btn:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#cbd5e1}@media (width<=700px){.delete-student-container{margin:20px 16px 40px;padding:26px 22px 32px}.delete-student-container h2{font-size:26px}.delete-student-back-button{margin-bottom:24px}}.edit-student-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:900px;margin:30px auto 50px;padding:32px 44px 44px;box-shadow:0 8px 24px #0f172a14}.edit-student-back-button{transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0f172a0f;color:#4f46e5!important;cursor:pointer!important;background:#fff!important;border:1px solid #d6d9e8!important;border-radius:8px!important;align-items:center!important;gap:7px!important;width:fit-content!important;height:auto!important;margin:0 0 28px!important;padding:9px 15px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important}.edit-student-back-button:hover{transform:translate(-2px);box-shadow:0 4px 10px #0f172a14;background:#f5f3ff!important;border-color:#4f46e5!important}.edit-student-container h2{text-align:center;color:#172554;margin:0 0 32px;font-size:30px;font-weight:700}.edit-student-container form{flex-direction:column;gap:0;display:flex}.edit-student-container label{color:#172554;margin:0 0 7px;font-size:15px;font-weight:700;display:block}.edit-student-container input,.edit-student-container select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:48px;margin:0 0 20px;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.edit-student-container input:focus,.edit-student-container select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.edit-student-container input[readonly]{color:#64748b;cursor:not-allowed;background:#f8fafc}.edit-student-container select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:40px}.edit-student-container form>button[type=submit]{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:9px;width:100%;height:50px;margin-top:8px;font-family:inherit;font-size:16px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 10px #4f46e52e}.edit-student-container form>button[type=submit]:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 7px 16px #4f46e53d}.edit-student-container form>button[type=submit]:active{transform:translateY(0)}@media (width<=700px){.edit-student-container{margin:20px 16px 40px;padding:26px 22px 32px}.edit-student-container h2{margin-bottom:26px;font-size:26px}.edit-student-back-button{margin-bottom:24px!important}}body{background:#f3f4f6;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.quiz-setup-container{padding:40px 20px}.quiz-setup-container .quiz-card{background:#fff;border-radius:18px;max-width:900px;margin:0 auto;padding:32px;box-shadow:0 10px 30px #00000014}.page-title{text-align:center;color:#111827;margin-bottom:28px;font-size:30px}.section-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:24px;padding:24px}.section-card h2{color:#111827;margin:0 0 18px;font-size:22px}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.difficulty-block label{cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;display:flex}.difficulty-block input[type=checkbox]{width:auto;margin:0;padding:0}.difficulty-block .grid-2{margin-top:10px}input,select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:14px}input:focus,select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}input[readonly]{color:#6b7280;background:#f9fafb}.button-row{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}button:hover{opacity:.92}button:disabled{cursor:not-allowed;background:#9ca3af}.secondary-btn{color:#fff;cursor:pointer;background-color:#6c757d}.secondary-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#ccc}.homework-btn{color:#fff;cursor:pointer;background-color:#28a745}.homework-btn:hover{background-color:#218838}.topics-container{margin-top:20px}.topic-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:18px;padding:22px}.topic-card h4{color:#111827;margin:0 0 18px;font-size:20px}.summary-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;margin-top:20px;margin-bottom:20px;padding:18px;font-weight:600;line-height:1.8}.ready-text{color:#15803d;margin-top:8px}.warning{color:#b91c1c;margin-top:8px}.question-bank{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:24px;padding:20px}.question-bank h3{margin:0 0 16px}.question-bank table{border-collapse:collapse;width:100%}.question-bank th,.question-bank td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}.question-bank th{background:#f9fafb}.final-actions{margin-top:10px}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.button-row{flex-direction:column}button{width:100%}.quiz-card{padding:22px}.page-title{font-size:26px}}.difficulty-block{margin-top:15px}.difficulty-header{margin-bottom:5px;font-weight:600}.difficulty-grid input{width:100%;padding:6px}.difficulty-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;display:grid}.difficulty-grid input{border-radius:4px;width:100%;padding:6px}.difficulty-block{margin-bottom:15px}.quiz-setup-container{background:#fff;border-radius:12px;max-width:450px;margin:30px auto;padding:25px 30px;font-family:Inter,sans-serif;box-shadow:0 2px 10px #00000014}.quiz-setup-container form{flex-direction:column;gap:18px;display:flex}.quiz-setup-container label{color:#333;margin-bottom:-5px;font-size:14px;font-weight:600}.quiz-setup-container input,.quiz-setup-container select{background:#fafafa;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 12px;font-size:15px;transition:all .2s}.quiz-setup-container input:focus,.quiz-setup-container select:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 4px #2563eb4d}.quiz-setup-container input[readonly]{cursor:not-allowed;color:#555;background:#eee}.quiz-setup-container button[type=submit]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:10px;padding:12px;font-size:16px;font-weight:600;transition:all .2s}.quiz-setup-container button[type=submit]:hover{background:#1e4fcc}.quiz-setup-container button[type=submit]:disabled{cursor:not-allowed;background:#9cb7f3}.interview-admin-login-page{box-sizing:border-box;color:#29234f;background:#f7f5ff;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.interview-admin-login-card{text-align:center;background:#fff;border:1px solid #32285a14;border-radius:18px;width:min(100%,460px);padding:36px;box-shadow:0 12px 28px #1e19461a}.interview-admin-login-brand{box-sizing:border-box;background:#f5f7fa;border-radius:12px;justify-content:center;align-items:center;width:220px;min-height:86px;margin:0 auto 26px;padding:8px 16px;display:flex}.interview-admin-login-brand img{width:170px;height:auto;display:block}.interview-admin-login-eyebrow{color:#d86b16;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.interview-admin-login-card h1{color:#30206d;margin:0;font-size:30px;line-height:1.2}.interview-admin-login-description{color:#57526d;margin:12px 0 26px;font-size:15px;line-height:1.5}.interview-admin-login-card form{text-align:left;flex-direction:column;gap:16px;display:flex}.interview-admin-login-card label{color:#48435c;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.interview-admin-login-card input{color:#29234f;min-height:48px;font:inherit;background:#fff;border:1px solid #d9d1ee;border-radius:9px;outline:none;padding:0 13px;font-size:15px}.interview-admin-login-card input:focus{border-color:#5a20b7;box-shadow:0 0 0 3px #5a20b71a}.interview-admin-login-error{color:#c53b35;margin:-3px 0 0;font-size:14px;line-height:1.4}.interview-admin-login-card button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#5a20b7;border:none;border-radius:24px;margin-top:2px;font-size:16px;font-weight:700}.interview-admin-login-card button:hover:not(:disabled){background:#481692}.interview-admin-login-card button:disabled{opacity:.7;cursor:not-allowed}@media (width<=480px){.interview-admin-login-card{padding:26px 20px}.interview-admin-login-card h1{font-size:25px}}.parent-notification-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);background:#140f288c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.parent-notification-modal{z-index:10000;box-sizing:border-box;color:#29234f;background:#fff;border-radius:8px;width:min(100%,520px);max-height:calc(100vh - 40px);padding:32px;position:relative;overflow-y:auto;box-shadow:0 22px 60px #17113047}.parent-notification-image{object-fit:contain;width:100%;max-height:340px;margin-bottom:24px;display:block}.parent-notification-content{margin-bottom:28px}.parent-notification-eyebrow{color:#d86b16;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.parent-notification-content h1{color:#30206d;margin:0;font-size:28px;line-height:1.2}.parent-notification-content p{color:#57526d;margin:14px 0 0;font-size:16px;line-height:1.6}.parent-notification-modal button{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#5a20b7;border:none;border-radius:6px;font-size:16px;font-weight:700}.parent-notification-modal button:hover,.parent-notification-modal button:focus-visible{background:#481692}.parent-notification-modal button:focus-visible{outline-offset:3px;outline:3px solid #5a20b740}.notification-modal{position:relative}.parent-notification-modal .notification-close-button{z-index:2;color:#555;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;min-height:0;padding:0;font-size:22px;line-height:1;display:flex;position:absolute;top:8px;right:10px}.parent-notification-modal .notification-close-button:hover,.parent-notification-modal .notification-close-button:focus-visible{background:#0000000f}@media (width<=520px){.parent-notification-modal{padding:26px 22px}.parent-notification-content h1{font-size:24px}}.notification-admin-page{color:#29234f;background:#f7f5fb;min-height:100vh}.notification-admin-header{color:#fff;background:linear-gradient(110deg,#402080 0%,#4b2498 50%,#382078 100%)}.notification-admin-header-inner{align-items:center;gap:24px;width:min(100% - 40px,1200px);min-height:130px;margin:0 auto;display:flex}.notification-admin-header img{background:#fff;border-radius:8px;width:190px;padding:10px 20px}.notification-admin-header span,.notification-form-header span{text-transform:uppercase;font-size:12px;font-weight:800}.notification-admin-header h1{margin:4px 0;font-size:30px}.notification-admin-header p,.notification-management-heading p{margin:0}.notification-admin-main{width:min(100% - 40px,1200px);margin:0 auto;padding:30px 0}.notification-admin-toolbar,.notification-management-heading,.notification-form-header,.notification-form-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.notification-admin-toolbar{margin-bottom:22px}.notification-admin-toolbar button,.notification-actions button,.notification-form-actions button,.notification-form-header button{color:#402080;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d0e9;border-radius:6px;padding:0 16px;font-weight:700}button.notification-primary-button{color:#fff;background:#5a20b7;border-color:#5a20b7}.notification-management-section{background:#fff;border:1px solid #e3deed;border-radius:8px;padding:24px;box-shadow:0 8px 24px #261c490f}.notification-management-heading{margin-bottom:20px}.notification-management-heading h2{color:#30206d;margin:0 0 5px;font-size:22px}.notification-management-heading label,.notification-form-modal label{color:#48435c;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.notification-management-heading select,.notification-form-modal input,.notification-form-modal select,.notification-form-modal textarea{box-sizing:border-box;color:#29234f;min-height:42px;font:inherit;background:#fff;border:1px solid #d9d1e8;border-radius:6px;padding:8px 11px}.notification-table-wrap{overflow-x:auto}.notification-table{border-collapse:collapse;width:100%;min-width:850px}.notification-table th,.notification-table td{text-align:left;border-top:1px solid #ebe7f1;padding:14px 12px}.notification-table th{color:#716b7e;text-transform:uppercase;font-size:11px}.notification-status{border-radius:5px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-block}.notification-status.active{color:#16884c;background:#e8f7ed}.notification-status.inactive,.notification-status.expired{color:#655f70;background:#f0eef3}.notification-status.upcoming{color:#9a6200;background:#fff3d8}.notification-actions{gap:8px;display:flex}.notification-actions button{min-height:34px;padding:0 10px}.notification-empty-state{color:#716b7e;text-align:center!important}.notification-form-overlay{z-index:900;box-sizing:border-box;background:#1f183ab8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notification-form-modal{box-sizing:border-box;background:#fff;border-radius:8px;width:min(100%,680px);max-height:calc(100vh - 40px);padding:28px;overflow-y:auto;box-shadow:0 22px 60px #17113047}.notification-form-header{margin-bottom:22px}.notification-form-header span{color:#d86b16}.notification-form-header h2{color:#30206d;margin:4px 0 0}.notification-form-header button{width:40px;padding:0;font-size:24px}.notification-form-modal form{flex-direction:column;gap:18px;display:flex}.notification-image-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid}.notification-image-options legend{color:#48435c;grid-column:1/-1;margin-bottom:8px;font-size:13px;font-weight:700}.notification-image-card{color:#48435c;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #ded8e9;border-radius:6px;grid-template-columns:20px 80px 1fr;align-items:center;padding:10px;display:grid}.notification-image-card:before{content:"";border:2px solid #b8afc8;border-radius:50%;width:14px;height:14px}.notification-image-card.selected{background:#f7f2ff;border-color:#5a20b7}.notification-image-card.selected:before{background:#5a20b7;border-color:#5a20b7;box-shadow:inset 0 0 0 3px #fff}.notification-image-card img{object-fit:contain;width:72px;height:52px}.notification-image-card span{overflow-wrap:anywhere}.notification-image-upload-action{grid-column:1/-1;justify-content:center}.notification-image-upload-action button:disabled{cursor:wait;opacity:.7}.notification-image-upload-error{color:#b42318;text-align:center;grid-column:1/-1;margin:0;font-size:13px}.notification-image-status{color:#716b7e;text-align:center;grid-column:1/-1;margin:0;font-size:13px}.notification-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.notification-form-modal .notification-active-control{flex-direction:row;align-items:center}.notification-active-control input{min-height:auto}.notification-form-actions{justify-content:flex-end;padding-top:4px}@media (width<=680px){.notification-admin-header-inner,.notification-management-heading,.notification-admin-toolbar{flex-direction:column;align-items:stretch}.notification-admin-header-inner{padding:22px 0}.notification-image-options,.notification-date-grid{grid-template-columns:1fr}}