@charset "UTF-8";.staff-sidedrawer-content{width:100%;max-width:100vw;overflow-x:hidden}.staff-sidedrawer-content .website-title{margin:auto}.staff-sidedrawer-content .drawer-profile{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 20px}.staff-sidedrawer-content .drawer-profile .profile-details{width:100%;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:.8rem}.staff-sidedrawer-content .drawer-profile .profile-details .details-name{font-size:1rem}.copyright-container{flex-shrink:0;width:100%;text-align:center}.copyright-container .container-content{min-height:24px;padding:2px 20px;display:flex;align-items:center;justify-content:space-between;gap:4px 16px;flex-wrap:wrap}@media(max-width:599.95px){.copyright-container .container-content{justify-content:center;padding-inline:12px}}.staff-dashboard-content{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-x:clip;margin-bottom:5rem}.staff-dashboard-content .content-body{width:100%;min-width:0;box-sizing:border-box;padding:.75rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:600px){.staff-dashboard-content .content-body{padding:2rem;gap:1.5rem}}.staff-dashboard-content .content-body .content-items{width:100%;min-width:0;display:flex;flex-direction:column;gap:1rem}@media(min-width:1200px){.staff-dashboard-content .content-body .content-items{flex-direction:row;align-items:flex-start;gap:1.5rem}}.staff-dashboard-content .content-body .content-items .item-sections{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.25rem}.staff-dashboard-content .content-body .content-items .item-widgets{width:100%;min-width:0}@media(min-width:1200px){.staff-dashboard-content .content-body .content-items .item-widgets{width:340px;flex-shrink:0}}.staff-district-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;align-items:stretch;min-width:0}.staff-district-list-card{min-height:100%;min-width:0}@media screen and (min-width:1400px){.staff-district-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:1200px){.staff-district-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:900px){.staff-district-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:600px){.staff-district-list{grid-template-columns:minmax(0,1fr);gap:1rem}}.dynamic-breadcrumb-content{padding:.4rem 2%;text-decoration:none}.dynamic-breadcrumb-content a{color:#0091de}.staff-district-details{width:100%;display:flex;flex-direction:column;gap:1rem}.staff-district-details .district-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.staff-district-details .district-item .item-content{display:flex;flex-direction:column}.basic-breadcrumb-content{padding:.4rem 2%;text-decoration:none}.basic-breadcrumb-content a{color:#0091de}.staff-school-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.staff-school-list-header .header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:1rem;width:100%}.staff-school-list-header .header-content>*{min-width:0}@media screen and (max-width:1020px){.staff-school-list-header{display:flex;flex-direction:column;align-items:start;gap:1rem}.staff-school-list-header .header-content{width:100%}}@media screen and (max-width:450px){.staff-school-list-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.staff-school-list-header .header-content{width:100%;display:flex;flex-direction:column;gap:1rem}}.staff-school-list{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:start}.staff-school-list .staff-school-list-card{overflow:hidden;display:block;min-width:0}.staff-school-list .staff-school-list-card .staff-school-image img{width:100%;height:100px;object-fit:cover}@media screen and (min-width:1400px){.staff-school-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:1200px){.staff-school-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:1020px){.staff-school-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:450px){.staff-school-list{grid-template-columns:minmax(0,1fr)}}.staff-school-details{width:100%;display:flex;flex-direction:column;gap:1rem}.staff-school-details .school-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.staff-school-details .school-item .item-content{display:flex;flex-direction:column}.question-bank-items{width:100%;display:grid;gap:1rem}.mcq-v2-container{min-height:100vh;background-color:#f5f7fa}.mcq-v2-header{background:linear-gradient(135deg,#fff,#f8f9fc);border-bottom:1px solid #e0e4ea;padding:16px 24px;position:sticky;top:0;z-index:100}.mcq-v2-header .mcq-v2-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.mcq-v2-header .mcq-v2-header-left{display:flex;align-items:center;gap:12px}.mcq-v2-header .mcq-v2-header-actions{display:flex;gap:12px}.mcq-v2-header .mcq-v2-progress{margin-top:16px}.mcq-v2-main{display:flex;gap:24px;padding:24px;max-width:1600px;margin:0 auto}@media(max-width:1024px){.mcq-v2-main{flex-direction:column}}.mcq-v2-left-panel{flex:2;display:flex;flex-direction:column;gap:20px;min-width:0}.mcq-v2-right-panel{flex:1;display:flex;flex-direction:column;gap:20px;min-width:320px;max-width:400px;margin-bottom:2rem}@media(max-width:1024px){.mcq-v2-right-panel{max-width:none}}.mcq-v2-card{border-radius:12px!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f!important;transition:box-shadow .2s ease}.mcq-v2-card:hover{box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f!important}.mcq-v2-card .mcq-v2-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mcq-v2-card .mcq-v2-card-header.clickable{cursor:pointer;padding:8px;margin:-8px -8px 8px;border-radius:8px;transition:background-color .2s ease}.mcq-v2-card .mcq-v2-card-header.clickable:hover{background-color:#f5f7fa}.mcq-v2-card .mcq-v2-card-title{display:flex;align-items:center;gap:8px}.mcq-v2-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#fafbfc;border-radius:8px;border:2px dashed #e0e4ea}.mcq-v2-choices-list{display:flex;flex-direction:column;gap:8px;min-height:100px}.mcq-v2-choice-item{display:flex;align-items:center;padding:12px;border-radius:8px;background-color:#fff;border:1px solid #e0e4ea;transition:all .2s ease}.mcq-v2-choice-item:hover{border-color:#c0c8d4;box-shadow:0 2px 8px #0000000f}.mcq-v2-choice-item.correct{border-color:#4caf50;background-color:#f1f8e9}.mcq-v2-choice-item.correct .mcq-v2-choice-letter{background-color:#4caf50;color:#fff}.mcq-v2-choice-item.dragging{box-shadow:0 8px 24px #00000026;transform:rotate(2deg)}.mcq-v2-choice-item .mcq-v2-drag-handle{cursor:grab;color:#9e9e9e;padding:4px;margin-right:8px;display:flex;align-items:center}.mcq-v2-choice-item .mcq-v2-drag-handle:active{cursor:grabbing}.mcq-v2-choice-item .mcq-v2-choice-letter{width:32px;height:32px;border-radius:50%;background-color:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-right:12px;flex-shrink:0;transition:all .2s ease}.mcq-v2-choice-item .mcq-v2-choice-content{flex:1;cursor:pointer;padding:4px 8px;border-radius:4px;min-width:0;word-break:break-word}.mcq-v2-choice-item .mcq-v2-choice-content:hover{background-color:#f5f7fa}.mcq-v2-choice-item .mcq-v2-choice-content p{margin:0}.mcq-v2-choice-item .mcq-v2-choice-content img{max-width:100%;height:auto}.mcq-v2-choice-item .mcq-v2-choice-actions{display:flex;align-items:center;gap:2px;margin-left:8px;opacity:.6;transition:opacity .2s ease}.mcq-v2-choice-item:hover .mcq-v2-choice-actions{opacity:1}.mcq-v2-correct-answer-badge{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background-color:#e8f5e9;border-radius:8px;border:1px solid #c8e6c9}.mcq-v2-settings-card{position:sticky;top:120px}.mcq-v2-tips-card{background:linear-gradient(135deg,#e3f2fd,#f3e5f5)!important;border:none!important;flex-shrink:0}@media(max-width:768px){.mcq-v2-header{padding:12px 16px}.mcq-v2-header .mcq-v2-header-content{flex-direction:column;align-items:flex-start}.mcq-v2-header .mcq-v2-header-actions{width:100%;justify-content:flex-end}.mcq-v2-main{padding:16px}.mcq-v2-right-panel{width:100%;min-width:0}.mcq-v2-choice-item{flex-wrap:wrap}.mcq-v2-choice-item .mcq-v2-choice-actions{width:100%;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid #e0e4ea;opacity:1}}@media(max-width:480px){.mcq-v2-main{padding:12px 8px;gap:12px}.mcq-v2-card .MuiCardContent-root{padding:12px}.mcq-v2-card .mcq-v2-card-header{align-items:stretch;flex-direction:column;gap:8px}.mcq-v2-card .mcq-v2-card-title{flex-wrap:wrap;min-width:0}.mcq-v2-choice-item{padding:8px}.mcq-v2-choice-item .mcq-v2-drag-handle,.mcq-v2-choice-item .mcq-v2-choice-letter{margin-right:4px}}.mcq-v2-choice-item{animation:slideIn .2s ease-out}html,body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,img,pre,form,fieldset{margin:0;padding:0}img,fieldset{border:0}body,html{height:100%;width:100%}body{background-color:var(--ds-surface, #fff);color:var(--ds-text, #172b4d);font:var( --ds-font-body, normal 400 14px/1.42857142857143 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );-ms-overflow-style:-ms-autohiding-scrollbar;text-decoration-skip-ink:auto}p,ul,ol,dl,h1,h2,h3,h4,h5,h6,blockquote,pre,form,table{margin:var(--ds-space-150, 12px) 0 0 0}a{color:var(--ds-link, #0052cc);text-decoration:none}a:hover{color:var(--ds-link, #0065ff);text-decoration:underline}a:active{color:var(--ds-link-pressed, #0747a6)}a:focus-visible{outline:var(--ds-border-width-outline, 2px) solid var(--ds-border-focused, #2684ff);outline-offset:var(--ds-space-025, 2px)}@supports not selector(*:focus-visible){a:focus{outline:var(--ds-border-width-outline, 2px) solid var(--ds-border-focused, #4c9aff);outline-offset:var(--ds-space-025, 2px)}}h1{font:var( --ds-font-heading-xlarge, 600 2.0714285714285716em/1.103448275862069 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );color:var(--ds-text);margin-top:var(--ds-space-500)}h2{font:var( --ds-font-heading-large, 500 1.7142857142857142em/1.1666666666666667 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );color:var(--ds-text);margin-top:var(--ds-space-500)}h3{font:var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );color:var(--ds-text);margin-top:28px}h4{font:var( --ds-font-heading-small, 600 1.1428571428571428em/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );color:var(--ds-text);margin-top:var(--ds-space-300)}h5{font:var( --ds-font-heading-xsmall, 600 1em/1.1428571428571428 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );color:var(--ds-text);margin-top:var(--ds-space-200)}h6{font:var( --ds-font-heading-xxsmall, 600 .8571428571428571em/1.3333333333333333 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif );color:var(--ds-text);margin-top:var(--ds-space-250);text-transform:uppercase}ul,ol,dl{padding-left:var(--ds-space-500, 40px)}dd,dd+dt,li+li{margin-top:var(--ds-space-050, 4px)}ul ul:not(:first-child),ol ul:not(:first-child),ul ol:not(:first-child),ol ol:not(:first-child){margin-top:var(--ds-space-050, 4px)}p:first-child,ul:first-child,ol:first-child,dl:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,blockquote:first-child,pre:first-child,form:first-child,table:first-child{margin-top:0}blockquote,q{color:inherit}blockquote{border:none;padding-left:var(--ds-space-500, 40px)}[dir=rtl] blockquote{padding-left:0;padding-right:var(--ds-space-500, 40px)}blockquote:before,q:before{content:"“"}blockquote:after,q:after{content:"”"}blockquote:before{float:left;margin-left:-1em;text-align:right;width:1em}[dir=rtl] blockquote:before{float:right;margin-right:-1em;text-align:left}blockquote>:last-child{display:inline-block}small{font:var( --ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif )}code,kbd{font-family:var( --ds-font-family-code, ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace )}var,address,dfn,cite{font-style:italic}abbr{border-bottom:1px var(--ds-border, #ccc) dotted;cursor:help}@supports (color-scheme: dark) and (color-scheme: light){[data-color-mode=light]{color-scheme:light}[data-color-mode=dark]{color-scheme:dark}}table{border-collapse:collapse;width:100%}thead,tbody,tfoot{border-bottom:2px solid var(--ds-border, #dfe1e6)}td,th{border:none;padding:var(--ds-space-050, 4px) var(--ds-space-100, 8px);text-align:left}th{vertical-align:top}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}caption{font:var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif );letter-spacing:-.008em;color:var(--ds-text);margin-top:28px;margin-bottom:var(--ds-space-100, 8px);text-align:left}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}@-moz-document url-prefix(){img{font-size:0}img:-moz-broken{font-size:inherit}}button{font-family:inherit}.assistive{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.checkbox-container{min-height:100vh;background-color:#f5f7fa}.checkbox-choices-list{display:flex;flex-direction:column;gap:8px;min-height:100px}.checkbox-choice-item{display:flex;align-items:center;padding:12px;border-radius:8px;background-color:#fff;border:1px solid #e0e4ea;transition:all .2s ease}.checkbox-choice-item:hover{border-color:#c0c8d4;box-shadow:0 2px 8px #0000000f}.checkbox-choice-item.correct{border-color:#4caf50;background-color:#f1f8e9}.checkbox-choice-item.correct .checkbox-choice-letter{background-color:#4caf50;color:#fff}.checkbox-choice-item.dragging{box-shadow:0 8px 24px #00000026;transform:rotate(2deg)}.checkbox-choice-item .checkbox-drag-handle{cursor:grab;color:#9e9e9e;padding:4px;margin-right:8px;display:flex;align-items:center}.checkbox-choice-item .checkbox-drag-handle:active{cursor:grabbing}.checkbox-choice-item .checkbox-choice-letter{width:32px;height:32px;border-radius:50%;background-color:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-right:12px;flex-shrink:0;transition:all .2s ease}.checkbox-choice-item .checkbox-choice-content{flex:1;cursor:pointer;padding:4px 8px;border-radius:4px;min-width:0;word-break:break-word}.checkbox-choice-item .checkbox-choice-content:hover{background-color:#f5f7fa}.checkbox-choice-item .checkbox-choice-content p{margin:0}.checkbox-choice-item .checkbox-choice-content img{max-width:100%;height:auto}.checkbox-choice-item .checkbox-choice-actions{display:flex;align-items:center;gap:2px;margin-left:8px;opacity:.6;transition:opacity .2s ease}.checkbox-choice-item:hover .checkbox-choice-actions{opacity:1}.checkbox-correct-answer-badge{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background-color:#e8f5e9;border-radius:8px;border:1px solid #c8e6c9}@media(max-width:768px){.checkbox-header{padding:12px 16px}.checkbox-header .checkbox-header-content{flex-direction:column;align-items:flex-start}.checkbox-header .checkbox-header-actions{width:100%;justify-content:flex-end}.checkbox-main{padding:16px}.checkbox-right-panel{width:100%;min-width:0}.checkbox-choice-item{flex-wrap:wrap}.checkbox-choice-item .checkbox-choice-actions{width:100%;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid #e0e4ea;opacity:1}}@media(max-width:480px){.checkbox-main{padding:12px 8px;gap:12px}.checkbox-card .MuiCardContent-root{padding:12px}.checkbox-card .checkbox-card-header{align-items:stretch;flex-direction:column;gap:8px}.checkbox-card .checkbox-card-title{flex-wrap:wrap;min-width:0}.checkbox-choice-item{padding:8px}.checkbox-choice-item .checkbox-drag-handle,.checkbox-choice-item .checkbox-choice-letter{margin-right:4px}}.checkbox-choice-item{animation:slideIn .2s ease-out}.freeresponse-container{min-height:100vh;background-color:#f5f7fa}.checkbox-header{background:linear-gradient(135deg,#fff,#f8f9fc);border-bottom:1px solid #e0e4ea;padding:16px 24px;position:sticky;top:0;z-index:100}.checkbox-header .checkbox-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.checkbox-header .checkbox-header-left{display:flex;align-items:center;gap:12px}.checkbox-header .checkbox-header-actions{display:flex;gap:12px}.checkbox-header .checkbox-progress{margin-top:16px}.checkbox-main{display:flex;gap:24px;padding:24px;max-width:1600px;margin:0 auto}@media(max-width:1024px){.checkbox-main{flex-direction:column}}.checkbox-left-panel{flex:2;display:flex;flex-direction:column;gap:20px;min-width:0}.checkbox-right-panel{flex:1;display:flex;flex-direction:column;gap:20px;min-width:320px;max-width:400px;margin-bottom:2rem}@media(max-width:1024px){.checkbox-right-panel{max-width:none}}.checkbox-card{border-radius:12px!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f!important;transition:box-shadow .2s ease}.checkbox-card:hover{box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f!important}.checkbox-card .checkbox-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.checkbox-card .checkbox-card-header.clickable{cursor:pointer;padding:8px;margin:-8px -8px 8px;border-radius:8px;transition:background-color .2s ease}.checkbox-card .checkbox-card-header.clickable:hover{background-color:#f5f7fa}.checkbox-card .checkbox-card-title{display:flex;align-items:center;gap:8px}.checkbox-content-preview{padding:16px;background-color:#fafbfc;border-radius:8px;position:relative;min-height:60px}.checkbox-content-preview img{max-width:100%;height:auto}.checkbox-content-preview p{margin:0}.checkbox-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#fafbfc;border-radius:8px;border:2px dashed #e0e4ea}.checkbox-settings-card{position:sticky;top:120px}.checkbox-tips-card{background:linear-gradient(135deg,#e8f5e9,#e3f2fd)!important;border:none!important;flex-shrink:0}@media(max-width:768px){.checkbox-header{padding:12px 16px}.checkbox-header .checkbox-header-content{flex-direction:column;align-items:flex-start}.checkbox-header .checkbox-header-actions{width:100%;justify-content:flex-end}.checkbox-main{padding:16px}.checkbox-right-panel{width:100%;min-width:0}}@media(max-width:480px){.checkbox-main{padding:12px 8px;gap:12px}.checkbox-card .MuiCardContent-root{padding:12px}.checkbox-card .checkbox-card-header{align-items:stretch;flex-direction:column;gap:8px}.checkbox-card .checkbox-card-title{flex-wrap:wrap;min-width:0}}.graph-v2-container{min-height:100vh;width:100%;min-width:0;overflow-x:clip;background-color:#f5f7fa}.graph-v2-header{background:linear-gradient(135deg,#fff,#f8f9fc);border-bottom:1px solid #e0e4ea;padding:16px 24px;position:sticky;top:0;z-index:100}.graph-v2-header .graph-v2-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.graph-v2-header .graph-v2-header-left{display:flex;align-items:center;gap:12px}.graph-v2-header .graph-v2-header-actions{display:flex;gap:12px}.graph-v2-header .graph-v2-progress{margin-top:16px}.graph-v2-main{display:flex;gap:24px;padding:24px;width:100%;min-width:0;box-sizing:border-box;max-width:1600px;margin:0 auto}@media(max-width:1024px){.graph-v2-main{flex-direction:column}}.graph-v2-left-panel{flex:2;display:flex;flex-direction:column;gap:20px;min-width:0}.graph-v2-right-panel{flex:1;display:flex;flex-direction:column;gap:20px;min-width:320px;max-width:400px;margin-bottom:2rem}@media(max-width:1024px){.graph-v2-right-panel{min-width:0;width:100%;max-width:none}}.graph-v2-card{border-radius:12px!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f!important;transition:box-shadow .2s ease}.graph-v2-card:hover{box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f!important}.graph-v2-card .graph-v2-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.graph-v2-card .graph-v2-card-header.clickable{cursor:pointer;padding:8px;margin:-8px -8px 8px;border-radius:8px;transition:background-color .2s ease}.graph-v2-card .graph-v2-card-header.clickable:hover{background-color:#f5f7fa}.graph-v2-card .graph-v2-card-title{display:flex;align-items:center;gap:8px}.graph-v2-content-preview{padding:16px;background-color:#fafbfc;border-radius:8px;position:relative;min-height:60px}.graph-v2-content-preview img{max-width:100%;height:auto}.graph-v2-content-preview p{margin:0}.graph-v2-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#fafbfc;border-radius:8px;border:2px dashed #e0e4ea}.graph-v2-settings-card{position:sticky;top:120px}.graph-v2-tips-card{background:linear-gradient(135deg,#e3f2fd,#f3e5f5)!important;border:none!important;flex-shrink:0}@media(max-width:768px){.graph-v2-header{padding:12px 16px}.graph-v2-header .graph-v2-header-content{flex-direction:column;align-items:flex-start}.graph-v2-header .graph-v2-header-actions{width:100%;justify-content:flex-end}.graph-v2-main{padding:12px}.graph-v2-right-panel{min-width:0;width:100%}}@media(max-width:480px){.graph-v2-main{padding:12px 8px;gap:12px}.graph-v2-card .MuiCardContent-root{padding:12px}.graph-v2-card .graph-v2-card-header{align-items:stretch;flex-direction:column;gap:8px}.graph-v2-card .graph-v2-card-title{flex-wrap:wrap;min-width:0}}.graph-v2-graph-surface svg path[stroke="#FF0066"],.graph-v2-graph-surface svg path[stroke="#ff0066"],.graph-v2-graph-surface svg line[stroke="#FF0066"],.graph-v2-graph-surface svg line[stroke="#ff0066"]{stroke:#1976d2!important}.dragdrop-v2-container{min-height:100vh;background-color:#f5f7fa}.dragdrop-v2-header{background:linear-gradient(135deg,#fff,#f8f9fc);border-bottom:1px solid #e0e4ea;padding:16px 24px;position:sticky;top:0;z-index:100}.dragdrop-v2-header .dragdrop-v2-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.dragdrop-v2-header .dragdrop-v2-header-left{display:flex;align-items:center;gap:12px}.dragdrop-v2-header .dragdrop-v2-header-actions{display:flex;gap:12px}.dragdrop-v2-header .dragdrop-v2-progress{margin-top:16px}.dragdrop-v2-main{display:flex;gap:24px;padding:24px;max-width:1600px;margin:0 auto}@media(max-width:1024px){.dragdrop-v2-main{flex-direction:column}}.dragdrop-v2-left-panel{flex:2;display:flex;flex-direction:column;gap:20px;min-width:0}.dragdrop-v2-right-panel{flex:1;display:flex;flex-direction:column;gap:20px;min-width:320px;max-width:400px;margin-bottom:2rem}@media(max-width:1024px){.dragdrop-v2-right-panel{max-width:none}}.dragdrop-v2-card{border-radius:12px!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f!important;transition:box-shadow .2s ease}.dragdrop-v2-card:hover{box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f!important}.dragdrop-v2-card .dragdrop-v2-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dragdrop-v2-card .dragdrop-v2-card-header.clickable{cursor:pointer;padding:8px;margin:-8px -8px 8px;border-radius:8px;transition:background-color .2s ease}.dragdrop-v2-card .dragdrop-v2-card-header.clickable:hover{background-color:#f5f7fa}.dragdrop-v2-card .dragdrop-v2-card-title{display:flex;align-items:center;gap:8px}.dragdrop-v2-content-preview{padding:16px;background-color:#fafbfc;border-radius:8px;position:relative;min-height:60px}.dragdrop-v2-content-preview img{max-width:100%;height:auto}.dragdrop-v2-content-preview p{margin:0}.dragdrop-v2-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#fafbfc;border-radius:8px;border:2px dashed #e0e4ea;gap:8px}.dragdrop-v2-choices-grid{display:flex;flex-direction:column;gap:8px}.dragdrop-v2-choice-item{display:flex;align-items:center;padding:10px 12px;background-color:#fff;border-radius:8px;transition:all .2s ease}.dragdrop-v2-choice-item:hover{border-color:#c0c8d4;box-shadow:0 2px 4px #0000000a}.dragdrop-v2-choice-item .dragdrop-v2-choice-actions{display:flex;align-items:center;gap:2px;opacity:.6;transition:opacity .2s ease}.dragdrop-v2-choice-item:hover .dragdrop-v2-choice-actions{opacity:1}.dragdrop-v2-settings-card{position:sticky;top:120px}.dragdrop-v2-tips-card{background:linear-gradient(135deg,#e8eaf6,#e3f2fd)!important;border:none!important;flex-shrink:0}@media(max-width:768px){.dragdrop-v2-header{padding:12px 16px}.dragdrop-v2-header .dragdrop-v2-header-content{flex-direction:column;align-items:flex-start}.dragdrop-v2-header .dragdrop-v2-header-actions{width:100%;justify-content:flex-end}.dragdrop-v2-main{padding:16px}.dragdrop-v2-right-panel{width:100%;min-width:0}}@media(max-width:480px){.dragdrop-v2-main{padding:12px 8px;gap:12px}.dragdrop-v2-card .MuiCardContent-root{padding:12px}.dragdrop-v2-card .dragdrop-v2-card-header{align-items:stretch;flex-direction:column;gap:8px}.dragdrop-v2-card .dragdrop-v2-card-title{flex-wrap:wrap;min-width:0}.dragdrop-v2-choice-item{align-items:stretch;flex-wrap:wrap;min-width:0}.dragdrop-v2-choice-item .dragdrop-v2-choice-actions{justify-content:flex-end;opacity:1;width:100%}}.dragdrop-v2-choice-item{animation:slideIn .2s ease-out}.dropdown-v2-container{min-height:100vh;background-color:#f5f7fa}.dropdown-v2-header{background:linear-gradient(135deg,#fff,#f8f9fc);border-bottom:1px solid #e0e4ea;padding:16px 24px;position:sticky;top:0;z-index:100}.dropdown-v2-header .dropdown-v2-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.dropdown-v2-header .dropdown-v2-header-left{display:flex;align-items:center;gap:12px}.dropdown-v2-header .dropdown-v2-header-actions{display:flex;gap:12px}.dropdown-v2-header .dropdown-v2-progress{margin-top:16px}.dropdown-v2-main{display:flex;gap:24px;padding:24px;max-width:1600px;margin:0 auto}@media(max-width:1024px){.dropdown-v2-main{flex-direction:column}}.dropdown-v2-left-panel{flex:2;display:flex;flex-direction:column;gap:20px;min-width:0}.dropdown-v2-right-panel{flex:1;display:flex;flex-direction:column;gap:20px;min-width:320px;max-width:400px;margin-bottom:2rem}@media(max-width:1024px){.dropdown-v2-right-panel{max-width:none}}.dropdown-v2-card{border-radius:12px!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f!important;transition:box-shadow .2s ease}.dropdown-v2-card:hover{box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f!important}.dropdown-v2-card .dropdown-v2-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dropdown-v2-card .dropdown-v2-card-header.clickable{cursor:pointer;padding:8px;margin:-8px -8px 8px;border-radius:8px;transition:background-color .2s ease}.dropdown-v2-card .dropdown-v2-card-header.clickable:hover{background-color:#f5f7fa}.dropdown-v2-card .dropdown-v2-card-title{display:flex;align-items:center;gap:8px}.dropdown-v2-content-preview{padding:16px;background-color:#fafbfc;border-radius:8px;position:relative;min-height:60px}.dropdown-v2-content-preview img{max-width:100%;height:auto}.dropdown-v2-content-preview p{margin:0}.dropdown-v2-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#fafbfc;border-radius:8px;border:2px dashed #e0e4ea;gap:8px}.dropdown-v2-responses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.dropdown-v2-response-group{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#fafbfc;border-radius:8px;border:1px solid #e0e4ea}.dropdown-v2-response-group .dropdown-v2-response-header{display:flex;justify-content:space-between;align-items:center}.dropdown-v2-response-group .dropdown-v2-response-items{display:flex;flex-direction:column;gap:8px;min-height:40px}.dropdown-v2-response-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#fff;border-radius:6px;transition:all .2s ease}.dropdown-v2-response-item:hover{border-color:#c0c8d4;box-shadow:0 2px 4px #0000000a}.dropdown-v2-response-item .dropdown-v2-response-actions{display:flex;align-items:center;gap:2px;opacity:.6;transition:opacity .2s ease}.dropdown-v2-response-item:hover .dropdown-v2-response-actions{opacity:1}.dropdown-v2-settings-card{position:sticky;top:120px}.dropdown-v2-tips-card{background:linear-gradient(135deg,#fff3e0,#e3f2fd)!important;border:none!important;flex-shrink:0}@media(max-width:768px){.dropdown-v2-header{padding:12px 16px}.dropdown-v2-header .dropdown-v2-header-content{flex-direction:column;align-items:flex-start}.dropdown-v2-header .dropdown-v2-header-actions{width:100%;justify-content:flex-end}.dropdown-v2-main{padding:16px}.dropdown-v2-right-panel{width:100%;min-width:0}.dropdown-v2-responses-grid{grid-template-columns:1fr}}@media(max-width:480px){.dropdown-v2-main{padding:12px 8px;gap:12px}.dropdown-v2-card .MuiCardContent-root{padding:12px}.dropdown-v2-card .dropdown-v2-card-header{align-items:stretch;flex-direction:column;gap:8px}.dropdown-v2-card .dropdown-v2-card-title{flex-wrap:wrap;min-width:0}.dropdown-v2-response-group{min-width:0;padding:12px}.dropdown-v2-response-item{align-items:stretch;flex-direction:column;gap:4px}.dropdown-v2-response-item .dropdown-v2-response-actions{justify-content:flex-end;opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-v2-response-item{animation:slideIn .2s ease-out}.dropdown-v2-response-group{animation:slideIn .3s ease-out}.teacher-question-bank-items{width:100%;display:grid;gap:1.5rem}.preview-content{display:flex;flex-direction:column;gap:.5rem;padding:5%}.preview-content .content-title{background-color:#f0f0f0;padding:5px}.preview-content .content-details{padding:5px}.preview-content .content-item{width:100%;display:flex;gap:1rem;justify-content:space-between}.preview-content .content-item .item-details{width:inherit;display:flex;flex-direction:column}.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f172a;overflow:hidden;padding:2rem 1rem}.login-page .login-background{position:fixed;inset:0;z-index:0;pointer-events:none}.login-page .login-background .gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 85% -5%,rgba(79,70,229,.22) 0%,transparent 55%),radial-gradient(ellipse 55% 50% at -10% 85%,rgba(99,102,241,.14) 0%,transparent 55%),linear-gradient(155deg,#020617,#0f172a 55%,#1e293b)}.login-page .login-background .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(129,140,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(129,140,248,.045) 1px,transparent 1px);background-size:52px 52px}.login-page .login-container{position:relative;z-index:1;width:100%;max-width:460px;margin:0 auto}.login-page .login-logo-section{display:flex;align-items:center;justify-content:center;gap:.875rem;margin-bottom:2rem;animation:fadeIn .6s ease-out}.login-page .login-logo-section .login-logo{width:42px;height:auto}.login-page .login-logo-section .login-logo-text-group{display:flex;flex-direction:column;gap:.1rem}.login-page .login-logo-section .login-logo-text-group .login-logo-text{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1}.login-page .login-logo-section .login-logo-text-group .login-portal-badge{font-size:.68rem;font-weight:600;color:#818cf8;letter-spacing:.14em;text-transform:uppercase}.login-page .login-card{background:#ffffff0e;border:1px solid rgba(99,102,241,.22);border-radius:20px;padding:2.5rem;box-shadow:0 30px 64px #0000008c,0 0 0 1px #4f46e514,inset 0 1px #ffffff0f;animation:fadeInUp .6s ease-out .1s both}@media(max-width:480px){.login-page .login-card{padding:2rem 1.5rem;border-radius:16px}}.login-page .login-header{text-align:center;margin-bottom:1.75rem}.login-page .login-header .login-icon-wrapper{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#4f46e526;border:1px solid rgba(99,102,241,.3);border-radius:14px;margin:0 auto 1rem}.login-page .login-header .login-title{font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.02em;margin:0 0 .375rem}.login-page .login-header .login-subtitle{font-size:.9rem;color:#ffffff80;margin:0}.login-page .login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:.75rem 1rem;margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:.625rem;color:#fca5a5;font-size:.875rem;line-height:1.5}.login-page .login-form{display:flex;flex-direction:column;gap:1.25rem}.login-page .form-field{display:flex;flex-direction:column;gap:.375rem}.login-page .form-field label{font-size:.825rem;font-weight:500;color:#ffffffa6;letter-spacing:.01em}.login-page .form-field .input-wrapper{position:relative}.login-page .form-field .input-wrapper input{width:100%;background:#00000052;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.8rem 1rem;font-size:.95rem;color:#fff;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;box-sizing:border-box;font-family:inherit}.login-page .form-field .input-wrapper input::placeholder{color:#ffffff47}.login-page .form-field .input-wrapper input:focus{border-color:#6366f1b3;background:#0000006b;box-shadow:0 0 0 3px #4f46e52e}.login-page .form-field .input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.login-page .form-field .input-wrapper input.input-password{padding-right:3rem}.login-page .form-field .input-wrapper .toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#ffffff59;display:flex;align-items:center;justify-content:center;padding:.25rem;transition:color .2s ease}.login-page .form-field .input-wrapper .toggle-password:hover{color:#ffffffb3}.login-page .forgot-link{text-align:right;margin-top:-.5rem}.login-page .forgot-link a{font-size:.82rem;color:#818cf8a6;text-decoration:none;transition:color .2s ease}.login-page .forgot-link a:hover{color:#818cf8}.login-page .login-submit{width:100%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:600;font-size:1rem;padding:.875rem;border:none;border-radius:10px;cursor:pointer;letter-spacing:.02em;box-shadow:0 4px 20px #4f46e573;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-family:inherit;margin-top:.25rem}.login-page .login-submit:hover:not(:disabled){box-shadow:0 8px 32px #4f46e599;transform:translateY(-2px)}.login-page .login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-page .login-notice{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:.76rem;color:#ffffff38;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme-mode=dark] .mcq-v2-container,[data-theme-mode=dark] .checkbox-container,[data-theme-mode=dark] .dragdrop-v2-container,[data-theme-mode=dark] .dropdown-v2-container,[data-theme-mode=dark] .graph-v2-container,[data-theme-mode=dark] .freeresponse-container{background-color:#0f172a;color:#f1f5f9}[data-theme-mode=dark] .mcq-v2-header,[data-theme-mode=dark] .checkbox-header,[data-theme-mode=dark] .dragdrop-v2-header,[data-theme-mode=dark] .dropdown-v2-header,[data-theme-mode=dark] .graph-v2-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom-color:#94a3b833;color:#f1f5f9}[data-theme-mode=dark] .mcq-v2-card,[data-theme-mode=dark] .checkbox-card,[data-theme-mode=dark] .dragdrop-v2-card,[data-theme-mode=dark] .dropdown-v2-card,[data-theme-mode=dark] .graph-v2-card{background-color:#1e293b!important;color:#f1f5f9;box-shadow:0 1px 3px #00000059,0 1px 2px #00000040!important}[data-theme-mode=dark] .mcq-v2-card .mcq-v2-card-header.clickable:hover,[data-theme-mode=dark] .mcq-v2-card .checkbox-card .checkbox-card-header.clickable:hover,[data-theme-mode=dark] .checkbox-card .mcq-v2-card-header.clickable:hover,[data-theme-mode=dark] .checkbox-card .checkbox-card .checkbox-card-header.clickable:hover,[data-theme-mode=dark] .dragdrop-v2-card .mcq-v2-card-header.clickable:hover,[data-theme-mode=dark] .dragdrop-v2-card .checkbox-card .checkbox-card-header.clickable:hover,[data-theme-mode=dark] .dropdown-v2-card .mcq-v2-card-header.clickable:hover,[data-theme-mode=dark] .dropdown-v2-card .checkbox-card .checkbox-card-header.clickable:hover,[data-theme-mode=dark] .graph-v2-card .mcq-v2-card-header.clickable:hover,[data-theme-mode=dark] .graph-v2-card .checkbox-card .checkbox-card-header.clickable:hover{background-color:#94a3b81f}[data-theme-mode=dark] .mcq-v2-empty-state,[data-theme-mode=dark] .checkbox-empty-state,[data-theme-mode=dark] .dragdrop-v2-empty-state,[data-theme-mode=dark] .dropdown-v2-empty-state,[data-theme-mode=dark] .graph-v2-empty-state{background-color:#1e293ba6;border-color:#94a3b847;color:#cbd5e1}[data-theme-mode=dark] .mcq-v2-choice-item,[data-theme-mode=dark] .checkbox-choice-item,[data-theme-mode=dark] .dragdrop-v2-choice-item,[data-theme-mode=dark] .dropdown-v2-response-item{background-color:#1e293b;border-color:#94a3b83d;color:#f1f5f9}[data-theme-mode=dark] .mcq-v2-choice-item:hover,[data-theme-mode=dark] .checkbox-choice-item:hover,[data-theme-mode=dark] .dragdrop-v2-choice-item:hover,[data-theme-mode=dark] .dropdown-v2-response-item:hover{border-color:#94a3b866;box-shadow:0 2px 8px #00000040}[data-theme-mode=dark] .mcq-v2-choice-item.correct,[data-theme-mode=dark] .checkbox-choice-item.correct,[data-theme-mode=dark] .dragdrop-v2-choice-item.correct,[data-theme-mode=dark] .dropdown-v2-response-item.correct{background-color:#36b37e29;border-color:#36b37e}[data-theme-mode=dark] .mcq-v2-settings-card,[data-theme-mode=dark] .mcq-v2-tips-card,[data-theme-mode=dark] .checkbox-settings-card,[data-theme-mode=dark] .checkbox-tips-card,[data-theme-mode=dark] .dragdrop-v2-settings-card,[data-theme-mode=dark] .dragdrop-v2-tips-card,[data-theme-mode=dark] .dropdown-v2-settings-card,[data-theme-mode=dark] .dropdown-v2-tips-card,[data-theme-mode=dark] .graph-v2-settings-card,[data-theme-mode=dark] .graph-v2-tips-card{background-color:#1e293b!important;border-color:#94a3b833;color:#e2e8f0}[data-theme-mode=dark] .graph-v2-graph-surface{background-color:#0f172a;border-color:#94a3b83d}[data-theme-mode=dark] .dropdown-v2-response-group{background-color:#1e293bbf;border-color:#94a3b833}[data-theme-mode=dark] .step4-container .step4-preview{background-color:#1e293b;color:#f1f5f9}[data-theme-mode=dark] .staff-content-cards .card-icon{background-color:#ffffff24}[data-theme-mode=dark] .staff-district-list-header.dark{color:#f1f5f9}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:Symbola,Georgia,serif}
