*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Montserrat,sans-serif;background-color:#f9fafb}.logo-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.container{display:flex;flex-direction:row;min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;max-width:100vw}.right-panel{flex:1;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;overflow-y:auto}.left-panel{flex:1;background-color:#6686cc;display:flex;justify-content:center;align-items:center;padding:2rem;overflow-y:auto}.container.reverse .left-panel{background-color:#f9fafb;color:#000;align-items:center}.container.reverse .right-panel{background-color:#6686cc;color:#f1f8ff;justify-content:center;position:sticky;top:0;height:100vh;overflow:hidden}@font-face{font-family:Nico Moji;src:url(/fonts/NicoMoji-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.aim-high{font-family:Nico Moji,sans-serif;font-size:clamp(2rem,4vw,3rem);color:#f1f8ff;text-align:center;width:100%}.logo-wrapper{display:flex;justify-content:center;align-items:center;flex-grow:1;width:100%}.lorem-list{margin-top:1rem;text-align:center;color:#fff;font-family:Inter,sans-serif;font-size:1rem}@media (max-width: 768px){.container{flex-direction:column}.left-panel,.right-panel{flex:unset;width:100%;height:50%}.right-panel{padding:1.5rem}}@media (min-width: 1441px){.right-panel,.left-panel{max-width:50vw;padding:3rem}}@media (min-width: 1921px){.container{max-width:100vw;margin:0 auto}.right-panel,.left-panel{max-width:50vw;padding:4rem}.aim-high{font-size:clamp(3rem,5vw,4rem)}}.login-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:1rem;box-sizing:border-box;font-family:Montserrat,sans-serif}.login-box{width:100%;max-width:min(500px,90vw);padding:2rem;text-align:center}@media (max-width: 640px){.login-box{padding:1.5rem;max-width:95vw}}@media (min-width: 1441px){.login-box{max-width:600px;padding:2.5rem}}@media (min-width: 1921px){.login-box{max-width:700px;padding:3rem}}.login-box h1{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.tagline{color:#6b7280;font-size:1rem;margin-bottom:2rem;white-space:normal;overflow:visible;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.login-form input,.login-form select{width:100%;min-width:0;padding:.875rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.login-form .standard-dropdown{width:100%}.login-form .standard-dropdown .react-select__control{min-height:32px!important;height:32px!important;border:1px solid #ccc!important;box-shadow:none!important;border-radius:6px!important;font-size:1rem!important}.login-form .standard-dropdown .react-select__value-container{padding:2px 8px!important}.login-form .standard-dropdown .react-select__indicators{height:32px!important}.login-form .standard-dropdown .react-select__dropdown-indicator{padding:8px!important}@media (max-width: 640px){.login-form input,.login-form select{padding:.75rem;font-size:16px}}@media (min-width: 1921px){.login-form input,.login-form select{padding:1rem;font-size:1.1rem}}.login-form button{width:100%;padding:.875rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.login-form button:hover{background-color:#7f8fb2}.form-links{margin-top:1.5rem;font-size:.95rem;text-align:center}.form-links a{color:#6686cc!important;text-decoration:none;font-weight:500}.success-message{background-color:#e6ffed;color:#1a7f3c;padding:12px 20px;border-radius:8px;margin-bottom:1rem;font-weight:500;text-align:center}.success-toast{background-color:#57c189;color:#fff;padding:.5rem 1.25rem;border-radius:6px;font-weight:500;font-size:.95rem;text-align:center;margin:1rem 0 1.5rem;box-shadow:0 2px 6px #00000014;animation:fadeInSlide .3s ease-in-out}.error-box{margin-top:.75rem;background-color:#fdecea;color:#b00020;border:1px solid #f5c6cb;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;display:flex;align-items:center;gap:.5rem;justify-content:center;box-shadow:0 1px 3px #00000014}.error-box:before{font-size:1.2rem}.toast{position:fixed;padding:.75rem 1.25rem;border-radius:8px;font-weight:500;font-size:.9rem;box-shadow:0 4px 12px #0000001a;animation:slideIn .3s ease-out;z-index:10000}.success-toast{background-color:#57c189;color:#fff}.error-toast{background-color:#f28b82;color:#fff}.warning-toast{background-color:#f59e0b;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f9fafb;padding:2rem;text-align:center;font-family:Montserrat,sans-serif}.forgot-container h1{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.forgot-container p{font-size:.95rem;color:#6b7280;margin-bottom:.5rem}.forgot-form{display:flex;flex-direction:column;width:100%;max-width:400px;gap:1rem}.forgot-form label{text-align:left;font-weight:500;font-size:.95rem}.forgot-form input{padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.forgot-form button{padding:.75rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.forgot-form button:hover{background-color:#7f8fb2}.footer-link{margin-top:1rem;font-size:.9rem;color:#6b7280}.footer-link a{color:#7f8fb2;text-decoration:none}.footer-link a:hover{text-decoration:underline}.otp-instruction{margin-top:-.5rem;font-size:.95rem;color:#374151}.error-text{color:#d9534f;font-size:.85rem;margin:-.2rem 0}.warning-note{font-size:.82rem;color:#92600a;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;padding:.6rem .9rem;text-align:left;line-height:1.5}.password-input-wrapper input{width:100%;padding-right:2.25rem;box-sizing:border-box}.back-bottom-wrapper{margin-top:1.25rem;display:flex;justify-content:center}.back-bottom{background:none;border:none;color:#7f8fb2;font-size:.9rem;font-family:Montserrat,sans-serif;cursor:pointer;padding:0;text-decoration:underline}.back-bottom:hover{color:#6686cc}.signup-option-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:Montserrat,sans-serif;padding:1rem;box-sizing:border-box}.signup-box{width:100%;max-width:500px;padding:2rem;text-align:center}.signup-box h2{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.signup-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.signup-buttons button{padding:.875rem;font-size:1rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.signup-buttons button:hover{background-color:#7f8fb2}.form-links{font-size:.95rem}.form-links a{color:#6686cc;text-decoration:none;font-weight:500}.form-links a:hover{text-decoration:underline}.login-link{margin-top:1rem;font-size:.9rem;color:#000}.login-link a{color:#6686cc;text-decoration:underline}.standard-dropdown{position:relative;width:100%}.standard-dropdown.has-error .dropdown-error-message{display:block}.dropdown-error-message{display:none;color:#f28b82;font-size:.875rem;margin-top:.25rem;font-weight:500}.standard-dropdown .react-select__loading-indicator{color:#6686cc}.standard-dropdown .react-select__control:focus-within{outline:2px solid transparent;outline-offset:2px}.standard-dropdown .react-select__control--is-disabled{opacity:.6;cursor:not-allowed}.standard-dropdown .react-select__control--is-disabled .react-select__placeholder,.standard-dropdown .react-select__control--is-disabled .react-select__single-value{color:#9ca3af}@media (prefers-contrast: high){.standard-dropdown .react-select__control{border-width:2px}.standard-dropdown .react-select__option--is-focused{outline:2px solid currentColor;outline-offset:-2px}}@media (prefers-reduced-motion: reduce){.standard-dropdown .react-select__control,.standard-dropdown .react-select__dropdown-indicator{transition:none}}.standard-dropdown--sm{font-size:.875rem}.standard-dropdown--lg{font-size:1.125rem}.multi-select-dropdown .selection-count{margin-top:.25rem;font-size:.75rem;text-align:right}.multi-select-dropdown .count-normal{color:#6b7280}.multi-select-dropdown .count-max{color:#f59e0b;font-weight:600}@media (max-width: 640px){.standard-dropdown .react-select__menu{font-size:16px}.standard-dropdown .react-select__option{padding:12px;min-height:44px}}.signup-wrapper{width:100%;max-width:min(500px,90vw);margin:auto;padding:2rem 1rem;display:flex;flex-direction:column}@media (max-width: 640px){.signup-wrapper{padding:1.5rem .75rem;max-width:95vw}}@media (min-width: 1441px){.signup-wrapper{max-width:600px;padding:2.5rem 1.5rem}}@media (min-width: 1921px){.signup-wrapper{max-width:700px;padding:3rem 2rem}}@media (max-height: 700px){.left-panel{align-items:flex-start}}.signup-box{width:100%;max-width:min(500px,90vw)}@media (max-width: 640px){.signup-box{max-width:95vw}}@media (min-width: 1441px){.signup-box{max-width:600px}}@media (min-width: 1921px){.signup-box{max-width:700px}}.signup-box h1{color:#000!important;font-size:1.75rem;font-weight:550;margin-bottom:.75rem}.signup-box .tagline{color:#6b7280;font-size:1rem;margin-bottom:2rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.form-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.form-group label{font-size:1rem;font-weight:500;color:#000}.signup-form input{width:100%;padding:.875rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.signup-form button{width:100%;padding:.875rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.signup-form select{padding:.625rem;border-radius:6px;border:1px solid #d1d5db;font-size:1rem;width:100%;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="gray" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:1.1em;cursor:pointer;transition:border-color .2s ease}.signup-form select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.signup-form button:hover{background-color:#7f8fb2}.login-link{font-weight:400;font-size:.95rem;text-align:center;margin-top:1rem;color:#111827}.login-link a{color:#6686cc;text-decoration:none}.login-link a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease-in-out}.modal-content{background-color:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 10px 30px #0003;text-align:center;animation:slideUp .4s ease-out}.modal-title{color:#3b3f8c;font-size:1.5rem;font-weight:700}.modal-message{color:#5a6274;font-size:1rem;margin-top:.5rem}.modal-button{margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem;background-color:#6686cc;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.modal-button:hover{background-color:#7f8fb2}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-error{background-color:#fdecea;color:#b00020;border:1px solid #f5c6cb;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;display:flex;align-items:center;gap:.5rem;justify-content:center;box-shadow:0 1px 3px #00000014}.password-group{position:relative}.password-tooltip{position:absolute;top:100%;left:0;margin-top:.25rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;box-shadow:0 4px 12px #00000014;font-size:.85rem;color:#111827;width:270px;z-index:10;text-align:left;line-height:1.4}.tooltip-title{font-weight:600;margin-bottom:.4rem;font-size:.9rem;color:#111827}.tooltip-list{list-style:disc;padding-left:1.1rem;margin:0}.tooltip-list li{margin-bottom:.3rem}.password-input-wrapper input{width:100%;padding-right:2.25rem}.toggle-password{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);cursor:pointer;color:#4b5563}.tooltip-text{visibility:hidden;width:max-content;background-color:#111827;color:#fff;text-align:center;padding:.4rem .7rem;border-radius:6px;position:absolute;z-index:20;bottom:125%;left:50%;transform:translate(-50%);font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .2s ease-in-out}.password-input-wrapper{position:relative;width:100%}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#6b7280}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;width:110px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:4px 8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.75rem}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.instructor-home{padding:2rem;font-family:Montserrat,sans-serif;color:#1f2937}.instructor-home h2{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.instructor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.instructor-card{background-color:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 2px 6px #0000000d;transition:box-shadow .2s ease,transform .2s ease}.instructor-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.instructor-card h4{font-size:1.1rem;margin-bottom:.5rem}.instructor-card p{font-size:.95rem;color:#666;margin-bottom:1rem}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.category-modal{background:#fff;border-radius:12px;width:100%;max-width:580px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;font-family:Montserrat,sans-serif}.category-modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.category-modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#1f2937}.category-modal-body{padding:1.25rem 1.5rem 1.5rem;color:#374151}.category-modal-body>p{color:#6b7280;margin-bottom:1.25rem;font-size:.95rem}.category-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem;margin-bottom:1.5rem}.category-card{text-align:left;padding:1rem;border-radius:8px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;font-family:Montserrat,sans-serif}.category-card.selected{border-color:#6686cc;background:#f0f4ff}.category-card-title{display:flex;align-items:center;gap:.5rem}.category-card-title strong{font-size:.95rem;color:#1f2937}.category-card-description{font-size:.82rem;color:#6b7280;margin-bottom:.5rem}.category-card-fields{font-size:.78rem;color:#9ca3af;line-height:1.4}.category-modal-footer{display:flex;justify-content:space-between;align-items:center}.category-modal-skip{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.875rem;font-family:Montserrat,sans-serif}.category-modal-confirm{border:none;padding:.5rem 1.5rem;border-radius:6px;font-weight:600;font-size:.875rem;font-family:Montserrat,sans-serif;transition:background .15s}.category-modal-confirm:enabled{background:#6686cc;color:#fff;cursor:pointer}.category-modal-confirm:disabled{background:#e5e7eb;color:#9ca3af;cursor:default}.sys-announcement-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.25rem;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500;position:sticky;top:0;z-index:999;animation:annSlideIn .3s ease-out;margin-bottom:1.25rem}@keyframes annSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-info{background:#eff6ff;color:#1d4ed8;border-left:4px solid #3B82F6}.banner-warning{background:#fffbeb;color:#92400e;border-left:4px solid #F59E0B}.banner-maintenance{background:#fef2f2;color:#991b1b;border-left:4px solid #EF4444}.sys-announcement-banner .banner-left{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.sys-announcement-banner .banner-icon{font-size:1rem;flex-shrink:0}.sys-announcement-banner .banner-msg{line-height:1.4}.sys-announcement-banner .banner-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.sys-announcement-banner .banner-count{font-size:.75rem;opacity:.7;white-space:nowrap}.sys-announcement-banner .banner-dismiss{background:transparent;border-radius:5px;padding:.2rem .65rem;font-size:.78rem;cursor:pointer;opacity:.8;font-family:inherit}.sys-announcement-banner .banner-dismiss:hover{opacity:1}.banner-info .banner-dismiss{border:none;background:#3b82f6;color:#fff}.banner-warning .banner-dismiss{border:none;background:#f59e0b;color:#fff}.banner-maintenance .banner-dismiss{border:none;background:#ef4444;color:#fff}@media (prefers-reduced-motion: reduce){.sys-announcement-banner{animation:none}}.admin-home{padding:2rem;font-family:Montserrat,sans-serif}.admin-home h2{font-size:1.8rem;margin-bottom:.5rem}.admin-home p{margin-bottom:2rem;color:#555}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.admin-card{background-color:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 2px 6px #0000000d;transition:box-shadow .2s ease,transform .2s ease}.admin-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.admin-card h4{margin-bottom:.5rem;font-size:1.1rem}.admin-card p{color:#666;font-size:.95rem;margin-bottom:1rem}.admin-action-btn{padding:.5rem 1rem;background-color:#6686cc;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.admin-card.fe-only{background-color:#fef8e7;font-family:Avenir Next,sans-serif}.impersonation-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box}.impersonation-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;font-family:Montserrat,sans-serif}.impersonation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#6686cc,#5a7bc4);color:#fff;border-radius:12px 12px 0 0}.impersonation-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.impersonation-modal-close{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.impersonation-modal-close:hover:not(:disabled){background-color:#ffffff1a}.impersonation-modal-close:disabled{opacity:.6;cursor:not-allowed}.impersonation-modal-body{padding:2rem}.impersonation-field{margin-bottom:1.5rem}.impersonation-field label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.95rem}.impersonation-radio-group{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.impersonation-radio{display:flex;align-items:center;gap:.5rem;font-weight:500!important;cursor:pointer;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;background-color:#fff;position:relative;min-width:120px;justify-content:flex-start}.impersonation-radio:hover{border-color:#6686cc;background-color:#f8faff;transform:translateY(-1px);box-shadow:0 2px 4px #6686cc1a}.impersonation-radio input[type=radio]{margin:0!important;padding:0!important;cursor:pointer;width:18px;height:18px;accent-color:#6686cc;flex-shrink:0;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;vertical-align:top}.impersonation-radio input[type=radio]:checked+span{color:#6686cc;font-weight:600}.impersonation-radio:has(input[type=radio]:checked){border-color:#6686cc;background-color:#f0f4ff;box-shadow:0 2px 8px #6686cc33}.impersonation-radio span{font-size:.9rem;color:#374151;transition:color .2s ease;-webkit-user-select:none;user-select:none;line-height:1;align-self:center;margin-left:.25rem}.impersonation-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.impersonation-no-users{color:#6b7280;font-style:italic;font-size:.9rem;margin-top:.5rem;margin-bottom:0}.impersonation-summary{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-top:1rem}.impersonation-summary h4{margin:0 0 .75rem;color:#1f2937;font-size:1rem;font-weight:600}.impersonation-summary p{margin:.25rem 0;color:#374151;font-size:.9rem}.impersonation-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}.impersonation-btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.impersonation-btn:disabled{opacity:.6;cursor:not-allowed}.impersonation-btn-primary{background-color:#6686cc;color:#fff}.impersonation-btn-primary:hover:not(:disabled){background-color:#5a7bc4;transform:translateY(-1px)}.impersonation-btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.impersonation-btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.impersonation-modal-inline{padding:2rem 2.5rem;max-width:1200px;margin:0 auto;font-family:Montserrat,sans-serif}@media (max-width: 768px){.impersonation-modal{margin:.5rem;max-width:none}.impersonation-modal-header,.impersonation-modal-body,.impersonation-modal-footer{padding:1rem}.impersonation-radio-group{flex-direction:column;gap:.75rem}.impersonation-modal-footer{flex-direction:column}.impersonation-btn{width:100%}}.impersonation-banner{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;font-family:Montserrat,sans-serif;box-shadow:0 2px 8px #dc26264d;border-bottom:2px solid #b91c1c;position:sticky;top:0;z-index:999;animation:fadeInSlide .3s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.impersonation-banner-content{display:flex;align-items:center;gap:1rem;flex:1}.impersonation-banner-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff3;border-radius:50%;flex-shrink:0}.impersonation-banner-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.impersonation-banner-title{font-size:.95rem;font-weight:600;color:#fff}.impersonation-banner-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;opacity:.95}.impersonation-detail{white-space:nowrap}.impersonation-detail strong{font-weight:600;margin-right:.25rem}.impersonation-banner-exit{background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.impersonation-banner-exit:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.impersonation-banner-exit:active{transform:translateY(0)}@media (max-width: 768px){.impersonation-banner{padding:.75rem;flex-direction:column;gap:.75rem;align-items:stretch}.impersonation-banner-content{flex-direction:column;gap:.5rem;align-items:flex-start}.impersonation-banner-details{flex-direction:column;gap:.25rem}.impersonation-banner-exit{width:100%;text-align:center;padding:.75rem}}@media (max-width: 480px){.impersonation-banner-details{gap:.125rem}.impersonation-detail{font-size:.75rem}.impersonation-banner-title{font-size:.9rem}}@media (prefers-contrast: high){.impersonation-banner{background:#dc2626;border:2px solid #ffffff}.impersonation-banner-exit{background-color:#fff;color:#dc2626;border:2px solid #ffffff}}@media (prefers-reduced-motion: reduce){.impersonation-banner{animation:none}.impersonation-banner-exit{transition:none}}.admin-users{padding:2rem 2.5rem;max-width:1200px;margin:0 auto;font-family:Montserrat,sans-serif}.filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.filter-bar .filter-dropdown,.filter-bar .items-per-page-dropdown{min-width:140px;max-width:200px;flex-shrink:0}.filter-bar .filter-dropdown .react-select__control,.filter-bar .items-per-page-dropdown .react-select__control{min-height:42px!important;border:1px solid #CBD5E1!important;border-radius:8px!important;background-color:#f9fafb!important}.filter-bar .filter-dropdown .react-select__value-container,.filter-bar .items-per-page-dropdown .react-select__value-container{padding:.5rem 1rem!important}.filter-bar .filter-dropdown .react-select__indicators,.filter-bar .items-per-page-dropdown .react-select__indicators{padding:.5rem!important}.filter-bar .user-search,.filter-bar select,.filter-bar button.reset-btn{color:#374151;padding:.5rem 1rem;border:1px solid #CBD5E1;border-radius:8px;background-color:#fff;font-size:.95rem;height:42px;transition:all .2s ease;line-height:1.1;display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.filter-bar select{background-image:url("data:image/svg+xml,%3Csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1%201L5%205L9%201'%20stroke='%236686cc'%20stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2rem}.filter-bar select:hover,.filter-bar select:focus,.filter-bar .user-search:hover,.filter-bar .user-search:focus{border-color:#6686cc;box-shadow:0 0 0 2px #6686cc33}.filter-bar .user-search:focus,.filter-bar select:focus,.filter-bar button.reset-btn:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 2px #9ec6f34d}.reset-btn{background-color:#f3f4f6;font-weight:500;cursor:pointer;transition:background-color .2s ease}.reset-btn:hover{background-color:#e5e7eb}.user-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.user-table th.sortable:hover{background-color:#d9eaf7}.sort-icon{margin-left:.3rem;font-size:.75rem;color:#6686cc;opacity:.6}.sort-icon.active{opacity:1}.user-table td{padding:.75rem 1rem;font-size:.9rem;color:#374151;border-top:1px solid #F3F4F6}.admin-users .user-table td{text-align:left!important}.admin-users .user-table td:nth-child(4),.admin-users .user-table td:nth-child(5){text-align:center!important}.status-badge{padding:.25rem .75rem;font-size:.75rem;border-radius:12px;font-weight:600;display:inline-block}.status-badge.active{background-color:#b4e1cd;color:#065f46}.status-badge.inactive{background-color:#f7a4a4;color:#7f1d1d}.status-badge.pending{background-color:#fef3c7;color:#92400e;cursor:default!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;width:460px;box-shadow:0 10px 25px #0000001a;text-align:center;transform:translateY(20px);opacity:0;animation:slideInUp .25s ease forwards}.cancel-btn:hover{background-color:#b3c2df}.archive-btn:hover{background-color:#e76a6a}.admin-users .activate-btn{padding:.45rem 1rem;background-color:#57c189;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.admin-users .activate-btn:hover{background-color:#42ad75}.modal-input{color:#6b7280;padding:.5rem 1rem;border:1px solid #CBD5E1;border-radius:8px;background-color:#f9fafb;font-size:.95rem;height:42px;transition:all .2s ease;line-height:1.1;display:flex;align-items:center;width:100%}.modal-input:focus,.modal-input:hover{border-color:#6686cc;box-shadow:0 0 0 2px #6686cc33;outline:none}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;gap:1rem;font-weight:500}.pagination-controls button{padding:.5rem 1rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.pagination-controls button:hover:not(:disabled){background-color:#5574bb}.pagination-controls button:disabled{background-color:#d3d3d3;color:#888;cursor:not-allowed}.pagination-controls span{font-size:.95rem;color:#333}\.items-per-page-dropdown{padding:.5rem .75rem;border:1px solid #c3cfe6;border-radius:6px;font-size:.95rem;background-color:#fff;color:#333;outline:none;transition:border .2s ease}.items-per-page-dropdown:focus{border-color:#4a90e2}@keyframes fadeIn{0%{background-color:#0000}to{background-color:#0006}}.fading-out{opacity:0;transform:scale(.98);transition:all .3s ease-out}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:12px;width:420px;box-shadow:0 10px 25px #0000001a;text-align:center;transform:translateY(20px);opacity:0;animation:slideInUp .25s ease forwards}.modal-content h3{color:#1e293b;font-size:1.05rem;font-weight:700;margin-bottom:.6rem;line-height:1.4}.modal-content p{color:#6b7280;font-size:.95rem;margin-bottom:1.75rem;line-height:1.4}.modal-buttons{display:flex;justify-content:center;gap:1rem}.cancel-btn{padding:.45rem 1rem;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;font-weight:500;cursor:pointer;color:#1e293b}.archive-btn{padding:.45rem 1rem;background-color:#f28b82;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.btn-approve,.btn-reject{padding:.4rem .9rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;border:none;transition:background-color .2s ease}.approve-actions{display:flex;flex-wrap:nowrap;gap:.4rem;align-items:center;justify-content:center}.btn-approve{background-color:#57c189;color:#fff}.btn-approve:hover{background-color:#42ad75}.btn-reject{background-color:#f28b82;color:#fff}.btn-reject:hover{background-color:#e76a6a}.confirmation-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .2s ease-out}.confirmation-modal-box{background:#fff;border-radius:8px;padding:2rem;width:min(400px,90vw);box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;animation:slideIn .2s ease-out}.confirmation-modal-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:#1f2937;text-align:center}.confirmation-modal-message{color:#6b7280;margin:0 0 2rem;line-height:1.5;text-align:center;font-size:.95rem}.confirmation-modal-actions{display:flex;gap:1rem;justify-content:center}.confirmation-modal-actions--stacked{flex-direction:column;gap:.6rem}.confirmation-modal-actions--stacked .confirmation-action-btn,.confirmation-modal-actions--stacked .confirmation-cancel-btn{width:100%;text-align:center}.confirmation-action-btn.save-draft-modal-btn{background-color:#dde4f5;color:#6686cc;border:1px solid #6686cc;font-weight:600}.confirmation-action-btn.save-draft-modal-btn:hover:not(:disabled){background-color:#c8d4f0}.confirmation-cancel-btn--borderless{background:none;border:none;color:#9ca3af;font-size:.85rem;padding:.4rem}.confirmation-cancel-btn--borderless:hover:not(:disabled){background:none;border:none;color:#374151}.confirmation-cancel-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem;min-width:100px}.confirmation-cancel-btn:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.confirmation-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-action-btn{padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem;min-width:100px;border:none}.confirmation-action-btn.confirm-btn{background-color:#6686cc;color:#fff}.confirmation-action-btn.confirm-btn:hover:not(:disabled){background-color:#5a7bc4}.confirmation-action-btn.destructive-btn{background-color:#f28b82;color:#fff}.confirmation-action-btn.destructive-btn:hover:not(:disabled){background-color:#ef4444}.confirmation-action-btn.delete-btn{background-color:#f28b82;color:#fff}.confirmation-action-btn.delete-btn:hover:not(:disabled){background-color:#ef4444}.confirmation-action-btn.archive-btn{background-color:#f28b82;color:#fff}.confirmation-action-btn.archive-btn:hover:not(:disabled){background-color:#ef4444}.confirmation-action-btn.unarchive-btn{background-color:#57c189;color:#fff}.confirmation-action-btn.unarchive-btn:hover:not(:disabled){background-color:#4ade80}.confirmation-action-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.confirmation-modal-box{padding:1.5rem;margin:1rem}.confirmation-modal-actions{flex-direction:column;gap:.75rem}.confirmation-cancel-btn,.confirmation-action-btn{width:100%}}.tab-slider-wrapper{width:100%;margin-bottom:1.5rem;border-bottom:none!important;display:flex;flex-direction:column}.tab-content-wrapper{width:100%;padding:0 2rem}.tab-option{flex:1;text-align:center;padding:1rem 0;font-weight:550;font-size:1rem;color:#6b7280;cursor:pointer;position:relative;background-color:transparent;transition:color .3s ease;z-index:2}.tab-option:after,.tab-option:before{content:none!important;border:none!important}.tab-option.active{color:#6686cc;font-weight:700;text-decoration:none}.tab-option:focus,.tab-option:active{outline:none}.tab-slider-bar{position:absolute;bottom:0;left:0;height:3px;background-color:#6686cc;border-radius:4px 4px 0 0;transition:transform .3s ease,width .3s ease;z-index:1}.tab-option:hover:not(.active){color:#4b5563}.tab-slider-container:before{content:none!important;border:none!important}.learner-home{padding:2rem;font-family:Montserrat,sans-serif;color:#1f2937}.learner-home h2{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.subtitle{font-size:1rem;color:#6b7280;margin-bottom:2rem}.learner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.learner-card{background-color:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 2px 6px #0000000d;transition:box-shadow .2s ease,transform .2s ease}.learner-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.learner-card h4{font-size:1.1rem;margin-bottom:.5rem}.learner-card p{font-size:.95rem;color:#666;margin-bottom:1rem}.go-button{background-color:#6686cc;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.go-button:hover{background-color:#7f8fb2}.general-home{display:flex;height:100vh;font-family:Montserrat,sans-serif}.left-panel{flex:1;background-color:#5b82d7;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;font-weight:700}.right-panel{flex:1;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.right-panel h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.right-panel p{font-size:.9rem;margin-bottom:1.5rem;color:#374151}.button-group{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px}.button-group button{padding:.875rem;font-size:1rem;font-weight:600;background-color:#6686cc;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.button-group button:hover{background-color:#7f8fb2}.usage-page{padding:2rem 2.5rem;font-family:Montserrat,sans-serif;max-width:1200px;margin:0 auto}.usage-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.75rem}.usage-filter-bar .filter-label{font-size:.875rem;color:#6b7280}.period-btn{padding:.4rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;cursor:pointer;color:#374151;transition:all .15s ease}.period-btn:hover{border-color:#6686cc;color:#6686cc}.period-btn.active{background:#6686cc;color:#fff;border-color:#6686cc}.filter-divider{width:1px;height:24px;background:#d1d5db;margin:0 .25rem}.custom-range{display:flex;align-items:center;gap:.4rem;font-size:.875rem;flex-wrap:wrap}.custom-range input[type=date]{padding:.35rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;color:#374151;background:#fff}.apply-btn{padding:.4rem .9rem;background:#6686cc;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .15s ease}.apply-btn:hover{background:#7f8fb2}.usage-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2.5rem}@media (max-width: 900px){.usage-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.usage-cards{grid-template-columns:1fr}}.usage-card{background:#fff;border-radius:12px;padding:1.5rem 1.75rem;box-shadow:0 1px 4px #00000012;border-top:4px solid transparent}.usage-card.total{border-top-color:#6686cc}.usage-card.openai{border-top-color:#10b981}.usage-card.eleven{border-top-color:#f59e0b}.usage-card.livekit{border-top-color:#3b82f6}.card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.5rem}.card-cost{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.5rem}.card-meta{font-size:.8rem;color:#6b7280;line-height:1.8}.card-meta .meta-row{display:block}.card-meta .meta-sub{display:block;font-size:.75rem;color:#9ca3af;padding-left:.5rem}.card-meta .meta-heading{display:block;font-weight:600;margin-top:.25rem;font-size:.78rem;color:#6b7280}.section-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.9rem;margin-top:.5rem}.section-note{font-size:.78rem;font-weight:400;color:#9ca3af;margin-left:.4rem}.usage-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden;margin-bottom:1.5rem}.usage-table-wrapper table{width:100%;border-collapse:collapse}.usage-table-wrapper thead tr{background:#eaf2fb}.usage-table-wrapper th{padding:.75rem 1rem;text-align:left;font-size:.8rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.usage-table-wrapper th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.usage-table-wrapper th.sortable:hover{background:#dbeafe}.sort-icon{font-size:.7rem;color:#9ca3af;margin-left:.3rem}.sort-icon.active{color:#6686cc}.usage-table-wrapper td{padding:.75rem 1rem;font-size:.875rem;color:#374151;border-top:1px solid #F3F4F6}.usage-table-wrapper tbody tr:hover{background:#f9faff}.log-filter-bar{display:flex;flex-wrap:nowrap;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #F3F4F6;align-items:center;overflow-x:auto}.log-filter-bar .filter-label{font-size:.78rem;color:#9ca3af}.log-filter-bar input[type=text],.log-filter-bar input[type=date],.log-filter-bar select{padding:.35rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.82rem;color:#374151;background:#fff}.log-filter-bar input[type=text]{width:140px}.log-reset-btn{padding:.35rem .85rem;background:#6686cc;color:#fff;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;margin-left:auto;transition:background .15s ease}.log-reset-btn:hover{background:#7f8fb2}.entry-count{font-size:.8rem;color:#9ca3af;white-space:nowrap;margin-left:auto}.svc-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600}.svc-badge.openai{background:#d1fae5;color:#065f46}.svc-badge.eleven{background:#fef3c7;color:#92400e}.svc-badge.livekit{background:#dbeafe;color:#1e40af}.usage-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem}.usage-pagination button{padding:.35rem .9rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem;color:#374151;transition:background .15s ease}.usage-pagination button:hover:not(:disabled){background:#eaf2fb}.usage-pagination button:disabled{opacity:.4;cursor:default}.pricing-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem;margin-top:.5rem}.pricing-section-header .section-title{margin:0}.pricing-add-btn{padding:.35rem .9rem;background:#6686cc;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease}.pricing-add-btn:hover{background:#5570b8}.pricing-form-footer{padding:.9rem 1rem;border-top:1px solid #F3F4F6;background:#f9faff}.pricing-form-grid{display:grid;gap:.75rem;margin-bottom:1rem}.pricing-form-row1,.pricing-form-row2{grid-template-columns:repeat(4,1fr)}@media (max-width: 800px){.pricing-form-row1,.pricing-form-row2{grid-template-columns:repeat(2,1fr)}}.pricing-form-field{display:flex;flex-direction:column;gap:.3rem}.pricing-form-field label{font-size:.72rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.pricing-form-field input,.pricing-form-field select{padding:.45rem .7rem;border:1px solid #d1d5db;border-radius:7px;font-size:.85rem;color:#374151;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.pricing-form-field input:focus,.pricing-form-field select:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 2px #6686cc2e}.pricing-form-field.checkbox-field{flex-direction:row;align-items:center;gap:.5rem;padding-top:1.4rem}.pricing-form-field.checkbox-field label{font-size:.82rem;text-transform:none;letter-spacing:0;color:#374151;cursor:pointer}.pricing-form-field.checkbox-field input[type=checkbox]{width:15px;height:15px;padding:0;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;accent-color:#6686cc}.pricing-form-actions{display:flex;gap:.5rem;align-items:center}.pricing-save-btn{padding:.45rem 1.1rem;background:#6686cc;color:#fff;border:none;border-radius:7px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease;font-family:inherit}.pricing-save-btn:hover{background:#5570b8}.pricing-cancel-btn{padding:.45rem 1rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:7px;font-size:.85rem;cursor:pointer;transition:all .15s ease;font-family:inherit}.pricing-cancel-btn:hover{border-color:#9ca3af;color:#374151}.pricing-form-error{font-size:.82rem;color:#dc2626;margin-bottom:.5rem}.pricing-inline-edit-row td{background:#f8faff;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.pricing-row-edit-btn{background:transparent;border:1px solid #6686cc;color:#6686cc;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease;font-family:inherit}.pricing-row-edit-btn:hover{background:#eff6ff;border-color:#5570bb;color:#5570bb}.usage-note{font-size:.78rem;color:#9ca3af;margin-top:.5rem;line-height:1.6}.usage-loading,.usage-empty{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.9rem}.dp-wrapper{position:relative;width:100%}.dp-input{display:flex;align-items:center;justify-content:space-between;color:#6b7280;padding:.5rem 1rem;border:1px solid #CBD5E1;border-radius:8px;background-color:#f9fafb;font-size:.95rem;height:42px;cursor:pointer;transition:all .2s ease;font-family:inherit;-webkit-user-select:none;user-select:none}.dp-input:hover,.dp-input--open{border-color:#6686cc;box-shadow:0 0 0 2px #6686cc33}.dp-value{color:#374151;font-size:.95rem}.dp-placeholder{color:#9ca3af;font-size:.95rem}.dp-icon{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.dp-input--open .dp-icon,.dp-input:hover .dp-icon{color:#6686cc}.dp-calendar{background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 4px 20px #0000001a;z-index:2000;padding:.75rem;min-width:240px;animation:dp-fade-in .12s ease}@keyframes dp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.dp-nav-btn{background:none;border:none;font-size:1.3rem;line-height:1;cursor:pointer;color:#6b7280;padding:.2rem .45rem;border-radius:6px}.dp-nav-btn:hover{background:#f3f4f6;color:#374151}.dp-month-label{font-size:.875rem;font-weight:600;color:#374151}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day-header{text-align:center;font-size:.7rem;font-weight:600;color:#9ca3af;padding:.2rem 0 .35rem}.dp-day{background:none;border:none;border-radius:6px;font-size:.82rem;padding:0;cursor:pointer;text-align:center;color:#374151;font-family:inherit;aspect-ratio:1;display:flex;align-items:center;justify-content:center;width:100%}.dp-day:hover:not(:disabled){background:#eef2ff;color:#6686cc}.dp-day--selected{background:#6686cc!important;color:#fff!important;font-weight:600}.dp-day--today{color:#6686cc;font-weight:700}.dp-day--disabled{color:#d1d5db;cursor:not-allowed}.admin-announcements{padding:2rem 2.5rem;max-width:1200px;margin:0 auto;font-family:Montserrat,sans-serif}.announcements-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.admin-announcements .user-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden;margin-bottom:1.5rem}.btn-primary{background:#6686cc;color:#fff;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.875rem;font-weight:600;cursor:pointer;height:42px}.btn-primary:hover{background:#5574bb}.btn-secondary{background:#fff;color:#374151;border:1px solid #CBD5E1;border-radius:8px;padding:.5rem 1.1rem;font-size:.875rem;cursor:pointer;height:42px}.btn-secondary:hover{background:#f9fafb}.action-btn{background:transparent;border:1px solid #6686cc;color:#6686cc;border-radius:6px;padding:.2rem .65rem;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.action-btn:hover{background:#eff6ff;border-color:#5570bb;color:#5570bb}.action-btn.danger{border-color:#ef4444;color:#ef4444}.action-btn.danger:hover{background:#fef2f2}.action-cell{display:flex;gap:.4rem;align-items:center}.msg-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ann-msg-clickable{cursor:pointer}.ann-msg-clickable:hover{color:#6686cc;text-decoration:underline}.dates-cell{font-size:.85rem;color:#6b7280}.mod-date{color:#9ca3af;font-size:.8rem;margin-top:.15rem}.type-badge{display:inline-block;padding:.15rem .45rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.type-info{background:#eff6ff;color:#1d4ed8}.type-warning{background:#fffbeb;color:#92400e}.type-maintenance{background:#fef2f2;color:#991b1b}.status-badge.coming{background-color:#eef2ff;color:#6686cc}.ann-summary{display:flex;gap:1rem;margin-bottom:.75rem;justify-content:flex-end}.ann-summary .status-badge{font-size:.75rem;padding:.15rem .55rem;cursor:default}.status-clickable{cursor:pointer;transition:opacity .15s}.status-clickable:hover{opacity:.75}.date-cell{font-size:.85rem;color:#374151;padding-left:.5rem!important;padding-right:.5rem!important;container-type:inline-size}.date-cell .date-short{display:none}.date-cell .date-full{display:inline}@container (max-width: 58px){.date-cell .date-full{display:none}.date-cell .date-short{display:inline}}.ann-table{table-layout:fixed;width:100%}.ann-table td,.ann-table th{vertical-align:middle;padding-left:.5rem!important;padding-right:.5rem!important}.ann-table td{padding-top:.3rem!important;padding-bottom:.3rem!important}.ann-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-in-out}.ann-modal{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a;animation:slideInUp .25s ease forwards;transform:translateY(20px);opacity:0}.ann-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.ann-modal-header h3{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.ann-modal-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#9ca3af;line-height:1;padding:0}.ann-modal-close:hover{color:#374151}.ann-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.form-field{margin-bottom:1rem}.form-field>label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.35rem}.form-field select,.form-field input[type=datetime-local]{color:#6b7280;padding:.5rem 1rem;border:1px solid #CBD5E1;border-radius:8px;background-color:#f9fafb;font-size:.95rem;height:42px;font-family:inherit;transition:all .2s ease}.form-field select:hover,.form-field select:focus,.form-field input[type=datetime-local]:hover,.form-field input[type=datetime-local]:focus{border-color:#6686cc;box-shadow:0 0 0 2px #6686cc33;outline:none}.form-field textarea{width:100%;color:#6b7280;padding:.6rem 1rem;border:1px solid #CBD5E1;border-radius:8px;background-color:#f9fafb;font-size:.95rem;resize:vertical;font-family:inherit;transition:all .2s ease}.form-field textarea:hover,.form-field textarea:focus{border-color:#6686cc;box-shadow:0 0 0 2px #6686cc33;outline:none}.clear-date-btn{display:block;background:none;border:none;color:#9ca3af;font-size:.75rem;cursor:pointer;padding:.2rem 0;margin-top:.2rem;margin-left:auto}.clear-date-btn:hover{color:#374151}.form-dates-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.form-dates-row .form-field{margin-bottom:0;flex:1;min-width:180px}.checklist-row{display:flex!important;flex-direction:row!important;gap:1.25rem;align-items:center;padding:.4rem 0}.check-item{display:flex!important;flex-direction:row!important;align-items:center;gap:.4rem;font-size:.875rem;color:#374151;cursor:pointer}.check-item input[type=checkbox]{width:15px;height:15px;accent-color:#6686cc}.check-item.disabled{opacity:.55;cursor:default}.check-item.disabled input{cursor:default}.check-note{font-size:.75rem;color:#9ca3af;font-style:italic}.preview-label{display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.preview-audience{font-size:.75rem;background:#eef2ff;color:#6686cc;border-radius:999px;padding:.1rem .6rem;font-weight:600;text-transform:none;letter-spacing:0}.preview-banner{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.9rem;border-radius:6px}.preview-banner.banner-info{background:#eff6ff;color:#1d4ed8;border-left:4px solid #3B82F6}.preview-banner.banner-warning{background:#fffbeb;color:#92400e;border-left:4px solid #F59E0B}.preview-banner.banner-maintenance{background:#fef2f2;color:#991b1b;border-left:4px solid #EF4444}.backstage-page{padding:2rem 2.5rem;font-family:Montserrat,sans-serif;max-width:1400px;margin:0 auto}.backstage-header{margin-bottom:1.75rem}.backstage-title{font-size:1.4rem;font-weight:650;color:#111827;margin:0 0 .25rem}.backstage-subtitle{font-size:.9rem;color:#6b7280;margin:0}.bs-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:var(--text-sm);color:var(--gray-500)}.bs-back-btn{background:none;border:none;cursor:pointer;color:var(--primary-500);font-family:Montserrat,sans-serif;font-size:var(--text-sm);font-weight:var(--font-medium);padding:0}.bs-back-btn:hover{color:var(--primary-600);text-decoration:underline}.bs-breadcrumb-sep{color:var(--gray-300)}.bs-breadcrumb-title{color:var(--gray-700);font-weight:var(--font-medium)}.bs-filter-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:.625rem;margin-bottom:1.25rem}.bs-select{width:auto;min-width:130px;max-width:180px;flex-shrink:0}.bs-search-wrap{position:relative;min-width:180px;max-width:220px;flex-shrink:0}.bs-search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none;z-index:1}.bs-search-input{width:100%;box-sizing:border-box;padding-left:2rem!important}.bs-status-menu-wrap{position:relative;flex-shrink:0;min-width:130px;max-width:180px}.bs-status-btn{width:100%;height:42px;padding:.5rem 1rem;border:1px solid #CBD5E1;border-radius:8px;font-size:.95rem;color:#374151;background:#f9fafb;text-align:left;white-space:nowrap;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;line-height:1.1}.bs-status-btn:hover,.bs-status-btn:focus{border-color:#6686cc;box-shadow:0 0 0 2px #6686cc33;outline:none}.bs-status-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #CBD5E1;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:.4rem 0;z-index:50;min-width:160px}.bs-status-option{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.bs-status-option:hover{background:var(--gray-50)}.bs-status-option input[type=checkbox]{accent-color:#6686cc;width:14px;height:14px;cursor:pointer}.btn-link{background:none;border:none;padding:0;color:#6686cc;font-size:inherit;cursor:pointer;text-decoration:underline}.btn-link:hover{color:#5570bb}.bs-table-wrap{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 1px 4px #00000012}.bs-sim-table{font-size:var(--text-sm);table-layout:fixed;width:100%}.bs-sim-table th:nth-child(1),.bs-sim-table td:nth-child(1){width:11%}.bs-sim-table th:nth-child(2),.bs-sim-table td:nth-child(2){width:10%}.bs-sim-table th:nth-child(3),.bs-sim-table td:nth-child(3){width:42%}.bs-sim-table th:nth-child(4),.bs-sim-table td:nth-child(4){width:18%}.bs-sim-table th:nth-child(5),.bs-sim-table td:nth-child(5){width:9%}.bs-sim-table th:nth-child(6),.bs-sim-table td:nth-child(6){width:3rem}.bs-sim-table th{background:#eaf2fb;white-space:nowrap}.bs-sim-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-sim-row{cursor:pointer}.bs-sim-row:hover{background:#f0f5ff!important}.bs-sim-row--draft{cursor:default;opacity:.6}.bs-sim-row--draft:hover{background:inherit!important}.bs-emoji-cell{text-align:center;font-size:1.1rem}.bs-sim-title{font-weight:var(--font-medium);color:var(--gray-700);margin-right:.4rem}.bs-view-cell{text-align:center}.bs-chevron{color:var(--gray-400)}.bs-sim-row:hover .bs-chevron{color:var(--primary-500)}.bs-tag{display:inline-block;padding:.1rem .45rem;border-radius:var(--radius-md);font-size:.7rem;font-weight:var(--font-semibold);vertical-align:middle}.bs-tag--draft{background:var(--warning-100);color:var(--warning-700)}.bs-tag--archived{background:var(--gray-100);color:var(--gray-500)}.bs-tag--unpublished{background:#eff6ff;color:#1d4ed8}.bs-mode-badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.bs-mode-badge--online{background:#dbeafe;color:#1d4ed8}.bs-mode-badge--offline{background:var(--gray-100);color:var(--gray-600)}.bs-access-badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.bs-access-badge--open{background:var(--success-100);color:#166534}.bs-access-badge--closed{background:var(--error-100);color:#991b1b}.bs-empty{padding:3rem;text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.bs-empty--error{color:var(--error-600)}.bs-sim-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.bs-sim-header-main{display:flex;align-items:center;gap:.75rem}.bs-sim-header-emoji{font-size:1.75rem;line-height:1}.bs-sim-header-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-700);margin:0 0 .2rem}.bs-sim-header-meta{display:flex;gap:.75rem;font-size:var(--text-sm);color:var(--gray-500);flex-wrap:wrap}.bs-sim-header-meta span:before{content:"·";margin-right:.75rem}.bs-sim-header-meta span:first-child:before{content:none}.bs-sim-header-badges{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.bs-status-badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize}.bs-status-badge--published{background:var(--success-100);color:#166534}.bs-status-badge--draft{background:var(--warning-100);color:var(--warning-700)}.bs-status-badge--unpublished{background:#eff6ff;color:#1d4ed8}.bs-status-badge--archived{background:var(--gray-100);color:var(--gray-500)}.bs-tab-bar{display:flex;align-items:center;border-bottom:2px solid var(--gray-200);gap:0;margin-bottom:1.5rem}.bs-tab-btn{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.6rem 1rem;font-family:Montserrat,sans-serif;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-500);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.bs-tab-btn:hover{color:var(--gray-700)}.bs-tab-btn--active{color:var(--primary-500);border-bottom-color:var(--primary-500);font-weight:var(--font-semibold)}.bs-tab-divider{width:1px;height:20px;background:var(--gray-300);margin:0 .5rem;align-self:center;flex-shrink:0}.bs-tab-content{min-height:200px}.bs-stat-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.bs-stat-card{flex:1;min-width:120px}.bs-stat-body{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem}.bs-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-700)}.bs-stat-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.bs-overview-cols{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.bs-info-card{flex:1;min-width:260px}.bs-card-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-600);margin:0;text-transform:uppercase;letter-spacing:.04em}.bs-char-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-700);margin:0 0 .75rem}.bs-char-meta{font-size:var(--text-sm);color:var(--gray-600);margin:0 0 .4rem;display:flex;gap:.5rem}.bs-meta-label{font-weight:var(--font-semibold);color:var(--gray-500);min-width:90px;flex-shrink:0}.bs-char-background{align-items:flex-start}.bs-voice-player{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--gray-400)}.bs-audio{height:32px;flex:1}.bs-setup-list{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;font-size:var(--text-sm);margin:0}.bs-setup-list dt{font-weight:var(--font-semibold);color:var(--gray-500);white-space:nowrap}.bs-setup-list dd{color:var(--gray-700);margin:0}.bs-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.bs-read-only-note{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--gray-400);text-transform:none;letter-spacing:0;margin-left:.5rem}.bs-sub-tab-bar{display:flex;gap:.25rem;margin-bottom:1.25rem}.bs-sub-tab-btn{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-base);padding:.35rem .9rem;font-family:Montserrat,sans-serif;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.bs-sub-tab-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.bs-sub-tab-btn--active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.bs-preview-instructor,.bs-preview-learner{display:flex;flex-direction:column;gap:1rem}.bs-scenario-text{font-size:var(--text-sm);color:var(--gray-600);line-height:1.6;margin:0}.bs-char-image{max-width:160px;border-radius:var(--radius-lg);margin-bottom:.5rem}.bs-start-btn-disabled{align-self:flex-start;opacity:.5;cursor:not-allowed!important}.bs-rubric-list,.bs-checklist-list{display:flex;flex-direction:column;gap:.75rem}.bs-criterion-card{transition:none}.bs-criterion-card:hover{transform:none;box-shadow:var(--shadow-sm)}.bs-criterion-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bs-criterion-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700);margin:0}.bs-criterion-pts{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-600);white-space:nowrap;background:var(--primary-50);padding:.15rem .5rem;border-radius:var(--radius-md)}.bs-criterion-def{font-size:var(--text-sm);color:var(--gray-600);margin:0 0 .75rem;line-height:1.5}.bs-scales-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .4rem}.bs-scale-row{display:flex;gap:.75rem;font-size:var(--text-sm);padding:.3rem 0;border-bottom:1px solid var(--gray-100)}.bs-scale-row:last-child{border-bottom:none}.bs-scale-val{font-weight:var(--font-semibold);color:var(--primary-600);min-width:48px;flex-shrink:0}.bs-scale-desc{color:var(--gray-600)}.bs-checklist-item-card{transition:none}.bs-checklist-item-card:hover{transform:none;box-shadow:var(--shadow-sm)}.bs-checklist-item-body{display:flex;align-items:flex-start;gap:.75rem}.bs-checklist-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--primary-100);color:var(--primary-700);border-radius:50%;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0}.bs-checklist-item-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin:0 0 .2rem}.bs-checklist-item-desc{font-size:var(--text-sm);color:var(--gray-500);margin:0;line-height:1.5}.bs-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.bs-sortable-th:hover{color:var(--primary-600)}.bs-attempts-badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.bs-attempts-badge--done{background:var(--success-100);color:#166534}.bs-attempts-badge--none{background:var(--gray-100);color:var(--gray-500)}.bs-view-link{background:none;border:none;color:var(--primary-500);font-family:Montserrat,sans-serif;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:0;white-space:nowrap}.bs-view-link:hover{color:var(--primary-600);text-decoration:underline}.bs-download-btn{margin-left:auto}.bs-learner-detail{display:flex;flex-direction:column;gap:1rem}.bs-back-sm{font-size:var(--text-sm);align-self:flex-start}.bs-learner-info-card{transition:none}.bs-learner-info-card:hover{transform:none}.bs-learner-info-body{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.bs-learner-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-base);flex-shrink:0}.bs-learner-detail-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-700);margin:0 0 .15rem}.bs-learner-detail-email{font-size:var(--text-sm);color:var(--gray-500);margin:0}.bs-learner-stats{margin-left:auto;display:flex;gap:1.25rem;font-size:var(--text-sm);color:var(--gray-600)}.bs-attempt-pills{display:flex;gap:.4rem;flex-wrap:wrap}.bs-attempt-pill{padding:.3rem .8rem;border-radius:var(--radius-full);border:1px solid var(--gray-300);background:#fff;font-family:Montserrat,sans-serif;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.bs-attempt-pill:hover{border-color:var(--primary-400);color:var(--primary-600)}.bs-attempt-pill--active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.bs-transcript{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 0}.bs-transcript-line{font-size:var(--text-sm);color:var(--gray-600);margin:0;line-height:1.6;padding:.15rem 0}.bs-transcript-speaker{font-weight:var(--font-semibold);color:var(--gray-700)}.bs-transcript-speaker--user{color:var(--primary-600)}.bs-result-rubric{display:flex;flex-direction:column;gap:.75rem}.bs-overall-card{transition:none}.bs-overall-card:hover{transform:none}.bs-overall-card .card-body{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem}.bs-overall-score{font-size:var(--text-3xl);font-weight:var(--font-bold)}.bs-overall-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.bs-overall-feedback{font-size:var(--text-sm);color:var(--gray-600);margin:.5rem 0 0;text-align:center}.bs-result-criterion{transition:none}.bs-result-criterion:hover{transform:none}.bs-result-criterion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.bs-result-score{font-weight:var(--font-bold);font-size:var(--text-base)}.bs-score-bar-track{height:6px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem}.bs-score-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease}.bs-result-feedback{font-size:var(--text-sm);color:var(--gray-600);margin:0;line-height:1.5}.bs-checklist-summary{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-600);margin:0 0 .5rem}.bs-result-checklist{display:flex;flex-direction:column;gap:.5rem}.bs-result-checklist-item{transition:none}.bs-result-checklist-item:hover{transform:none}.bs-result-checklist-body{display:flex;align-items:flex-start;gap:.75rem}.bs-check-icon{flex-shrink:0;margin-top:1px}.bs-observed-badge{margin-left:auto;padding:.15rem .55rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--error-100);color:#991b1b;white-space:nowrap;flex-shrink:0}.bs-observed-badge--pass{background:var(--success-100);color:#166534}.bs-prompts-toolbar{margin-bottom:1.25rem}.bs-prompt-section{margin-bottom:1.5rem}.bs-prompt-section-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0;border-bottom:2px solid var(--gray-200);margin-bottom:.75rem}.bs-prompt-section-title--agent{color:#6d28d9;border-bottom-color:#ddd6fe}.bs-prompt-block{border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:.5rem;overflow:hidden}.bs-prompt-block--tint{border-color:#ddd6fe;background:#f5f3ff}.bs-prompt-toggle{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.6rem .9rem;cursor:pointer;font-family:Montserrat,sans-serif;text-align:left}.bs-prompt-step{font-size:var(--text-xs);color:var(--gray-400);white-space:nowrap}.bs-prompt-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700);flex:1}.bs-prompt-chevron{font-size:var(--text-xs);color:var(--gray-400)}.bs-prompt-pre{font-size:.72rem;font-family:Courier New,monospace;background:#fff;border-top:1px solid var(--gray-200);padding:.75rem .9rem;margin:0;white-space:pre-wrap;word-break:break-word;color:var(--gray-700);max-height:360px;overflow-y:auto}.bs-prompt-criterion-group{margin-bottom:1.25rem;padding-left:.5rem;border-left:3px solid var(--gray-200)}.bs-prompt-criterion-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-600);margin:0 0 .5rem}.bs-admin-notice{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:var(--radius-md);padding:.75rem 1rem;font-size:var(--text-sm);color:#5b21b6;margin-bottom:1.25rem}.bs-run-badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.bs-run-badge--assessed{background:var(--success-100);color:#166534}.bs-run-badge--processing{background:var(--warning-100);color:var(--warning-700)}.bs-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.bs-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;font-family:Montserrat,sans-serif;display:flex;flex-direction:column}.bs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.bs-modal-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-700);margin:0}.bs-modal-close{background:none;border:none;cursor:pointer;font-size:var(--text-lg);color:var(--gray-400);padding:0;line-height:1}.bs-modal-close:hover{color:var(--gray-700)}.bs-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.bs-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-200)}.drop-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:2rem;text-align:center;font-size:var(--text-sm);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast)}.drop-zone.drag-over{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.drop-zone .file-input{display:none}.bs-browse-link{color:var(--primary-500);cursor:pointer;text-decoration:underline}.bs-file-name{margin:0;color:var(--gray-700);font-weight:var(--font-medium)}.error-message{font-size:var(--text-sm);color:var(--error-600);margin:0}.bs-template-link{font-size:var(--text-sm);color:var(--primary-500);text-align:center;text-decoration:none}.bs-template-link:hover{text-decoration:underline}.bs-upload-done{text-align:center;font-size:var(--text-base);color:var(--success-500);font-weight:var(--font-semibold);padding:1rem 0;margin:0}.backstage-placeholder{padding:4rem;text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.bs-upload-hint{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.mode-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;min-width:60px}.simulations-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Montserrat,sans-serif;color:#1f2937}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:24px;flex-wrap:wrap}.simulations-container .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}.status-tab--selected.status-tab--published,.status-tab--selected.status-tab--published .status-tab-label{color:#16a34a}.status-tab--selected.status-tab--draft,.status-tab--selected.status-tab--draft .status-tab-label{color:#713f12}.header-content{display:block}.header-content .page-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0 0 8px;display:block}.page-description{color:#666;margin:0;font-size:1rem}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.sim-create-btn{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1.25rem;background:#6686cc;color:#fff;border:none;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;min-height:40px;white-space:nowrap;transition:background-color .2s ease}.sim-create-btn:hover{background-color:#5a7bc4}.sim-search-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:Montserrat,sans-serif;font-size:.85rem;color:#1f2937;background:#fff;outline:none;width:200px;transition:border-color .15s,box-shadow .15s}.sim-search-input:focus{border-color:#6686cc;box-shadow:0 0 0 3px #6686cc26}.sim-filter-select{padding:7px 10px;border:1px solid #d1d5db;border-radius:8px;font-family:Montserrat,sans-serif;font-size:.85rem;color:#1f2937;background:#fff;outline:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.sim-filter-select:focus{border-color:#6686cc;box-shadow:0 0 0 3px #6686cc26}.sim-status-toggle{display:inline-flex;align-items:center;background:#f3f4f6;border-radius:10px;padding:4px;gap:2px;flex-shrink:0}.sim-status-toggle-btn{padding:8px 12px;border:none;background:transparent;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;color:#6b7280;font-family:inherit;transition:background .12s,color .12s}.sim-status-toggle-btn:hover:not(.active){background:#e5e7eb;color:#374151}.sim-status-toggle-btn.active{background:#fff;box-shadow:0 1px 4px #0000001a}.sim-status-toggle-btn[data-val=all].active{color:#1f2937}.sim-status-toggle-btn[data-val=active].active{color:#16a34a}.sim-status-toggle-btn[data-val=archived].active{color:#4b5563}.sim-status-toggle-btn[data-val=draft].active{color:#713f12}.td-assessment-badges{display:flex;flex-wrap:wrap;gap:4px}.assess-badge{display:inline-block;padding:.08rem .3rem;border-radius:4px;font-size:.62rem;font-weight:600;background:#f0f4ff;color:#6686cc;border:1px solid #c7d6f7;white-space:nowrap}.sim-filters-row{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:1rem}.sim-dropdown-wrap{display:inline-block;flex-shrink:0}.sim-dropdown-wrap--char{width:170px}.sim-dropdown-wrap--class{width:155px}.sim-dropdown-wrap--mode{width:125px}.sim-dropdown-wrap--status,.sim-dropdown-wrap--perpage{width:145px}.simulations-container .btn-reset{padding:8px 12px;border:1px solid #6686cc;border-radius:8px;background:#6686cc;color:#fff;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.simulations-container .btn-reset:hover:not(:disabled){background:#4b61aa;border-color:#4b61aa}.simulations-container .btn-reset:disabled{opacity:.35;cursor:default}.sim-pagination-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:1rem;padding:.5rem 0}.sim-nav-btn{padding:6px 18px;border:1px solid #6686cc;border-radius:6px;background:#6686cc;color:#fff;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sim-nav-btn:hover:not(:disabled){background:#4b61aa;border-color:#4b61aa}.sim-nav-btn:disabled{opacity:.4;cursor:default}.sim-page-info{font-size:.82rem;color:#374151;min-width:80px;text-align:center}.simulations-table-wrapper{width:100%;background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden}.simulations-container .user-table{width:100%!important;border-collapse:collapse!important;font-size:.82rem!important;background-color:#fff!important;table-layout:fixed!important;min-width:600px}.user-table th{background-color:#eaf2fb;color:#374151;font-weight:600}.sortable-th:hover{background-color:#d6e8f7}.sort-icon{margin-left:4px;font-size:.75rem;opacity:.9}.sort-icon--inactive{opacity:.35}.simulations-container .user-table th:nth-child(1),.simulations-container .user-table td:nth-child(1){width:2.5rem!important;min-width:2.5rem!important;max-width:2.5rem!important;text-align:center!important}.simulations-container .user-table th:nth-child(2),.simulations-container .user-table td:nth-child(2){width:32%!important;text-align:left!important}.simulations-container .user-table th:nth-child(3),.simulations-container .user-table td:nth-child(3){width:18%!important;text-align:left!important}.simulations-container .user-table th:nth-child(4),.simulations-container .user-table td:nth-child(4){width:8%!important;text-align:center!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulations-container .user-table td:nth-child(4){font-size:.82rem!important}.simulations-container .user-table th:nth-child(5),.simulations-container .user-table td:nth-child(5){width:15%!important;text-align:center!important}.simulations-container .user-table th:nth-child(6),.simulations-container .user-table td:nth-child(6){width:15%!important;text-align:center!important}.simulations-container .user-table th:nth-child(7),.simulations-container .user-table td:nth-child(7){width:12%!important;text-align:center!important}.td-actions{display:inline-flex;align-items:center;gap:4px}.class-pill{display:inline-block;padding:1px 7px;background:#e0e7ff;color:#3730a3;border-radius:20px;font-size:.72rem;font-weight:500;margin:1px 2px 1px 0;white-space:nowrap}.class-pill--more{background:#f3f4f6;color:#6b7280;cursor:default}.td-muted{color:#9ca3af}.sim-classes-count{cursor:default;color:#6686cc;font-weight:500}.sim-classes-popover{position:fixed;z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:160px;padding:.5rem 0;pointer-events:none}.sim-classes-popover-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:#9ca3af;padding:0 .75rem .35rem;margin:0}.sim-classes-popover-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.82rem;color:#374151;white-space:nowrap}.sim-classes-popover-item .mode-badge{font-size:.7rem;padding:1px 6px;flex-shrink:0}.sim-classes-popover-item:hover{background:#f3f4f6;color:#6686cc}.row-number{width:2.5rem!important;min-width:2.5rem!important;max-width:2.5rem!important;text-align:center!important;color:#9ca3af;font-size:.8rem}.sim-char-version{margin-left:.35rem;font-size:.68rem;font-weight:600;color:#6b7280;background:#f3f4f6;border-radius:4px;padding:1px 5px;vertical-align:middle}.sim-row-desc{font-size:.78rem;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-row-date{font-size:.72rem;color:#9ca3af;margin-top:1px}.td-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.status-pill{display:inline-block;padding:.18rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.status-pill--draft{background:#fde047;color:#713f12}.status-pill--active,.status-pill--published{background:#86efac;color:#14532d}.status-pill--archived{background:#f3f4f6;color:#374151}.status-pill--clickable{cursor:pointer}.status-pill--clickable:hover{filter:brightness(.92)}.state-dropdown{padding:3px 6px;border-radius:6px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid transparent;outline:none;width:100%;max-width:120px;transition:opacity .15s}.state-dropdown:disabled{cursor:default;opacity:.8}.state-dropdown--published{background:#86efac;color:#14532d;border-color:#4ade80}.state-dropdown--unpublished{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.state-dropdown--draft{background:#fde047;color:#713f12;border-color:#facc15}.state-dropdown--archived{background:#f3f4f6;color:#374151;border-color:#d1d5db}.edit-pencil-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:#6b7280;text-decoration:none;font-size:.95rem;cursor:pointer;padding:0;transition:background .15s,color .15s}.edit-pencil-btn:hover{background:#e0e7ff;color:#6686cc}.edit-pencil-btn--disabled{opacity:.25;cursor:not-allowed}.edit-pencil-btn--disabled:hover{background:transparent;color:#6b7280}.edit-pencil-btn--danger:hover{background:#fee2e2;color:#dc2626}.simulation-link{color:#5a6e99;text-decoration:none;font-weight:500}.simulation-link:hover{color:#3a4a66;text-decoration:underline}.simulation-title-plain{color:#374151;font-weight:500}.simulations-container .user-table td button.activate-btn,.simulations-container .user-table td a.activate-btn,.simulations-container .user-table td button.edit-btn,.simulations-container .user-table td a.edit-btn,.simulations-container .user-table td button.share-btn,.simulations-container .user-table td a.share-btn,.simulations-container .user-table td button.delete-btn,.simulations-container .user-table td a.delete-btn,.simulations-container .card-actions button.activate-btn,.simulations-container .card-actions a.activate-btn,.simulations-container .card-actions button.edit-btn,.simulations-container .card-actions a.edit-btn,.simulations-container .card-actions button.share-btn,.simulations-container .card-actions a.share-btn,.simulations-container .card-actions button.delete-btn,.simulations-container .card-actions a.delete-btn{color:#fff!important;padding:0!important;border-radius:6px!important;font-size:.85rem!important;font-weight:400!important;cursor:pointer!important;border:none!important;outline:none!important;transition:background-color .2s ease!important;width:90px!important;min-width:90px!important;max-width:90px!important;height:30px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;flex:none!important;font-family:Montserrat,sans-serif!important;line-height:1!important;text-decoration:none!important;margin:0!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:nowrap!important;vertical-align:middle!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.simulations-container .delete-btn{background-color:#f28b82;color:#fff!important;padding:0!important;border:none!important;border-radius:6px!important;font-size:.85rem!important;font-weight:400!important;cursor:pointer!important;transition:background-color .2s ease!important;width:90px!important;min-width:90px!important;max-width:90px!important;height:30px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;flex:none!important;font-family:Montserrat,sans-serif!important;line-height:1!important;text-decoration:none!important;margin:0!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:nowrap!important;vertical-align:middle!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.simulations-container .delete-btn:hover{background-color:#ef4444}.simulations-cards-wrapper{display:flex;flex-direction:column;gap:1rem}.simulation-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer;position:relative;min-height:140px;display:flex;flex-direction:column}.simulation-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.card-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4;flex:1;min-width:0}.detail-value{color:#374151;font-size:.875rem;text-align:right;flex:1;margin-left:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulations-container .card-actions .activate-btn,.simulations-container .card-actions .delete-btn,.simulations-container .card-actions .edit-btn,.simulations-container .card-actions .share-btn{flex:none!important;width:90px!important;display:inline-flex;min-width:90px!important;max-width:90px!important;flex-direction:row;align-items:center;justify-content:center}.simulations-empty-state{text-align:center;color:#6b7280;font-style:italic;padding:3rem 1rem}@media (max-width: 768px){.simulations-container{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:16px}.header-content .page-title{font-size:1.5rem;margin-bottom:.5rem}.page-description{font-size:.9rem}.simulation-card{padding:1.25rem;min-height:120px}.simulation-card:hover{transform:none;box-shadow:0 4px 12px #00000014}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.card-title{font-size:1rem}.card-date{font-size:.8rem}.card-actions{width:100%;flex-wrap:nowrap;display:flex}.simulations-container .card-actions .activate-btn,.simulations-container .card-actions .delete-btn,.simulations-container .card-actions .edit-btn,.simulations-container .card-actions .share-btn{flex:none!important;width:90px!important;justify-content:center;min-height:44px;white-space:nowrap;display:inline-flex}}@media (max-width: 480px){.simulations-container{padding:.75rem}.page-title{font-size:1.25rem;text-align:center}.simulation-card{padding:1rem;border-radius:8px;min-height:100px}.simulation-card:hover{transform:none;box-shadow:0 3px 10px #0000000f}.card-title{font-size:.95rem}.simulation-card .card-actions{display:flex;flex-direction:row;flex-wrap:nowrap}.simulations-container .simulation-card .card-actions .activate-btn,.simulations-container .simulation-card .card-actions .delete-btn,.simulations-container .simulation-card .card-actions .edit-btn,.simulations-container .simulation-card .card-actions .share-btn{flex:1;width:auto;display:inline-block;font-size:.8rem;padding:.5rem .25rem}}.simulations-container button.activate-btn,.simulations-container button.edit-btn,.simulations-container button.delete-btn,.simulations-container a.activate-btn,.simulations-container a.edit-btn,.simulations-container a.delete-btn{padding:0!important;width:90px!important;height:30px!important;min-width:90px!important;max-width:90px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.admin-draft-cleanup{padding:2rem 2.5rem;max-width:1200px;margin:0 auto;font-family:Montserrat,sans-serif}.admin-draft-cleanup .user-table-wrapper{overflow:visible}.admin-draft-cleanup .user-table{border-collapse:separate!important;border-spacing:0}.admin-draft-cleanup .user-table thead tr th:first-child{border-top-left-radius:12px}.admin-draft-cleanup .user-table thead tr th:last-child{border-top-right-radius:12px}.admin-draft-cleanup .user-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.admin-draft-cleanup .user-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.dc-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.dc-stat{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;flex:1}.dc-stat__value{font-size:1.75rem;font-weight:700;color:#1e293b}.dc-stat__value--expired{color:#dc2626}.dc-stat__label{font-size:.75rem;color:#6b7280;text-align:center;margin-top:.25rem}.dc-result{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:#065f46;margin-bottom:1rem}.dc-result__errors{margin-top:.5rem;color:#dc2626;display:flex;flex-direction:column;gap:.25rem}.dc-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:#dc2626;margin-bottom:1rem}.dc-btn-refresh{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;height:38px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;background-color:#f3f4f6;color:#374151;border:1px solid #CBD5E1;font-family:Montserrat,sans-serif;transition:background-color .2s ease}.dc-btn-refresh:hover:not(:disabled){background-color:#e5e7eb}.dc-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.dc-btn-danger{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;height:38px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;font-family:Montserrat,sans-serif;background-color:#f28b82;color:#fff;transition:background-color .2s ease}.dc-btn-danger:hover:not(:disabled){background-color:#e76a6a}.dc-btn-danger:disabled{opacity:.5;cursor:not-allowed}.dc-row--expired td{background-color:#fff7f7}.admin-draft-cleanup .user-table th.dc-col-check,.admin-draft-cleanup .user-table td.dc-col-check{width:10%;white-space:nowrap;padding:0 10px}.dc-td-doc{font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-owner{font-weight:500}.dc-owner-email{font-size:.8rem;color:#6b7280}.dc-reason{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.reason-discard{background-color:#f7a4a4;color:#7f1d1d}.reason-cancel{background-color:#fef3c7;color:#92400e}.reason-orphaned{background-color:#e5e7eb;color:#374151}.dc-badge--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.dc-badge--clickable:hover{opacity:.8}.dc-status-menu{position:absolute;top:calc(100% - 4px);left:0;background:#fff;border:1px solid #E5E7EB;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:50;min-width:140px;padding:.25rem 0}.dc-status-menu__item{display:block;width:100%;text-align:left;padding:.5rem .85rem;font-size:.85rem;font-family:Montserrat,sans-serif;background:none;border:none;cursor:pointer;color:#374151}.dc-status-menu__item:hover{background-color:#eaf2fb;color:#1e293b}.dc-loading,.dc-empty{text-align:center;padding:3rem;color:#6b7280;font-size:.95rem}.rte-wrapper{border:1px solid #CBD5E1;border-radius:7px;overflow:hidden;font-family:Montserrat,sans-serif;background:#fff}.rte-wrapper.rte-disabled{background:#f3f4f6}.rte-toolbar{display:flex;align-items:center;gap:2px;padding:.4rem .5rem;background:#f8fafc;border-bottom:1px solid #E2E8F0;flex-wrap:wrap}.rte-style-select{font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:500;padding:.25rem .4rem;border:1px solid #E2E8F0;border-radius:4px;background:#fff;color:#374151;cursor:pointer;outline:none}.rte-style-select:hover{border-color:#cbd5e1}.rte-btn{font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:600;padding:.25rem .5rem;border:1px solid transparent;border-radius:4px;background:none;color:#374151;cursor:pointer;line-height:1.4;transition:background .15s}.rte-btn:hover{background:#e2e8f0}.rte-btn-active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.rte-divider{width:1px;height:18px;background:#e2e8f0;margin:0 4px}.rte-content{padding:.75rem;min-height:220px;font-size:.875rem;color:#111827;line-height:1.65;outline:none}.rte-content .ProseMirror{outline:none;min-height:200px}.rte-content .ProseMirror p{margin:0 0 .6rem;min-height:1em}.rte-content .ProseMirror h1{font-size:1.4rem;font-weight:700;margin:1.4rem 0 .5rem;color:#111827}.rte-content .ProseMirror h2{font-size:1.1rem;font-weight:700;margin:1.2rem 0 .4rem;color:#111827}.rte-content .ProseMirror h3{font-size:.95rem;font-weight:700;margin:1rem 0 .3rem;color:#111827}.rte-content .ProseMirror h4{font-size:.875rem;font-weight:700;margin:.9rem 0 .3rem;color:#111827}.rte-content .ProseMirror ul,.rte-content .ProseMirror ol{padding-left:1.5rem;margin:0 0 .6rem}.rte-content .ProseMirror a{color:#2563eb;text-decoration:underline}.rte-content .ProseMirror hr{border:none;border-top:1px solid #E5E7EB;margin:1rem 0}.rte-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none;float:left;height:0}.terms-admin-layout{display:flex;gap:1.5rem;align-items:flex-start;font-family:Montserrat,sans-serif}.terms-version-list{flex:0 0 220px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:1rem;display:flex;flex-direction:column;overflow:hidden}.terms-version-items-wrapper{overflow-y:auto;flex:1}.terms-version-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.terms-version-list-header h2{font-size:.9rem;font-weight:700;color:#111827;margin:0}.terms-new-btn{font-size:.8rem;padding:.3rem .6rem;background:#6686cc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif}.terms-new-btn:hover{background:#5574bb}.terms-list-empty{font-size:.85rem;color:#9ca3af;margin:0}.terms-version-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.terms-version-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.terms-version-item:hover{background:#eef2ff}.terms-version-item.active{background:#eef2ff;border-color:#6686cc}.terms-version-label{font-size:.85rem;font-weight:600;color:#111827}.terms-lock-badge{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:999px}.terms-lock-badge.locked{background:#fef3c7;color:#92400e}.terms-lock-badge.draft{background:#d1fae5;color:#065f46}.terms-editor{flex:1;min-width:0}.terms-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.terms-editor-header h2{font-size:1rem;font-weight:700;color:#111827;margin:0}.terms-editor-actions{display:flex;gap:.5rem;flex-wrap:wrap}.terms-copy-select{padding:.45rem .7rem;font-size:.85rem;border:1px solid #CBD5E1;border-radius:7px;background:#fff;cursor:pointer;font-family:Montserrat,sans-serif;color:#374151;outline:none}.terms-copy-select:hover{border-color:#94a3b8}.terms-clear-btn{padding:.45rem .9rem;font-size:.85rem;border:1px solid #CBD5E1;border-radius:7px;background:#fff;cursor:pointer;font-family:Montserrat,sans-serif;color:#6b7280}.terms-clear-btn:hover{background:#f3f4f6;color:#374151}.terms-preview-toggle{padding:.45rem .9rem;font-size:.85rem;border:1px solid #CBD5E1;border-radius:7px;background:#fff;cursor:pointer;font-family:Montserrat,sans-serif;color:#374151}.terms-preview-toggle:hover{background:#f3f4f6}.terms-save-btn{padding:.45rem 1rem;font-size:.85rem;background:#6686cc;color:#fff;border:none;border-radius:7px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600}.terms-save-btn:hover:not(:disabled){background:#5574bb}.terms-save-btn:disabled{opacity:.5;cursor:not-allowed}.terms-activate-btn{padding:.45rem .9rem;font-size:.85rem;background:#d1fae5;color:#065f46;border:1px solid #6EE7B7;border-radius:7px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600}.terms-activate-btn:hover:not(:disabled){background:#a7f3d0}.terms-active-notice{background:#ecfdf5;border:1px solid #6EE7B7;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;color:#065f46;margin-bottom:1rem}.terms-version-badges{display:flex;align-items:center;gap:.35rem}.terms-active-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0}.terms-lock-btn{padding:.45rem .9rem;font-size:.85rem;background:#fef3c7;color:#92400e;border:1px solid #F59E0B;border-radius:7px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600}.terms-lock-btn:hover:not(:disabled){background:#fde68a}.terms-locked-notice{background:#fffbeb;border:1px solid #F59E0B;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;color:#92400e;margin-bottom:1rem}.terms-form{display:flex;flex-direction:column;gap:1.25rem}.terms-field{display:flex;flex-direction:column;gap:.4rem;flex:1}.terms-field label{font-size:.8rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.terms-field input,.terms-field textarea{padding:.55rem .75rem;border:1px solid #CBD5E1;border-radius:7px;font-size:.875rem;font-family:Montserrat,sans-serif;background:#fafafa;color:#111827;resize:vertical}.terms-field input:focus,.terms-field textarea:focus{outline:none;border-color:#6686cc;background:#fff}.terms-full-content-divider{border-top:1px solid #E5E7EB;margin:.5rem 0}.terms-full-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.terms-full-content-header label{margin-bottom:0}.terms-full-content-preview{border:1px solid #c5d1ec;border-radius:8px;overflow:hidden;font-family:Montserrat,sans-serif}.terms-full-content-preview-topbar{height:52px;background-color:#edf1fb;border-bottom:1px solid #c5d1ec;display:flex;align-items:center;padding:0 1.5rem}.terms-full-content-preview-logo{font-family:Nico Moji,sans-serif;font-size:22px;color:#6686cc;line-height:1}.terms-full-content-preview-body{padding:2rem 1.5rem;background:#fff;max-height:480px;overflow-y:auto}.terms-full-content-preview-body h1{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#111827}.terms-full-content-preview-body p{font-size:.9rem;color:#374151;line-height:1.65;margin:0 0 .4rem;min-height:1em}.terms-full-content-preview-version{margin-top:1.5rem;font-size:.8rem;color:#9ca3af!important}.terms-field-optional{font-size:.75rem;font-weight:400;color:#9ca3af;text-transform:none;letter-spacing:0}.terms-toggle-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.terms-toggle-row input[type=checkbox]{width:15px;height:15px;accent-color:#6686cc;cursor:pointer;flex-shrink:0}.terms-field input:disabled,.terms-field textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.terms-field-row{display:flex;gap:1rem}.terms-sections-area{display:flex;flex-direction:column;gap:1rem}.terms-sections-header{display:flex;align-items:center;justify-content:space-between}.terms-sections-header label{font-size:.8rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.terms-add-section-btn{font-size:.8rem;padding:.3rem .7rem;background:#eef2ff;color:#4338ca;border:1px solid #C7D2FE;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600}.terms-add-section-btn:hover{background:#e0e7ff}.terms-section-block{border:1px solid #E5E7EB;border-radius:9px;padding:1rem;background:#fafafa;display:flex;flex-direction:column;gap:.6rem}.terms-section-block-header{display:flex;align-items:center;justify-content:space-between}.terms-section-num{font-size:.75rem;font-weight:700;color:#6686cc;text-transform:uppercase;letter-spacing:.04em}.terms-section-remove-icon{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:5px;color:#b91c1c}.terms-section-remove-icon:hover{background:#fee2e2;color:#991b1b}.terms-section-heading-input{padding:.5rem .75rem;border:1px solid #CBD5E1;border-radius:7px;font-size:.9rem;font-weight:600;font-family:Montserrat,sans-serif;background:#fff;color:#111827}.terms-section-heading-input:focus{outline:none;border-color:#6686cc}.terms-section-heading-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.terms-section-body-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.terms-section-body-row textarea{padding:.55rem .75rem;border:1px solid #CBD5E1;border-radius:7px;font-size:.85rem;font-family:Montserrat,sans-serif;background:#fff;color:#111827;resize:vertical}.terms-section-body-row textarea:focus{outline:none;border-color:#6686cc}.terms-section-body-row textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.terms-inline-preview{border:1px solid #E5E7EB;border-radius:7px;padding:.55rem .75rem;background:#fff;font-size:.85rem;color:#374151;overflow-y:auto;line-height:1.6}.terms-inline-preview p{margin:0 0 .4rem}.terms-inline-preview ul,.terms-inline-preview ol{margin:0 0 .4rem;padding-left:1.2rem}.terms-inline-preview a{color:#2563eb}.terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;font-family:Montserrat,sans-serif}.terms-overlay--split{display:flex;flex-direction:row}.terms-overlay-left{flex:1;background-color:#6686cc;display:flex;justify-content:center;align-items:center;padding:2rem}.terms-overlay-aim-high{font-family:Nico Moji,sans-serif;font-size:clamp(2rem,4vw,3rem);color:#f1f8ff;text-align:center}.terms-overlay-right{flex:1;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;overflow-y:auto;position:relative}.terms-overlay-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;font-size:1rem;color:#6b7280;padding:.3rem .6rem;border-radius:6px;font-family:Montserrat,sans-serif;line-height:1;z-index:1}.terms-overlay-close:hover{background:#0000000f;color:#374151}.terms-overlay-box{width:100%;max-width:min(600px,92%);background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;padding:2rem;text-align:center}.terms-overlay-intro{color:#6b7280;font-size:.95rem;margin-bottom:1.75rem;line-height:1.6}.terms-overlay-section{border-top:1px solid #E5E7EB;padding:1.25rem 0;text-align:left}.terms-overlay-section:last-of-type{border-bottom:1px solid #E5E7EB;margin-bottom:1.5rem}.terms-overlay-section h2{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#111827}.terms-overlay-section p{font-size:.9rem;color:#374151;line-height:1.65;margin:0}.terms-overlay-link-row{margin:1.25rem 0 1.5rem;font-size:.875rem}.terms-overlay-link-btn{background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;font-family:Montserrat,sans-serif;padding:0}.terms-overlay-link-btn:hover{text-decoration:underline}.terms-overlay--minimal{display:flex;flex-direction:column;background:#fff}.terms-overlay-topbar{height:60px;background-color:#edf1fb;border-bottom:1px solid #c5d1ec;box-shadow:0 1px 4px #0000000d;display:flex;align-items:center;padding:0 1.5rem;gap:.75rem;flex-shrink:0}.terms-overlay-logo{font-family:Nico Moji,sans-serif;font-size:22px;color:#6686cc;flex:1;text-align:center}.terms-overlay-back{background:none;border:none;color:#6686cc;font-size:.85rem;font-weight:600;cursor:pointer;font-family:Montserrat,sans-serif;padding:0;white-space:nowrap}.terms-overlay-back:hover{text-decoration:underline}.terms-overlay--minimal .terms-overlay-close{position:static;background:none}.terms-overlay-full-body{flex:1;overflow-y:auto;padding:3rem 1rem;display:flex;justify-content:center}.terms-overlay-full-content{width:100%;max-width:min(720px,92vw)}.terms-overlay-full-content h1{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#111827}.terms-overlay-full-content h2{font-size:1rem;font-weight:700;margin:1.5rem 0 .4rem;color:#111827}.terms-overlay-full-content h3{font-size:.9rem;font-weight:700;margin:1.2rem 0 .3rem;color:#111827}.terms-overlay-full-content p{font-size:.9rem;color:#374151;line-height:1.65;margin:0 0 .5rem;min-height:1em}.terms-overlay-full-content ul,.terms-overlay-full-content ol{padding-left:1.5rem;margin:0 0 .6rem;font-size:.9rem;color:#374151;line-height:1.65}.terms-overlay-full-content a{color:#2563eb;text-decoration:underline}.terms-overlay-full-content hr{border:none;border-top:1px solid #E5E7EB;margin:1rem 0}.terms-overlay-box .terms-checkbox-label{display:flex;align-items:flex-start;justify-content:center;gap:.6rem;cursor:pointer;font-size:.9rem;color:#111827;margin-bottom:1.5rem;line-height:1.5}.terms-overlay-box .terms-checkbox-label input[type=checkbox]{margin-top:3px;flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:#6686cc}.terms-overlay-box .terms-continue-btn{width:100%;padding:.75rem;background-color:#6686cc;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;opacity:.45}@media (max-width: 900px){.terms-admin-layout{flex-direction:column}.terms-version-list{flex:none;width:100%}.terms-section-body-row{grid-template-columns:1fr}.terms-field-row{flex-direction:column}}.eng-page{padding:2rem 2.5rem;font-family:Montserrat,sans-serif;max-width:1200px;margin:0 auto}.eng-page .usage-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.eng-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.75rem}.eng-filter-bar .filter-label{font-size:.875rem;color:#6b7280}.eng-ss{position:relative;min-width:160px;max-width:240px;font-size:.85rem}.eng-ss__trigger{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.38rem .55rem .38rem .7rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none}.eng-ss__trigger:hover{border-color:#9ca3af}.eng-ss__placeholder{color:#9ca3af}.eng-ss__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eng-ss__arrow{font-size:.7rem;color:#9ca3af;flex-shrink:0}.eng-ss__search{border:none;outline:none;font-size:.85rem;font-family:inherit;width:100%;background:transparent;color:#374151}.eng-ss__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-width:320px;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:200;padding:.25rem 0}.eng-ss__option{padding:.45rem .85rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem;color:#374151}.eng-ss__option:hover{background:#f3f4f6}.eng-ss__option--all{color:#6b7280;border-bottom:1px solid #F3F4F6}.eng-ss__option--selected{background:#eef2ff;color:#4f46e5;font-weight:500}.eng-ss__option--none{color:#9ca3af;cursor:default}.eng-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1rem}.eng-cards--5{grid-template-columns:repeat(5,1fr)}@media (max-width: 1100px){.eng-cards--5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.eng-cards,.eng-cards--5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.eng-cards,.eng-cards--5{grid-template-columns:1fr}}.eng-card{background:#fff;border-radius:12px;padding:1.4rem 1.6rem;box-shadow:0 1px 4px #00000012;border-top:4px solid transparent}.eng-card--views{border-top-color:#6686cc}.eng-card--learners{border-top-color:#10b981}.eng-card--time{border-top-color:#8b5cf6}.eng-card--abandon{border-top-color:#f97316}.eng-card--bounce{border-top-color:#ef4444}.eng-card--meaningful{border-top-color:#f59e0b}.eng-card--rate{border-top-color:#ec4899}.eng-card--transcript{border-top-color:#0ea5e9}.eng-card--rubric{border-top-color:#a855f7}.eng-card--checklist{border-top-color:#14b8a6}.eng-log-header{display:flex;align-items:center;justify-content:space-between}.eng-page .usage-table-wrapper table{table-layout:fixed;width:100%}.eng-page .usage-table-wrapper th:nth-child(1){width:13%}.eng-page .usage-table-wrapper th:nth-child(2){width:15%}.eng-page .usage-table-wrapper th:nth-child(3){width:20%}.eng-page .usage-table-wrapper th:nth-child(4){width:14%}.eng-page .usage-table-wrapper th:nth-child(5){width:10%}.eng-page .usage-table-wrapper th:nth-child(6){width:8%}.eng-page .usage-table-wrapper th:nth-child(7){width:14%}.eng-page .usage-table-wrapper td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.eng-type-pill{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.eng-type-pill--detail_view{background:#eef2ff;color:#4f46e5}.eng-type-pill--abandon{background:#fff7ed;color:#c2410c}.eng-type-pill--result_view{background:#f0fdf4;color:#15803d}.eng-type-pill--character{background:#fff7ed;color:#c2410c}.eng-type-pill--simulation{background:#eef2ff;color:#4338ca}.eng-tabs{display:flex;border-bottom:2px solid #E5E7EB;margin-bottom:1.5rem}.eng-tab{flex:1;text-align:center;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;font-family:inherit;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s}.eng-tab:hover{color:#374151}.eng-tab--active{color:#4f46e5;border-bottom-color:#4f46e5}.eng-card--instr-total{border-top-color:#6686cc}.eng-card--instr-instructors{border-top-color:#10b981}.eng-card--instr-time{border-top-color:#8b5cf6}.eng-card--instr-char{border-top-color:#f59e0b}.eng-card--instr-sim{border-top-color:#0ea5e9}.role-layout{display:flex;height:100vh;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;max-width:100vw}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;width:100%}.admin-sidebar{width:220px;background:#d8e0f2;border-right:1px solid #c5d1ec;box-shadow:2px 0 4px #0000000a;padding:2rem 1rem 1rem;display:flex;flex-direction:column;transition:width .3s ease}.admin-sidebar.collapsed{width:64px;align-items:center;padding:2rem .5rem}.dashboard-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:#374151;cursor:pointer}.dashboard-title,.nav-label{transition:opacity .2s ease,transform .2s ease;opacity:1;transform:scale(1)}.sidebar-top{display:flex;flex-direction:column;flex:1;height:100%}.nav-links{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;flex:1}.nav-links a,.nav-action-item{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem .75rem;border-radius:8px;color:#374151;transition:background-color .2s;white-space:nowrap;width:100%;text-align:left;border:none;background:none;cursor:pointer}.nav-label{flex:1;white-space:normal;word-break:break-word}.nav-links a:hover,.nav-action-item:hover{background-color:#e5f0fb;color:#1d4ed8}.nav-action-item .nav-icon{color:inherit}.admin-sidebar.collapsed .dashboard-title,.admin-sidebar.collapsed .nav-links a>:not(.nav-icon){display:none}.nav-icon{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;color:#6b7280}.nav-icon-larger{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;color:#6b7280;font-size:20px}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:#edf1fb;border-bottom:1px solid #c5d1ec;box-shadow:0 1px 4px #0000000d}.topbar-left{display:flex;align-items:center;gap:1rem}.mobile-menu-toggle{display:none;background:none;border:none;color:#374151;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.mobile-menu-toggle:hover{background-color:#0000000d}.topbar-right{display:flex;align-items:center;gap:1rem}.profile-link{display:flex;align-items:center;text-decoration:none}.profile-icon{font-size:30px;color:#3b82f6;transition:color .3s ease}.profile-icon:hover{color:#1e3a8a}.profile-icon{text-decoration:none}.circle-icon{background-color:#fde2e2;color:#000;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.circle-icon:hover{background-color:#fcbfbf}.logo{font-family:Nico Moji,sans-serif;font-size:28px;color:#6686cc;transform:translateY(2px);margin:0;padding:0;line-height:1;display:inline-block;text-decoration:none;cursor:pointer}.nav-dropdown{display:flex;flex-direction:column;gap:.25rem}.nav-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:8px;font-weight:500;color:#374151;cursor:pointer;transition:background-color .2s}.nav-dropdown-header:hover{background-color:#e5f0fb;color:#1d4ed8}.nav-dropdown-children{display:flex;flex-direction:column;padding-left:2.5rem;gap:.5rem}.nav-sub-header{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:.4rem .5rem .1rem;cursor:default;-webkit-user-select:none;user-select:none}.nav-sub-link{text-decoration:none;font-size:.95rem;color:#4b5563;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.nav-sub-link:hover{background-color:#e0e7ff;color:#1d4ed8}.left-content{display:flex;align-items:center;gap:.75rem}.chevron{margin-left:auto;display:flex;align-items:center}.folder-toggle-icon{display:flex;align-items:center;justify-content:center;margin-left:auto;color:#6b7280;transition:color .2s ease}.nav-dropdown-header:hover .folder-toggle-icon{color:#1d4ed8}.nav-dropdown-children-wrapper{overflow:hidden;max-height:0;transition:max-height .3s ease}.nav-dropdown-children-wrapper.open{max-height:500px}.nav-dropdown-children{display:flex;flex-direction:column;padding-left:2.5rem;gap:.5rem;margin-top:.5rem}.sidebar{width:clamp(160px,15vw,220px);background:#d8e0f2;border-right:1px solid #c5d1ec;box-shadow:2px 0 4px #0000000a;padding:2rem 1rem 1rem;display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;min-height:100vh;height:100vh;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{width:64px;align-items:center;padding:2rem .5rem;min-height:100vh;height:100vh;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed .dashboard-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .folder-toggle-icon,.sidebar.collapsed .nav-dropdown-children-wrapper{display:none}@media (max-width: 1024px){.sidebar.collapsed .dashboard-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .folder-toggle-icon,.sidebar.collapsed .nav-dropdown-children-wrapper{display:block!important}.sidebar.collapsed{width:280px!important;padding:2rem 1rem 1rem!important;align-items:flex-start!important}}.logout{padding:.25rem 1rem;background-color:#f28b82;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;font-size:.875rem}.logout:hover{background-color:#e76a6a}.collapsed-popup-menu{position:fixed;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 12px #0000001a;border-radius:8px;z-index:9999;padding:.5rem;transition:opacity .2s ease,transform .2s ease;transform:translateY(4px);opacity:1}.collapsed-popup-menu:before{content:"";position:absolute;top:8px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid white;filter:drop-shadow(-1px 1px 1px rgba(0,0,0,.08))}.popup-link{display:block;padding:.4rem .75rem;text-decoration:none;color:#1f2937;border-radius:6px;white-space:nowrap;transition:background-color .2s ease}.popup-link:hover{background-color:#e5f0fb;color:#1d4ed8}@media (max-width: 1300px){.sidebar{width:clamp(140px,14vw,200px)}.sidebar.collapsed{width:60px}.logo{font-size:clamp(24px,3.5vw,28px)}}@media (max-width: 1200px){.sidebar{width:clamp(120px,12vw,180px);padding:1.5rem .75rem 1rem}.sidebar.collapsed{width:56px;padding:1.5rem .25rem}.nav-links{gap:.75rem;margin-top:1.5rem}.nav-links a,.nav-action-item{padding:.5rem;font-size:.9rem}.dashboard-header{font-size:1rem}.nav-dropdown-children{padding-left:2rem}}@media (max-width: 1100px){.sidebar{width:clamp(100px,10vw,160px);padding:1.25rem .5rem 1rem}.sidebar.collapsed{width:52px;padding:1.25rem .2rem}.nav-links{gap:.5rem;margin-top:1.25rem}.nav-links a,.nav-action-item{padding:.4rem;font-size:.85rem}.nav-label{font-size:.85rem}.dashboard-header{font-size:.95rem}.topbar{padding:0 1rem}}@media (max-width: 1024px){.sidebar{position:fixed!important;top:0;left:0;height:100vh;width:280px!important;z-index:1000;transform:translate(-100%);box-shadow:2px 0 10px #00000026;min-height:100vh;padding:2rem 1rem 1rem!important}.sidebar-open{transform:translate(0)}.sidebar-closed{transform:translate(-100%)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;transition:opacity .3s ease}.mobile-menu-toggle{display:flex}.main-content{width:100%}.topbar{padding:0 1rem}.logo{font-size:clamp(22px,4vw,28px)}.collapsed-popup-menu{left:50%!important;transform:translate(-50%) translateY(4px);width:auto;min-width:200px}.collapsed-popup-menu:before{left:50%;transform:translate(-50%);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;border-top:none}}@media (max-width: 768px){.sidebar{width:260px}.topbar{padding:0 .75rem;height:56px}.logo{font-size:24px}.topbar-right,.nav-links{gap:.75rem}.nav-links a,.nav-action-item{padding:.75rem;font-size:.95rem}.nav-dropdown-children{padding-left:2rem}}@media (max-width: 480px){.sidebar{width:240px}.topbar{padding:0 .5rem;height:52px}.logo{font-size:20px}.profile-icon{font-size:26px}.logout{padding:.25rem .75rem!important;font-size:.8rem!important}.nav-links{gap:.5rem}.nav-links a,.nav-action-item{padding:.625rem .75rem;font-size:.9rem}.dashboard-header{font-size:1rem}.collapsed-popup-menu{min-width:180px;padding:.375rem}.popup-link{padding:.375rem .625rem;font-size:.9rem}}@media (max-width: 1024px){.nav-links a,.nav-action-item,.nav-dropdown-header,.dashboard-header{min-height:44px;display:flex;align-items:center}.mobile-menu-toggle{min-width:44px;min-height:44px}.collapsed-popup-menu{display:none!important}}@media (prefers-reduced-motion: no-preference){.sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{transition:opacity .25s ease}.collapsed-popup-menu{transition:opacity .15s ease,transform .15s ease}}@media (prefers-color-scheme: dark){.sidebar-overlay{background-color:#000000b3}}.instructor-classes-container{padding:2rem;font-family:Montserrat,sans-serif;color:#1f2937;max-width:1200px;margin:0 auto}@media (max-width: 768px){.instructor-classes-container{padding:1rem}}@media (max-width: 480px){.instructor-classes-container{padding:.75rem}}.switch{position:relative;display:inline-block;width:50px;height:28px;-webkit-user-select:none;user-select:none}.filter-actions .switch{flex-shrink:0;align-self:center}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;background-color:#d1d5db;border-radius:28px;top:0;left:0;right:0;bottom:0;transition:.4s;will-change:background-color}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;transition:.4s;will-change:transform}input:checked+.slider:before{transform:translateY(-50%) translate(18px)!important}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.8rem;font-weight:700;margin:0;color:#1f2937}.filter-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.status-tab-label{font-size:.82rem;font-weight:600;line-height:1}.status-tab--selected.status-tab--open,.status-tab--selected.status-tab--open .status-tab-label{color:#16a34a}.status-tab--selected.status-tab--closed,.status-tab--selected.status-tab--closed .status-tab-label{color:#4b5563}.toggle-label{font-size:.9rem;color:#6b7280;white-space:nowrap}@media (max-width: 768px){.top-bar{flex-direction:column;align-items:flex-start;gap:1.5rem}.page-title{font-size:1.5rem}.filter-actions{width:100%;justify-content:space-between}}@media (max-width: 480px){.top-bar{gap:1rem}.page-title{font-size:1.25rem}.filter-actions{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.toggle-label{font-size:.85rem}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}@media (max-width: 1024px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr;gap:.75rem;margin-top:1rem}}.class-card h2{font-size:1.1rem;margin-bottom:.5rem;color:#1f2937;margin-top:0;line-height:1.3;padding-right:4rem}@media (max-width: 768px){.class-card{padding:1rem;min-height:100px}.class-card h2{font-size:1rem;padding-right:2.5rem}.class-card p{font-size:.875rem;padding-right:2.5rem}}@media (max-width: 480px){.class-card{padding:.875rem;min-height:90px}.class-card h2{font-size:.95rem;padding-right:2rem}.class-card p{font-size:.8rem;padding-right:2rem}}.class-code{background-color:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;color:#4b5563}.card--dim.card--closed{opacity:.8;background-color:#e9eaec;border:1px solid #d1d5db}.card-status-pill{position:absolute;top:.85rem;right:.85rem;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;line-height:1}.instructor-classes-container .card-status-pill--open{background:#86efac;color:#14532d}.instructor-classes-container .card-status-pill--closed{background:#fecaca;color:#991b1b}.card-status-pill--clickable{cursor:pointer;transition:filter .15s}.card-status-pill--clickable:hover{filter:brightness(.92)}.card-status-actions{display:flex;gap:4px;margin-top:auto;padding-top:.75rem}.card-status-btn{padding:5px 14px;border:1px solid #d1d5db;background:#f9fafb;border-radius:20px;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.card-status-btn:hover:not(.card-status-btn--current):not(:disabled){background:#e5e7eb;color:#1f2937;border-color:#9ca3af;box-shadow:0 1px 3px #00000014}.card-status-btn--current{cursor:default}.card--closed .card-status-btn:not(.card-status-btn--current){background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.card--closed .card-status-btn:not(.card-status-btn--current):hover{background:#e5e7eb;color:#374151}.instructor-classes-container .card-status-btn--current.card-status-btn--open{background:#86efac;color:#14532d;border-color:#4ade80;font-weight:600}.instructor-classes-container .card-status-btn--current.card-status-btn--closed{background:#fecaca;color:#991b1b;border-color:#fca5a5;font-weight:600}.card-status-btn:disabled{opacity:.5;cursor:not-allowed}.card-edit-btn{margin-left:auto;padding:3px 8px;border:1px solid #e5e7eb;background:transparent;border-radius:20px;font-size:.85rem;color:#9ca3af;cursor:pointer;transition:color .15s,border-color .15s}.card-edit-btn:hover{color:#4b5563;border-color:#9ca3af}.card-edit-fields{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.card-edit-input{font-family:Montserrat,sans-serif;font-size:.9rem;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:6px;width:100%;box-sizing:border-box;transition:border-color .15s}.card-edit-input:focus{outline:none;border-color:#6686cc}.card-edit-textarea{resize:none}.card-edit-save{padding:4px 14px;background:#6686cc;color:#fff;border:none;border-radius:20px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s}.card-edit-save:hover:not(:disabled){background:#5a7bc4}.card-edit-save:disabled{opacity:.4;cursor:not-allowed}.card-edit-cancel{padding:4px 14px;background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:20px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s}.card-edit-cancel:hover{background:#f3f4f6}.class-card .switch{position:absolute;top:1rem;right:1rem;width:36px;height:20px}@media (max-width: 768px){.class-card .switch{top:.75rem;right:.75rem;width:32px;height:18px}.class-card .slider:before{height:12px;width:12px;left:3px;bottom:3px}.class-card input:checked+.slider:before{transform:translate(14px)}}@media (max-width: 480px){.class-card .switch{top:.5rem;right:.5rem;width:30px;height:16px}.class-card .slider:before{height:10px;width:10px;left:3px;bottom:3px}.class-card input:checked+.slider:before{transform:translate(12px)}}.class-card .switch input{opacity:0;width:0;height:0}.class-card .slider{position:absolute;cursor:pointer;background-color:#d1d5db;border-radius:20px;top:0;left:0;right:0;bottom:0;transition:.4s}.class-card .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}.class-card input:checked+.slider{background-color:#ef4444}.class-card input:checked+.slider:before{transform:translate(16px)}.instructor-classes-container .activate-btn{background-color:#6686cc;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;font-family:Montserrat,sans-serif;transition:background-color .2s ease,opacity .2s ease;font-size:.875rem;white-space:nowrap;min-height:40px}.instructor-classes-container .activate-btn:hover{background-color:#5a7bc4}.instructor-classes-container .activate-btn:disabled{opacity:.4;cursor:not-allowed}.instructor-classes-container .activate-btn:disabled:hover{background-color:#6686cc}.instructor-classes-container .modal-box .activate-btn{background-color:#6686cc}.instructor-classes-container .modal-box .activate-btn:hover:not(:disabled){background-color:#5a7bc4}.instructor-classes-container .cancel-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.875rem;white-space:nowrap;min-height:40px}.instructor-classes-container .cancel-btn:hover{background-color:#e5e7eb}@media (max-width: 480px){.instructor-classes-container .activate-btn,.instructor-classes-container .cancel-btn{padding:.625rem 1rem;font-size:.8rem;width:100%;justify-content:center;min-height:44px}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box}.modal-box{background-color:#fff;border-radius:12px;padding:2rem;width:min(500px,100%);max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 20px #00000026;z-index:1000}.create-class-modal{padding:0}.create-class-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid #e5e7eb}.create-class-modal .modal-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#1f2937;text-decoration:none;border-bottom:none}.create-class-modal .close-btn{background:none;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.create-class-modal .close-btn:hover{color:#374151}.create-class-modal .modal-body{padding:1rem 1.25rem;display:flex;flex-direction:column}.create-class-modal .modal-footer{margin-top:0;padding:.75rem 1.25rem}.modal-box h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.modal-box p{color:#6b7280;margin-bottom:1.5rem;font-size:.9rem}.modal-input{padding:.75rem;font-size:.95rem;font-family:Montserrat,sans-serif;border:1px solid #d1d5db;border-radius:6px;width:100%;box-sizing:border-box;margin-bottom:1rem;transition:border-color .2s ease}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.modal-backdrop{padding:.5rem}.modal-box{padding:1.5rem;border-radius:8px}.modal-box h3{font-size:1.125rem}}@media (max-width: 480px){.modal-backdrop{padding:.25rem;align-items:flex-end}.modal-box{padding:1rem;border-radius:8px 8px 0 0;width:100%;max-width:none;margin-bottom:0}.modal-footer{flex-direction:column;gap:.5rem}.modal-input{padding:.875rem;font-size:16px}}.empty-state{text-align:center;color:#6b7280;font-style:italic;padding:3rem 1rem;grid-column:1 / -1}.cd-header{margin-bottom:1rem;background:#fff;border-radius:10px;padding:1.5rem 2rem 1.5rem 3rem;position:relative}.cd-header-activate{position:absolute;top:1.25rem;right:1.5rem}.cd-header-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cd-title{font-size:1.5rem;font-weight:600;margin:0}.cd-title-input{font-size:1.25rem;font-weight:600;flex:1;min-width:200px}.cd-title-editable{font-size:1.5rem;font-weight:600;font-family:Montserrat,sans-serif;color:#1f2937;background:#f0f4ff;border:none;border-radius:6px;outline:none;padding:.15rem .5rem;margin:0;width:auto;max-width:480px}.cd-title-editable:focus{background:#e8eeff}.cd-desc-editable{font-size:1rem;font-family:Montserrat,sans-serif;color:#4b5563;background:#f0f4ff;border:none;border-radius:6px;outline:none;padding:.25rem .5rem;margin:.4rem 0 0;width:100%;resize:none;line-height:1.5;box-sizing:border-box}.cd-desc-editable:focus{background:#e8eeff}.cd-status-pill-wrap{position:relative;display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:3px 28px 3px 10px;font-size:.8rem;font-weight:600;cursor:pointer}.cd-status-pill-wrap.cd-status-btn--open{background:#86efac;color:#14532d;border-color:#4ade80}.cd-status-pill-wrap.cd-status-btn--closed{background:#fecaca;color:#991b1b;border-color:#fca5a5}.cd-status-pill-wrap:after{content:"▾";position:absolute;right:8px;font-size:.75rem;pointer-events:none}.cd-status-pill-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;color:inherit;padding:0}.cd-edit-icon-btn{background:none;border:none;cursor:pointer;color:#888;display:flex;align-items:center;padding:.2rem;border-radius:4px;transition:background .15s}.cd-edit-icon-btn:hover{background:#d6e4f5}.cd-description{color:#4b5563;font-size:1rem;margin:.4rem 0 0}.cd-edit-panel{background:#f8faff;border:1px solid #d6e4f5;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.cd-edit-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:.75rem}.cd-edit-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.cd-edit-dropdown{max-width:220px}.cd-edit-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.25rem}.cd-text-btn{background:none;border:none;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:opacity .15s}.cd-text-btn--cancel{color:#6b7280}.cd-text-btn--cancel:hover{color:#374151}.cd-text-btn--save{color:#6686cc}.cd-text-btn--save:hover{color:#4b61aa}.cd-meta-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;color:#6b7280}.cd-meta-label{font-weight:600;color:#374151;margin-right:.25rem}.cd-meta-sep{color:#d1d5db}.class-detail-container{max-width:min(1300px,95vw);margin:0 auto;padding:1.5rem;font-family:Montserrat,sans-serif;color:#1f2937}.header-section{margin-bottom:2rem}.background-container{display:flex;height:calc(100vh - 70px);padding:2rem;gap:2rem;max-width:1200px;margin:0 auto;box-sizing:border-box;overflow-y:auto}.profile-section{flex-basis:65%;display:flex;flex-direction:column;overflow:visible}.chat-section{flex-basis:38%;background:#fff;border-left:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;height:100%}.chat-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:.5rem}.user-table th{background-color:#eaf2fb;color:#374151;font-weight:600;text-align:center!important}.user-table td{text-align:center!important;border-top:1px solid #F3F4F6}.user-table th:last-child,.user-table td:last-child{text-align:center;min-width:100px;width:100px}.user-table td:nth-child(2),.user-table th:nth-child(2){min-width:110px;white-space:nowrap}.user-table td:nth-child(3),.user-table th:nth-child(3){min-width:160px}.class-simulations-container .user-table td:nth-child(3),.class-simulations-container .user-table th:nth-child(3){min-width:0}.class-simulations-container .user-table{table-layout:fixed;width:100%}.class-simulations-container .user-table th:nth-child(1),.class-simulations-container .user-table td:nth-child(1){width:4%;text-align:center}.class-simulations-container .user-table th:nth-child(2),.class-simulations-container .user-table td:nth-child(2){width:28%;text-align:left!important}.class-simulations-container .user-table th:nth-child(3),.class-simulations-container .user-table td:nth-child(3){width:16%;min-width:0;text-align:left!important}.class-simulations-container .user-table th:nth-child(4),.class-simulations-container .user-table td:nth-child(4){width:9%;text-align:center}.class-simulations-container .user-table th:nth-child(5),.class-simulations-container .user-table td:nth-child(5){width:9%;text-align:center}.class-simulations-container .user-table th:nth-child(6),.class-simulations-container .user-table td:nth-child(6){width:9%;text-align:center}.class-simulations-container .user-table th:nth-child(7),.class-simulations-container .user-table td:nth-child(7){width:9%;text-align:center}.class-simulations-container .user-table th:nth-child(8),.class-simulations-container .user-table td:nth-child(8){width:16%;text-align:center}.tab-button-class{padding:.5rem .25rem;font-weight:400;margin-top:.01rem;margin-bottom:1rem;border:1px solid #cbd5e1;border-radius:6px;background-color:#f9fafb;color:#374151;cursor:pointer;transition:background-color .2s ease}.tab-button{padding:.5rem 1.25rem;font-weight:600;border:1px solid #cbd5e1;border-radius:6px;background-color:#f9fafb;color:#374151;cursor:pointer;transition:background-color .2s ease}.tab-button.active{background-color:#e0e7ff;border-color:#a5b4fc;color:#1e40af}.tab-button:hover{background-color:#f3f4f6}.tab-header-wrapper{border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.tab-header{display:flex;gap:2rem;font-weight:100;font-size:1rem;color:#6b7280;position:relative}.fullwidth-tab-wrapper{display:flex;width:100%;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem}.fullwidth-tab{flex:1;text-align:center;padding:1rem 0;font-weight:600;font-size:1rem;cursor:pointer;color:#6b7280;position:relative;transition:color .3s ease}.fullwidth-tab:hover{background-color:#f9fafb}.fullwidth-tab.active{color:#6686cc;background-color:#fff;font-weight:700}.fullwidth-tab.active:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background-color:#6686cc;transition:all .3s ease}.fullwidth-tab:after{transition:width .3s ease}.fullwidth-tab:not(.active):hover{background-color:#f4f6fa;color:#6686cc}.fullwidth-tab.active:after{height:4px}.tab-slider-wrapper{width:100%;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.tab-slider-container{position:relative;display:flex;width:100%}.tab-slider-container:before{content:"";position:absolute;bottom:0;left:0;width:50%;height:3px;background-color:#6686cc;border-radius:4px 4px 0 0;transform:translate(0);transition:transform .3s ease;z-index:1}.tab-slider-container.unpublished:before{transform:translate(100%)}.tab-option{flex:1;text-align:center;padding:1rem 0;font-weight:600;font-size:1rem;cursor:pointer;color:#6b7280;z-index:2;transition:color .3s ease}.tab-slider-bar{position:absolute;bottom:0;left:0;height:3px;width:50%;background-color:#6686cc;border-radius:2px 2px 0 0;transition:transform .3s ease;z-index:1}.tab-slider-container{display:flex;position:relative;width:100%}.tab-option{flex:1;text-align:center;padding:1rem 0;font-weight:550;font-size:1rem;color:#6b7280;cursor:pointer;position:relative}.tab-option.active{color:#6686cc}.tab-slider-bar{position:absolute;bottom:0;left:0;width:50%;height:3px;background-color:#6686cc;border-radius:4px 4px 0 0;transition:transform 1s ease}.modal-input{padding:.6rem;font-size:.95rem;font-family:Montserrat,sans-serif;border:1px solid #d1d5db;border-radius:6px;width:100%;box-sizing:border-box}.upload-content textarea.modal-input{min-height:7.5rem}.modal-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.35rem}.modal-select{padding:.6rem;font-size:.9rem;font-family:Montserrat,sans-serif;border:1px solid #d1d5db;border-radius:6px;width:100%;box-sizing:border-box;background-color:#fff;color:#374151}.class-detail-container .modal-box .activate-btn{background-color:#6686cc;color:#fff}.class-detail-container .modal-box .activate-btn:hover{background-color:#4b61aa}.modal-box .cancel-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.class-detail-container .activate-btn{background-color:#6686cc;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.class-detail-container .activate-btn:hover{background-color:#4b61aa}.cd-edit-disabled{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:600;color:#9ca3af;background:#e5e7eb;cursor:not-allowed;position:relative}.cd-edit-disabled:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);right:0;background:#1f2937;color:#fff;font-size:.75rem;font-weight:400;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none}.cd-status-select{font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500;padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;color:#374151;cursor:pointer;transition:border-color .15s}.cd-status-select:focus{outline:none;border-color:#6686cc}.cd-status-btn{padding:5px 14px;border:1px solid #d1d5db;background:#f9fafb;border-radius:20px;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.cd-status-btn:hover:not(.cd-status-btn--current){background:#e5e7eb;color:#1f2937;border-color:#9ca3af;box-shadow:0 1px 3px #00000014}.cd-status-btn--current{cursor:default}.cd-status-btn--current.cd-status-btn--open{background:#86efac;color:#14532d;border-color:#4ade80}.cd-status-btn--current.cd-status-btn--closed{background:#fecaca;color:#991b1b;border-color:#fca5a5}.cd-status-btn--current.cd-status-btn--hidden{background:#6b7280;color:#fff;border-color:#4b5563}.class-detail-container .cancel-btn{background-color:#f3f4f6;color:#374151;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.class-detail-container .cancel-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.admin-users .card-actions .activate-btn,.admin-users .card-actions .edit-btn,.admin-users .card-actions .share-btn,.admin-users td .activate-btn,.admin-users td .edit-btn,.admin-users td .share-btn{color:#fff!important;padding:6px 12px!important;border-radius:6px!important;font-size:.85rem!important;font-weight:400!important;cursor:pointer!important;border:none!important;transition:background-color .2s ease;width:90px!important;height:30px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;flex:none!important;font-family:inherit!important;line-height:1!important}.activate-btn{background-color:#6686cc}.activate-btn:hover{background-color:#4b61aa}.edit-btn{background-color:#57c189}.edit-btn:hover{background-color:#4ade80}.delete-btn{background-color:#f28b82;color:#fff;padding:.4rem .75rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:70px}.delete-btn:hover{background-color:#ef4444}.share-btn{background-color:#6686cc;color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:400;cursor:pointer;border:none;transition:background-color .2s ease;width:90px;height:30px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;flex:none;font-family:inherit;line-height:1}.share-btn[data-shared=true]{background-color:#4b61aa;cursor:default}.share-btn[data-shared=true]:hover{background-color:#4b61aa}.share-btn:not([data-shared=true]):hover{background-color:#7c96ce}.switch,.switch-danger{position:relative;display:inline-block;width:42px;height:24px}.switch input,.switch-danger input{opacity:0;width:0;height:0}.slider,.slider-danger{position:absolute;cursor:pointer;border-radius:34px;top:0;left:0;right:0;bottom:0;transition:.3s}.slider{background-color:#d1d5db}input:checked+.slider{background-color:#4f46e5}.slider:before,.slider-danger:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.slider:before{transform:translate(18px)}.slider-danger{background-color:#fca5a5}.switch-danger input:checked+.slider-danger{background-color:#dc2626}.switch-danger input:checked+.slider-danger:before{transform:translate(18px)}.switch-label-text{margin-left:4px;font-size:.85rem;font-weight:500;color:#374151;vertical-align:middle}.switch-wrapper{display:flex;align-items:center;gap:.3rem}.react-select__control{min-height:44px;border-radius:6px;font-size:1rem}.react-select__multi-value,.react-select__multi-value__label{background-color:#6366f1;color:#fff}.react-select__control--is-focused{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.react-select__menu{z-index:10}.react-select__option{font-size:.95rem;padding:10px}.react-select__option--is-focused{background-color:#e0e7ff;color:#1e40af}.react-select-wrapper{margin-top:1rem;font-family:Montserrat,sans-serif}.repo-assignment-wrapper{display:flex;justify-content:center;padding-top:2rem;overflow-y:auto}.repo-assignment-card{background-color:#fff;padding:1.75rem 2rem;border-radius:12px;box-shadow:0 2px 8px #0000000a;max-width:900px;width:100%;display:flex;flex-direction:column;gap:.75rem}.preview-container{background-color:#f9fafb;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:8px;margin-top:.5rem}.preview-container h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.preview-container p{font-size:.95rem;color:#374151;margin-bottom:.4rem}.preview-box img{max-width:100%;margin-top:.5rem;border-radius:4px}.assignments-cards-wrapper{display:flex;flex-direction:column;gap:1rem}.assignment-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer;position:relative;min-height:140px;display:flex;flex-direction:column}.assignment-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.card-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4;flex:1}.card-date{color:#6b7280;font-size:.875rem;white-space:nowrap;font-weight:500}.card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;flex-grow:1}.card-detail{display:flex;justify-content:space-between;align-items:center}.detail-label{font-weight:600;color:#6b7280;font-size:.875rem}.detail-value{color:#374151;font-size:.875rem;text-align:right;flex:1;margin-left:1rem}.card-actions{display:flex;flex-direction:row;gap:.75rem;margin-top:auto;flex-wrap:nowrap;align-items:center;width:100%;justify-content:space-between}.card-actions .activate-btn,.card-actions .delete-btn,.card-actions .edit-btn,.card-actions .share-btn{flex:none!important;width:90px!important;display:inline-flex;min-width:90px!important;max-width:90px!important;flex-direction:row;align-items:center;justify-content:center}.assignments-empty-state{text-align:center;color:#6b7280;font-style:italic;padding:3rem 1rem}@media (max-width: 768px){.admin-users .assignments-container{padding:1rem}.admin-users .page-title{font-size:1.5rem;margin-bottom:1.5rem}.admin-users .assignment-card{padding:1.25rem;min-height:120px}.admin-users .assignment-card:hover{transform:none;box-shadow:0 4px 12px #00000014}.admin-users .card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-users .card-title{font-size:1rem}.admin-users .card-date{font-size:.8rem}.admin-users .card-actions{width:100%;flex-wrap:nowrap;display:flex}.admin-users .card-actions .activate-btn,.admin-users .card-actions .delete-btn,.admin-users .card-actions .edit-btn,.admin-users .card-actions .share-btn{flex:1;width:auto;justify-content:center;min-height:44px;white-space:nowrap;display:inline-flex}}@media (max-width: 480px){.admin-users .assignments-container{padding:.75rem}.admin-users .page-title{font-size:1.25rem;text-align:center}.admin-users .assignment-card{padding:1rem;border-radius:8px;min-height:100px}.admin-users .assignment-card:hover{transform:none;box-shadow:0 3px 10px #0000000f}.admin-users .card-title{font-size:.95rem}.admin-users .assignment-card .card-actions{display:flex;flex-direction:row;flex-wrap:nowrap}.admin-users .assignment-card .card-actions .activate-btn,.admin-users .assignment-card .card-actions .delete-btn,.admin-users .assignment-card .card-actions .edit-btn,.admin-users .assignment-card .card-actions .share-btn{flex:1;width:auto;display:inline-block;font-size:.8rem;padding:.5rem .25rem}}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-badge.published{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.draft{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-badge.archived{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.sim-row-desc{font-size:.78rem;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.sim-char-version{margin-left:.35rem;font-size:.68rem;font-weight:600;color:#6686cc}.view-btn{background-color:#3b82f6;color:#fff;padding:.25rem .5rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:50px}.overview-box{margin-top:0;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden;background:#fff}.overview-box .user-table{table-layout:fixed}.overview-box .user-table th{width:30%!important;min-width:unset!important;white-space:nowrap}.overview-box .user-table td{width:70%!important;min-width:unset!important}.class-simulations-container{position:relative;margin-top:0}.draggable-table .draggable-row{cursor:grab;transition:background-color .2s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.draggable-table .draggable-row:active{cursor:grabbing}.draggable-table .draggable-row.dragging{opacity:.5;background-color:#e0e7ff}.drag-handle{text-align:center;vertical-align:middle;padding:.75rem .5rem!important;-webkit-user-select:none;user-select:none}.drag-icon{font-weight:700;color:#6b7280;cursor:grab;margin-right:.5rem;display:inline-block;transform:rotate(90deg)}.order-number{color:#374151;font-weight:600;font-size:.875rem}.draggable-row:hover .drag-icon{color:#4b5563}.class-simulations-container .user-table th:nth-child(1),.class-simulations-container .user-table td:nth-child(1){min-width:120px;width:5%}.class-simulations-container .user-table th:nth-child(2),.class-simulations-container .user-table td:nth-child(2){padding-left:2rem}.class-simulations-container .user-table th:nth-child(3),.class-simulations-container .user-table td:nth-child(3){text-align:center!important;width:20%}.add-simulation-section{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding:1rem 0}.add-simulation-btn{background-color:#57c189;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.add-simulation-btn:hover:not(:disabled){background-color:#4ade80}.add-simulation-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.add-learner-btn{background-color:#d1fae5;color:#065f46;padding:.75rem 1.5rem;border:1px solid #6ee7b7;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.add-learner-btn:hover:not(:disabled){background-color:#a7f3d0}.add-learner-btn:disabled{background-color:#e5e7eb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}.add-sim-config{display:flex;gap:1rem;margin-bottom:1rem}.add-sim-config-field{flex:1;display:flex;flex-direction:column;gap:.35rem}.add-sim-config-field label{font-size:.8rem;font-weight:600;color:#374151}.add-simulation-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.simulation-list{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin:1rem 0;background-color:#f9fafb}.simulation-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .2s ease}.simulation-item:last-child{margin-bottom:0}.simulation-item:hover{border-color:#d1d5db}.simulation-info{flex:1}.simulation-info h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1f2937}.simulation-info p{margin:0 0 .5rem;font-size:.875rem;color:#6b7280}.simulation-meta{margin:.75rem 0;padding:.75rem;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.simulation-meta p{margin:.25rem 0;font-size:.8rem;color:#475569}.simulation-meta strong{color:#374151;font-weight:600}.simulation-features{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.feature-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid}.feature-badge.has-feature{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.feature-badge.missing-feature{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.empty-state{text-align:center;color:#6b7280;font-style:italic;padding:2rem;background-color:#fff;border-radius:8px;border:1px solid #e5e7eb}.simulation-detail-modal{max-width:800px;width:90vw;max-height:90vh;overflow-y:auto}.simulation-detail-info{background-color:#f9fafb;padding:1rem;border-radius:8px;margin:1rem 0}.simulation-detail-info p{margin:.5rem 0;font-size:.875rem}.simulation-detail-info strong{color:#374151;font-weight:600}.simulation-actions{display:flex;justify-content:center;margin:1.5rem 0}.start-simulation-btn{background-color:#57c189;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.start-simulation-btn:hover{background-color:#047857}.groups-section{border-top:1px solid #e5e7eb;padding-top:1.5rem;margin-top:1.5rem}.groups-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.create-group-btn{background-color:#57c189;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.create-group-btn:hover{background-color:#4ade80}.groups-list{display:flex;flex-direction:column;gap:.75rem}.group-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .2s ease}.group-item:hover{border-color:#d1d5db}.group-info{flex:1}.group-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.group-info p{margin:0 0 .5rem;font-size:.875rem;color:#6b7280}.group-learners-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.learners-table-wrapper{margin:1rem 0;max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.status-badge.completed{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.in_progress{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-badge.not_started{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.status-badge.active{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.status-badge.inactive{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.group-selection-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.group-selection-list{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin:1rem 0;background-color:#f9fafb}.group-selection-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .2s ease}.group-selection-item:last-child{margin-bottom:0}.group-selection-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.learner-assignment-modal{max-width:650px;width:90vw;max-height:80vh;overflow-y:auto}.learner-assignment-list{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin:1rem 0;background-color:#f9fafb}.learner-assignment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .2s ease}.learner-assignment-item:last-child{margin-bottom:0}.learner-assignment-item:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.learner-info{flex:1}.learner-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.learner-info p{margin:0 0 .5rem;font-size:.875rem;color:#6b7280}.run-btn{background-color:#57c189;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.run-btn:hover{background-color:#4ade80}.assessment-modal{max-width:900px;width:95vw;max-height:90vh;overflow-y:auto}.assessment-header{background-color:#f3f4f6;padding:1rem;border-radius:8px;margin:1rem 0}.assessment-header p{margin:.25rem 0;font-size:.875rem}.assessment-content{margin:1rem 0}.assessment-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.assessment-section:last-child{border-bottom:none;margin-bottom:0}.assessment-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.assessment-card{display:flex;gap:1.5rem;padding:1.5rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.score-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;padding:1rem;background-color:#fff;border-radius:8px;border:2px solid #e5e7eb}.score{font-size:2rem;font-weight:700;color:#059669;margin:0}.score-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.feedback{flex:1}.feedback p{margin:.5rem 0;font-size:.875rem;line-height:1.5}.completed-time{font-size:.75rem!important;color:#6b7280!important;margin-top:1rem!important}.transcript-container{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;padding:1rem}.transcript-message{margin-bottom:1rem;padding:.75rem;border-radius:8px;border:1px solid transparent}.transcript-message.learner{background-color:#eff6ff;border-color:#dbeafe;margin-left:2rem}.transcript-message.chatbot{background-color:#f0fdf4;border-color:#dcfce7;margin-right:2rem}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.speaker{font-weight:600;font-size:.875rem}.transcript-message.learner .speaker{color:#1e40af}.transcript-message.chatbot .speaker{color:#166534}.timestamp{font-size:.75rem;color:#6b7280}.message-content{font-size:.875rem;line-height:1.5;color:#374151}.no-attempt-message{text-align:center;padding:2rem}.no-attempt-message .empty-state h3{color:#6b7280;margin-bottom:1rem}.no-attempt-message .empty-state p{color:#6b7280;margin:.5rem 0;line-height:1.5}.group-summary-card{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1.5rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0}.group-summary-info{flex:1}.group-summary-info h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.group-members-list{display:flex;flex-direction:column;gap:.75rem}.member-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px}.member-name{font-weight:500;color:#374151}.group-actions{display:flex;flex-direction:column;justify-content:center}.run-btn.primary{background-color:#3b82f6;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.run-btn.primary:hover{background-color:#5a7bc4}.individual-assessments-list{display:flex;flex-direction:column;gap:1rem}.individual-assessments-list .assessment-card{margin-bottom:0}.individual-assessments-list .score-label{font-size:.875rem;font-weight:600;color:#374151}.simulation-title{display:flex;flex-direction:column;gap:.25rem}.simulation-description{font-size:.8rem;color:#6b7280;font-style:italic;margin-top:.25rem}.simulation-description-cell{font-size:.875rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.class-simulations-container .group-count,.class-simulations-container .learner-count,.class-detail-container .group-count,.class-detail-container .learner-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important;height:24px!important;background-color:#e0e7ff!important;color:#1e40af!important;border-radius:12px!important;font-size:.75rem!important;font-weight:600!important;padding:.25rem .5rem!important}.user-table td:last-child{text-align:center!important;vertical-align:middle!important;padding:.75rem .5rem!important}.user-table th:last-child{text-align:center!important}.create-group-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.learners-selection{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;background-color:#f9fafb}.learner-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:.5rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.learner-checkbox:hover{background-color:#e5e7eb}.learner-checkbox input[type=checkbox]{margin:0}.learner-name{font-weight:500;color:#374151}.learner-email{font-size:.875rem;color:#6b7280}.import-learners-btn{background-color:#6686cc;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.import-learners-btn:hover{background-color:#4b61aa}.edit-class-btn{background-color:#6686cc;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.edit-class-btn:hover{background-color:#5a7bc4}.import-learners-modal{max-width:550px;width:90vw;max-height:80vh;overflow-y:auto}.file-upload-area{position:relative;width:100%}.file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;cursor:pointer;transition:all .3s ease;min-height:120px}.file-upload-label:hover{border-color:#6686cc;background-color:#f0f4ff}.upload-icon{font-size:2.5rem;margin-bottom:.5rem}.upload-text{font-size:.95rem;font-weight:500;color:#374151;margin-bottom:.25rem;text-align:center}.upload-hint{font-size:.8rem;color:#6b7280;text-align:center}.import-info{background-color:#f9fafb;padding:1rem;border-radius:6px;border:1px solid #e5e7eb;margin-top:1rem}.import-info p{margin:0 0 .5rem;font-size:.875rem;color:#374151}.import-info ul{margin:.5rem 0 0;padding-left:1.5rem}.import-info li{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.button-row{display:flex;gap:1rem;margin-top:2rem}.form-label{color:#6b7280;font-size:.9rem;margin-bottom:.25rem;display:block;margin-top:.25rem}.section-heading{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.upload-modal{max-width:560px;width:90vw;padding:0;max-height:90vh;display:flex;flex-direction:column}.upload-modal .upload-content{overflow-y:auto;flex:1}.upload-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid #e5e7eb}.upload-modal .modal-header h2{margin:0;font-size:1.2rem;font-weight:700;color:#1f2937;text-decoration:none;border-bottom:none}.upload-modal .close-btn{background:none;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.upload-modal .close-btn:hover{color:#374151}.upload-content{padding:1rem 1.25rem}.upload-modal .modal-actions{padding:.75rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.upload-sample-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.upload-modal .upload-sample-header .upload-sample-label{margin:0}.upload-modal .upload-template-btn{display:inline-flex;align-items:center;gap:.35rem;background:#eef1fb;border:1px solid #6686cc;color:#6686cc;font-size:.75rem;font-weight:600;cursor:pointer;padding:.25rem .6rem;border-radius:5px;white-space:nowrap}.upload-modal .upload-template-btn:hover{background:#6686cc;color:#fff}.upload-modal .modal-actions .cancel-btn,.upload-modal .modal-actions .upload-confirm-btn,.upload-modal .modal-actions .activate-btn{padding:.5rem 1rem;font-size:.875rem;text-align:center}.upload-spec-rows{margin-bottom:1rem}.upload-spec-row{display:flex;align-items:center;padding:8px 0;border-bottom:.5px solid rgba(0,0,0,.07);gap:12px}.upload-spec-row-last{border-bottom:none}.upload-spec-label{font-size:12px;color:#4b5563;width:70px;flex-shrink:0;font-weight:500}.upload-spec-value{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.upload-spec-plain{font-size:12.5px;color:#374151}.upload-pill{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:#eef0fa;color:#6686cc}.upload-col-tag{font-size:11px;font-family:monospace;padding:2px 7px;border-radius:5px;background:#f3f4f6;color:#374151}.upload-col-optional{color:#6b7280}.upload-sample{background:#f9fafb;border-radius:8px;padding:14px 18px;margin-bottom:1.25rem}.upload-sample-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-weight:600}.upload-sample-table{width:100%;font-size:11.5px;border-collapse:collapse;font-family:monospace}.upload-sample-table th{text-align:left;padding:3px 10px 5px 0;color:#374151;font-weight:600;border-bottom:.5px solid rgba(0,0,0,.1)}.upload-col-optional-head{color:#6b7280;font-style:italic;font-weight:500!important}.upload-sample-table td{padding:4px 10px 4px 0;color:#1f2937}.upload-cell-empty{color:#9ca3af}.upload-drop-zone{border:1.5px dashed #adb5c8;border-radius:10px;padding:24px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:.75rem;color:#6b7280}.upload-drop-zone:hover,.upload-drop-zone.drag-over{border-color:#6686cc;background:#f0f2fb;color:#6686cc}.upload-drop-zone.upload-drop-has-file{border-color:#6686cc;background:#f0f2fb}.upload-drop-zone.upload-drop-loading{cursor:default;border-color:#a5b4fc;background:#f5f6fe}.upload-drop-icon{display:block;margin:0 auto 8px}.upload-drop-primary{font-size:13px;color:#374151;font-weight:500;margin:0 0 3px}.upload-drop-secondary{font-size:12px;color:#6b7280;margin:0}.upload-drop-link{color:#6686cc;cursor:pointer}.upload-drop-filename{font-size:13px;font-weight:500;color:#6686cc;margin:0}.upload-description{margin-bottom:.6rem;color:#6b7280;font-size:.8rem;line-height:1.4}.upload-preview{display:flex;flex-direction:column;gap:10px;margin-bottom:.5rem}.upload-preview-page{max-width:760px;margin:2rem auto;padding:0 1.25rem}.upload-preview-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.upload-preview-page-back{background:none;border:none;color:#6686cc;font-size:.875rem;font-weight:600;cursor:pointer;padding:0;white-space:nowrap}.upload-preview-page-back:hover{color:#4b61aa}.upload-preview-page-back:disabled{opacity:.5;cursor:not-allowed}.upload-preview-page-title h2{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.upload-preview-page-filename{font-size:.8rem;color:#6b7280}.upload-preview-page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.upload-file-card{display:flex;align-items:center;gap:.75rem;background:#eef1fb;border:1px solid #c7d0f0;border-radius:8px;padding:.65rem .9rem;margin-bottom:.75rem}.upload-file-card-remove{flex-shrink:0;background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.85rem;padding:.1rem .3rem;border-radius:4px;line-height:1}.upload-preview-header{display:flex;align-items:center;justify-content:space-between}.upload-preview-filename{font-size:13px;font-weight:500;color:#374151}.upload-preview-change{font-size:12px;color:#6686cc;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.upload-preview-change:hover{color:#4b61aa}.upload-preview-stats{display:flex;gap:6px;flex-wrap:wrap}.upload-stat{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px}.upload-stat-new{background:#dcfce7;color:#166534}.upload-stat-existing{background:#eef0fa;color:#6686cc}.upload-stat-dupe{background:#fef9c3;color:#854d0e}.upload-stat-error,.upload-stat-not_enrollable{background:#fee2e2;color:#991b1b}.upload-stat-already_enrolled{background:#f3f4f6;color:#9ca3af}.upload-stat-needs_name{background:#fef3c7;color:#92400e}.upload-stat-parse_error{background:#ffedd5;color:#c2410c}.upload-preview-table-wrap{max-height:240px;overflow-y:auto;border:.5px solid rgba(0,0,0,.1);border-radius:8px}.upload-preview-table{width:100%;border-collapse:collapse;font-size:12.5px}.upload-preview-table thead{position:sticky;top:0;background:#f9fafb;z-index:1}.upload-preview-table th{padding:8px 10px;text-align:left;font-weight:600;color:#374151;border-bottom:.5px solid rgba(0,0,0,.1)}.upload-preview-table td{padding:7px 10px;color:#1f2937;border-bottom:.5px solid rgba(0,0,0,.05)}.upload-preview-row-already_enrolled td,.upload-preview-row-not_enrollable td,.upload-preview-row-needs_name td,.upload-preview-row-parse_error td{color:#9ca3af}.upload-preview-email{font-family:monospace;font-size:12px}.upload-preview-muted{color:#6b7280;font-family:monospace;font-size:12px}.upload-status-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.upload-status-new{background:#dcfce7;color:#166534}.upload-status-existing{background:#eef0fa;color:#6686cc}.upload-status-already_enrolled{background:#f3f4f6;color:#9ca3af}.upload-status-error,.upload-status-not_enrollable{background:#fee2e2;color:#991b1b}.upload-status-needs_name{background:#fef3c7;color:#92400e}.upload-status-parse_error{background:#ffedd5;color:#c2410c}.upload-preview-rejected-wrap{margin-top:1.25rem;border:none!important;border-radius:0}.upload-preview-rejected-label{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem}.upload-preview-errors{font-size:12px;color:#b91c1c;margin:0}.upload-confirm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;padding:7px 18px;border-radius:8px;border:none;background:#6686cc;color:#fff;cursor:pointer;transition:background .15s}.upload-confirm-btn:hover:not(:disabled){background:#4b61aa}.upload-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner-sm{width:14px;height:14px;border-width:2px}.file-upload-section{display:flex;flex-direction:column;gap:1.5rem}.upload-instructions{background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.upload-instructions h4{margin:0 0 .5rem;color:#374151;font-size:.9rem;font-weight:600}.upload-instructions ul{margin:.5rem 0;padding-left:1.2rem}.upload-instructions li{margin:.25rem 0;color:#6b7280;font-size:.85rem}.sample-csv{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.sample-csv h5{margin:0 0 .5rem;color:#374151;font-size:.85rem;font-weight:600}.sample-csv pre{background:#1f2937;color:#f9fafb;padding:.75rem;border-radius:4px;font-size:.75rem;overflow-x:auto;margin:0;font-family:Courier New,monospace}.file-input-section{display:flex;flex-direction:column;gap:1rem}.file-upload-wrapper{position:relative;display:inline-block}.file-upload-wrapper input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;position:relative}.file-upload-button:before{content:"";display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.file-upload-button:hover{background-color:#4b61aa}.file-upload-button:disabled{opacity:.6;cursor:not-allowed}.file-name-display{margin-left:.5rem;color:#6b7280;font-size:.9rem;font-style:italic}.upload-options{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.upload-options .checkbox-wrapper{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.upload-options .custom-checkbox{position:relative;display:inline-block;width:18px;height:18px}.upload-options .custom-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.upload-options .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease;cursor:pointer}.upload-options .custom-checkbox:hover .checkmark{border-color:#6686cc;background-color:#f8fafc}.upload-options .custom-checkbox input:checked~.checkmark{background-color:#6686cc;border-color:#6686cc}.upload-options .checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.upload-options .custom-checkbox input:checked~.checkmark:after{display:block}.upload-options .checkbox-label{font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;line-height:1.4;margin:0}.uploading-status{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.uploading-status p{margin:0;color:#0369a1;font-weight:500}.loading-spinner{width:24px;height:24px;border:2px solid #bae6fd;border-top:2px solid #0369a1;border-radius:50%;animation:spin 1s linear infinite}.upload-results{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:1rem}.upload-results h4{margin:0 0 1rem;color:#166534;font-size:1rem;font-weight:600}.results-summary p{margin:.25rem 0;color:#166534;font-size:.9rem}.results-summary p:last-child{margin-bottom:0}@media (min-width: 1921px){.class-detail-container{max-width:min(1800px,90vw);padding:2.5rem}.class-simulations-container .user-table th,.class-simulations-container .user-table td{padding:1rem 1.25rem;font-size:1rem}.view-btn,.add-simulation-btn{padding:.65rem 1.25rem;font-size:.95rem}}@media (min-width: 1200px) and (max-width: 1920px){.class-detail-container{max-width:min(1400px,92vw);padding:2rem}}@media (min-width: 641px) and (max-width: 1199px){.class-detail-container{max-width:95vw;padding:1.5rem}.page-title{font-size:1.5rem}.class-simulations-container .user-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.class-simulations-container .user-table{min-width:900px}.class-simulations-container .user-table th,.class-simulations-container .user-table td{padding:.65rem .75rem;font-size:.85rem}.view-btn{padding:.35rem .65rem;font-size:.75rem}.add-simulation-btn{padding:.65rem 1.25rem;font-size:.85rem}}@media (max-width: 640px){.class-detail-container{max-width:100%;padding:1rem}.page-title{font-size:1.25rem;text-align:center}.tab-button-class{padding:.75rem 1rem;font-size:.9rem}.class-simulations-container .user-table-wrapper{overflow-x:visible}.class-simulations-container .user-table thead{display:none}.class-simulations-container .user-table,.class-simulations-container .user-table tbody{display:block;width:100%}.class-simulations-container .user-table tbody tr{display:block;margin-bottom:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a;cursor:default}.class-simulations-container .user-table tbody tr:hover{background-color:#fff;box-shadow:0 4px 6px #0000001a}.class-simulations-container .user-table tbody tr.empty-row{text-align:center;padding:2rem 1rem;border:none;box-shadow:none}.class-simulations-container .user-table td{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #f3f4f6;text-align:right}.class-simulations-container .user-table td:last-child{border-bottom:none;padding-top:1rem;justify-content:center}.class-simulations-container .user-table td:before{content:attr(data-label);font-weight:600;color:#6b7280;text-align:left;flex:0 0 40%;padding-right:1rem}.class-simulations-container .user-table td:last-child:before{content:none}.class-simulations-container .draggable-row{cursor:default!important}.class-simulations-container .drag-handle{display:flex;justify-content:space-between;align-items:center}.class-simulations-container .drag-icon{display:none}.class-simulations-container .order-number{font-size:.875rem}.simulation-description-cell{-webkit-line-clamp:3;max-width:100%}.view-btn{width:100%;padding:.75rem 1rem;font-size:.875rem}.add-simulation-section{justify-content:center;padding:.75rem 0}.add-simulation-btn{width:100%;justify-content:center;padding:.75rem 1.25rem;font-size:.875rem}.modal-box{width:95vw;padding:1.5rem}.add-simulation-modal{width:95vw}}@media (max-width: 480px){.class-detail-container{padding:.75rem}.page-title{font-size:1.125rem}.class-simulations-container .user-table tbody tr{padding:.75rem}.class-simulations-container .user-table td{font-size:.85rem}.class-simulations-container .user-table td:before{font-size:.8rem;flex:0 0 35%}.view-btn{padding:.65rem .85rem;font-size:.8rem}.add-simulation-btn{padding:.65rem 1rem;font-size:.8rem}.modal-box{width:98vw;padding:1rem}.simulation-info h4{font-size:.95rem}.simulation-info p{font-size:.8rem}}.user-table-wrapper,.learners-table-wrapper{width:100%;background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden}.class-simulations-container .sim-row-actions-cell{text-align:center}.class-simulations-container .sim-row-actions{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:nowrap;width:100%}.sim-row-edit-btns{display:flex;flex-direction:column;align-items:stretch;gap:.3rem}.sim-pencil-xs{padding:.2rem .5rem;font-size:.72rem;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#374151;cursor:pointer;white-space:nowrap}.sim-pencil-xs:hover{background:#f3f4f6}.sim-delete-xs{padding:.2rem .5rem;font-size:.72rem;border:1px solid #fca5a5;border-radius:5px;background:#fff;color:#b91c1c;cursor:pointer;white-space:nowrap}.sim-delete-xs:hover{background:#fee2e2}.sim-save-xs{padding:.2rem .55rem;font-size:.72rem;border:none;border-radius:5px;background:#166534;color:#fff;cursor:pointer;white-space:nowrap}.sim-cancel-xs{padding:.2rem .5rem;font-size:.72rem;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#374151;cursor:pointer;white-space:nowrap}.sim-vis-select{border:none;outline:none;font-size:.72rem;font-weight:600;background:transparent;color:#374151;cursor:pointer;padding:.2rem .6rem;border-radius:999px}.class-simulations-container .sim-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:4px;background:transparent;color:#6b7280;cursor:pointer;flex-shrink:0;padding:0}.class-simulations-container .sim-icon-btn:hover{background:#f3f4f6;color:#111827}.class-simulations-container .sim-icon-btn--danger{color:#b91c1c}.class-simulations-container .sim-icon-btn--danger:hover{background:#fee2e2;color:#991b1b}.class-simulations-container .sim-icon-btn:disabled{opacity:.4;cursor:not-allowed}.sim-attempt-input{width:56px;padding:.2rem .35rem;border:1.5px solid #6686cc;border-radius:5px;font-family:inherit;font-size:.85rem;font-weight:600;color:#374151}.edit-groups-btn{padding:.35rem .9rem;background:#f3f4f6;color:#374151;border:1.5px solid #d1d5db;border-radius:7px;font-size:.85rem;font-weight:600;cursor:pointer}.edit-groups-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.edit-groups-btn:disabled{opacity:.45;cursor:not-allowed}.edit-groups-btn--active{background:#eef0fb;color:#3d4fa8;border-color:#6686cc}.edit-groups-btn--active:hover:not(:disabled){background:#e2e5f8}.edit-groups-locked-note{font-size:.78rem;color:#6b7280;margin-left:.5rem}.edit-groups-panel{margin-top:1rem;padding:.75rem;background:#f8f9fb;border:1.5px solid #d1d5db;border-radius:8px}.edit-groups-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.75rem 0;min-height:40px}.edit-groups-empty{color:#9ca3af;font-size:.85rem;margin:.5rem 0}.edit-groups-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;background:#f8f9fb;border-radius:7px;border:1px solid #e5e7eb}.edit-groups-name{flex:1;font-size:.9rem;font-weight:500;color:#111827}.edit-groups-count{font-size:.78rem;color:#9ca3af;margin-right:.25rem}.edit-groups-add-to-btn{font-size:.78rem;color:#fff;background:#4f62c0;border:none;border-radius:4px;cursor:pointer;padding:.1rem .45rem;font-weight:600}.edit-groups-add-to-btn:hover{background:#3d4fa8}.edit-groups-rename-btn{font-size:.78rem;color:#6686cc;background:none;border:1px solid #c7d0f0;cursor:pointer;padding:.1rem .45rem;border-radius:4px}.edit-groups-rename-btn:hover{background:#eef0fb;border-color:#6686cc}.edit-groups-delete-btn{font-size:.78rem;color:#b91c1c;background:none;border:none;cursor:pointer;padding:.1rem .3rem;border-radius:4px;text-decoration:underline;text-underline-offset:2px}.edit-groups-delete-btn:hover{color:#7f1d1d}.edit-groups-rename-input{flex:1;font-size:.88rem;font-family:inherit;border:1.5px solid #6686cc;border-radius:5px;padding:.2rem .4rem;outline:none}.edit-groups-save-btn{font-size:.78rem;font-weight:600;color:#fff;background:#4f62c0;border:none;border-radius:5px;padding:.2rem .55rem;cursor:pointer}.edit-groups-save-btn:hover{background:#3d4fa8}.edit-groups-cancel-btn{font-size:.78rem;color:#6b7280;background:none;border:none;cursor:pointer;padding:.2rem .4rem}.edit-groups-add-row{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb;margin-top:.25rem}.edit-groups-new-input{flex:1;font-size:.88rem;font-family:inherit;border:1.5px solid #d1d5db;border-radius:6px;padding:.3rem .5rem;outline:none}.edit-groups-new-input:focus{border-color:#6686cc}.edit-groups-add-btn{padding:.3rem .8rem;background:#4f62c0;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer}.edit-groups-add-btn:hover:not(:disabled){background:#3d4fa8}.edit-groups-add-btn:disabled{opacity:.4;cursor:not-allowed}.group-assign-bar{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:1rem;padding:.6rem .75rem;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:8px}.group-assign-label{font-size:.82rem;color:#6b7280}.group-assign-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.group-new-input{font-size:.85rem;font-family:inherit;border:1.5px solid #d1d5db;border-radius:5px;padding:.2rem .5rem;color:#374151;background:#fff;outline:none;width:180px}.group-new-input:focus{border-color:#6686cc}.group-new-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.group-assign-btn{padding:.25rem .9rem;background:#4f62c0;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer}.group-assign-btn:hover:not(:disabled){background:#3d4fa8}.group-assign-btn:disabled{opacity:.45;cursor:not-allowed}.group-cell-tag{display:inline-flex;align-items:center;gap:.3rem;background:#eef0fb;color:#3d4fa8;border-radius:5px;padding:.15rem .4rem;font-size:.82rem;font-weight:500}.group-cell-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.95rem;line-height:1;padding:0;margin-left:.1rem}.group-cell-remove:hover{color:#b91c1c}.group-cell-text{display:inline-block;color:#6b7280}.group-cell-editable{cursor:pointer;color:#374151;border-bottom:1px dashed #9ca3af}.group-cell-editable:hover{color:#4f62c0;border-bottom-color:#4f62c0}.group-inline-select{font-size:.85rem;font-family:inherit;border:1.5px solid #6686cc;border-radius:5px;padding:.15rem .3rem;color:#374151;background:#fff;outline:none;max-width:180px}.admin-users{max-width:min(1400px,95vw);font-family:Montserrat,sans-serif;padding:1.5rem;margin:0 auto;width:100%}.status-tab{padding:6px 14px;border:none;background:transparent;border-radius:7px;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:600;color:#6b7280;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}.status-tab-label{font-size:.82rem;font-weight:700;line-height:1}.status-tab--selected{background:#fff;color:#16a34a;box-shadow:0 1px 4px #0000001a}.status-tab--selected.status-tab--closed{color:#4b5563}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}@media (max-width: 640px){.card-grid{grid-template-columns:1fr;gap:1rem}}@media (min-width: 1921px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}}.class-card{background-color:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 2px 6px #0000000d;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer;position:relative;min-height:120px;display:flex;flex-direction:column}.class-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.class-card h2{font-size:1.1rem;margin-bottom:.5rem;color:#1f2937;margin-top:0;line-height:1.3}.class-card p{font-size:.95rem;color:#666;margin-bottom:0;line-height:1.4;flex-grow:1}.learner-classes-container .card-status-pill{position:absolute;top:.85rem;right:.85rem;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;line-height:1}.learner-classes-container .card-status-pill--open{background:#86efac;color:#14532d}.learner-classes-container .card-status-pill--closed{background:#e5e7eb;color:#374151}.class-card--archived{opacity:.65;background-color:#f9fafb;border:1px dashed #d1d5db}.modal-box{background-color:#fff;border-radius:12px;padding:2rem;width:min(500px,90vw);max-width:90vw;box-shadow:0 5px 20px #00000026;z-index:1000;display:flex;flex-direction:column;gap:1rem}@media (max-width: 640px){.modal-box{padding:1.5rem;width:95vw}}.learner-classes-container .modal-box .activate-btn{background-color:#6686cc;color:#fff}.learner-classes-container .modal-box .activate-btn:hover{background-color:#5a7bc4}.learner-classes-container{max-width:min(1400px,95vw);margin:0 auto;padding:1.5rem;font-family:Montserrat,sans-serif;width:100%}@media (max-width: 640px){.learner-classes-container{padding:1rem}}@media (min-width: 1921px){.learner-classes-container{max-width:min(1800px,90vw);padding:2rem}}.top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media (max-width: 640px){.top-bar{flex-direction:column;align-items:flex-start}.filter-actions{width:100%;justify-content:space-between}}.page-title{font-size:1.5rem;font-weight:600;margin:0;line-height:1}.filter-actions{display:flex;align-items:center;gap:1rem}.learner-classes-container .activate-btn{background-color:#6686cc;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .18s;white-space:nowrap;min-height:40px}.learner-classes-container .activate-btn:hover{background-color:#5a7bc4}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.modal-error{font-size:.875rem;color:#991b1b;background-color:#fef2f2;border:1px solid #fca5a5;border-left:4px solid #dc2626;border-radius:6px;padding:.6rem .875rem;margin:0}.tab-button-class{display:flex;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.85rem;font-weight:400;margin-top:.01rem;margin-bottom:1rem;border:1px solid #cbd5e1;border-radius:6px;background-color:#f9fafb;color:#374151;cursor:pointer;transition:background-color .2s ease}.tab-button-class.active{background-color:#e0e7ff;border-color:#a5b4fc}.tab-button-class:hover{background-color:#f3f4f6}.learner-class-detail-container{max-width:1200px;margin:0 auto;font-family:Montserrat,sans-serif;padding:2rem;color:#1f2937}.lcd-header{background:#fff;border-radius:10px;padding:1.5rem 2rem 1.5rem 3rem;margin-bottom:1.5rem}.lcd-title{font-size:1.5rem;font-weight:600;margin:0}.lcd-description{color:#4b5563;font-size:1rem;margin:.4rem 0 0}.lcd-meta-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;color:#6b7280}.lcd-meta-label{font-weight:600;color:#374151;margin-right:.25rem}.lcd-meta-sep{color:#d1d5db}.lcd-error{color:#dc2626;font-size:.9rem;margin-top:.5rem}.lcd-section{margin-top:.5rem}.lcd-section-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.admin-users{max-width:1200px;margin:0 auto;font-family:Montserrat,sans-serif;padding:2rem;color:#1f2937}.user-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden}.user-table{width:100%;border-collapse:collapse;font-size:.95rem;background-color:#fff}.user-table th{text-align:left;background-color:#eaf2fb;color:#374151;font-weight:600;padding:.75rem 1rem;font-size:.9rem}.user-table tr:hover{background-color:#f9faff;transition:background-color .2s ease}.user-table th,.user-table td{vertical-align:middle;padding:.75rem 1rem;font-size:.9rem;color:#374151}.user-table td{border-top:1px solid #F3F4F6}.user-table a{color:#5a6e99;text-decoration:none}.user-table a:hover{color:#3a4a66;text-decoration:underline}.empty-row{text-align:center;color:#6b7280;font-style:italic;padding:2rem 1rem}.error-row{text-align:center;color:#dc2626;padding:2rem 1rem;background-color:#fef2f2}.archived-row{background-image:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#e5e7eb 10px,#e5e7eb 20px);opacity:.85}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:center;align-items:center}.modal-box{background-color:#fff;border-radius:12px;padding:2rem;width:500px;box-shadow:0 5px 20px #00000026;z-index:1000;display:flex;flex-direction:column;gap:1rem}.modal-input{padding:.6rem;font-size:.95rem;border:1px solid #d1d5db;border-radius:6px;width:100%;box-sizing:border-box}.modal-box button{padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;border:none}.modal-box button:hover{opacity:.9}.modal-box .activate-btn{background-color:#4f46e5;color:#fff}.modal-box .activate-btn:hover{background-color:#4338ca}.modal-box .cancel-btn{background-color:#e5e7eb;color:#374151}.page-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.margin-top{margin-top:1rem}.primary-link{color:#3b82f6;text-decoration:none}.primary-link:hover{text-decoration:underline}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.admin-users .activate-btn{background-color:#6686cc;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.admin-users .activate-btn:hover{background-color:#4b61aa}.admin-users .archive-btn{background-color:#f28b82;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.admin-users .archive-btn:hover{background-color:#ef4444}.simulation-title{color:#111827;font-weight:500}.simulation-description{color:#111827;font-weight:500;line-height:1.5}.character-name,.character-details,.published-date,.due-date,.assignment-group{color:#111827;font-weight:500}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;font-weight:500;border-radius:6px;text-transform:capitalize}.badge-success{background-color:#dcfce7;color:#111827;font-weight:500}.badge-gray{background-color:#f3f4f6;color:#111827;font-weight:500}.text-gray{color:#111827;font-weight:500}.lcd-simulations-container .user-table th:nth-child(1),.lcd-simulations-container .user-table td:nth-child(1){width:5%;text-align:center;color:#9ca3af}.lcd-simulations-container .user-table th:nth-child(2),.lcd-simulations-container .user-table td:nth-child(2){width:28%;text-align:left}.lcd-simulations-container .user-table th:nth-child(3),.lcd-simulations-container .user-table td:nth-child(3){width:17%}.lcd-simulations-container .user-table th:nth-child(4),.lcd-simulations-container .user-table td:nth-child(4){width:12%}.lcd-simulations-container .user-table th:nth-child(5),.lcd-simulations-container .user-table td:nth-child(5){width:13%}.lcd-simulations-container .user-table th:nth-child(6),.lcd-simulations-container .user-table td:nth-child(6){width:14%;text-align:center}.sim-order-cell{font-size:.85rem;font-weight:500}.sim-row-clickable{cursor:pointer}.sim-status-pill{display:inline-block;padding:.2rem .6rem;font-size:.72rem;font-weight:600;border-radius:999px;white-space:nowrap}.sim-status-pill.s-open{background:#dcfce7;color:#166534}.sim-status-pill.s-closed{background:#fecaca;color:#991b1b}.sim-status-pill.s-hidden{background:#f3f4f6;color:#374151}.sim-title-link{color:inherit;cursor:pointer;font-weight:500}.sim-title-link:hover{text-decoration:underline}.sim-row-desc{font-size:.78rem;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.sim-row-actions-cell{text-align:right}.sim-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}.sim-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.sim-icon-btn:hover{background:#f3f4f6;color:#111827}.btn-work{background-color:#6686cc;color:#fff;padding:.5rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-work:hover{background-color:#4b61aa}.overview-box{border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden;background:#fff}.user-table-wrapper{width:100%;background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden}.sim-overview-container{max-width:min(1300px,95vw);margin:0 auto;padding:1.5rem;font-family:Montserrat,sans-serif}.sim-overview-loading,.sim-overview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;color:#9ca3af;font-size:.9rem}.sim-overview-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:#fff;padding:1.2rem 1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f}.sim-overview-back{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.83rem;font-weight:500;cursor:pointer;margin-bottom:.75rem;font-family:inherit}.sim-overview-back:hover{background:#e5e7eb}.sim-overview-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0 0 .4rem;line-height:1.2}.sim-overview-draft-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;line-height:1;cursor:pointer;transition:filter .15s}.sim-overview-draft-badge:hover{filter:brightness(.92)}.sim-overview-draft-badge.is-active{background:#86efac;color:#14532d}.sim-overview-draft-badge.is-archived{background:#e5e7eb;color:#374151}.sim-overview-tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem}.sim-overview-tab{padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;color:#9ca3af;cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-family:inherit;transition:color .15s}.sim-overview-tab:hover{color:#374151}.sim-overview-tab.active{color:#6686cc;border-bottom-color:#6686cc}.sim-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:7px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:background .15s}.sim-btn-primary{background:#6686cc;color:#fff}.sim-btn-primary:hover{background:#5a7bc4}.sim-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.sim-btn-secondary:hover{background:#f3f4f6}.sim-btn-sm{padding:.35rem .75rem;font-size:.8rem}.sim-btn:disabled{opacity:.6;cursor:not-allowed}.sim-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.4rem;box-shadow:0 1px 3px #0000000f}.sim-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid #e5e7eb}.sim-card-header h2{font-size:1rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.sim-private-tag{font-size:.72rem;font-weight:500;color:#9ca3af}.sim-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 900px){.sim-grid-2{grid-template-columns:1fr}}.sim-col{display:flex;flex-direction:column;gap:1.5rem}.sim-section-label{font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.sim-section-text{font-size:.88rem;color:#4b5563;line-height:1.65;white-space:pre-line;margin:0}.sim-empty{font-size:.85rem;color:#d1d5db;font-style:italic}.sim-patient-header{display:flex;gap:1.25rem;align-items:flex-start}.sim-photo-wrap{width:72px;height:72px;border-radius:10px;overflow:hidden;flex-shrink:0}.sim-photo{width:72px;height:72px;object-fit:cover;border-radius:10px}.sim-photo-placeholder{width:72px;height:72px;background:#e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:#9ca3af}.sim-patient-name{font-size:1.15rem;font-weight:700;color:#111827;margin:0 0 .2rem}.sim-patient-sub{font-size:.87rem;color:#6b7280;margin:0 0 .2rem}.sim-patient-cond{font-size:.87rem;color:#dc2626;font-weight:600;margin:0}.sim-patient-body{margin-top:1.1rem;padding-top:1rem;border-top:1px solid #f3f4f6;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 700px){.sim-patient-body{grid-template-columns:1fr}}.sim-patient-tab{display:flex;flex-direction:column;gap:1.5rem}.sim-view-toggle-row{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.sim-view-toggle-label{font-size:.8rem;font-weight:600;color:#6b7280}.sim-toggle-group{display:inline-flex;border:1px solid #e5e7eb;border-radius:7px;overflow:hidden;background:#f9fafb}.sim-toggle-btn{padding:.28rem .85rem;font-size:.78rem;font-weight:600;border:none;background:none;cursor:pointer;color:#9ca3af;font-family:inherit;border-right:1px solid #e5e7eb;transition:background .12s,color .12s}.sim-toggle-btn:last-child{border-right:none}.sim-toggle-btn.active{background:#6686cc;color:#fff}.sim-lv-edit-btn{display:inline-flex;align-items:center;gap:.3rem;background:none;border:1px solid #d1d5db;border-radius:6px;padding:.28rem .75rem;font-size:.78rem;font-weight:600;color:#6686cc;cursor:pointer;font-family:inherit}.sim-lv-edit-btn:hover{background:#f0f4ff;border-color:#6686cc}.sim-lv-edit-bar{display:flex;align-items:center;gap:.4rem;background:#f0f4ff;border:1.5px dashed #6686cc;border-radius:8px;padding:.5rem .9rem;font-size:.78rem;font-weight:600;color:#6686cc}.sim-lv-section{border-radius:8px;padding:.4rem .5rem;transition:opacity .15s,background .12s;position:relative}.sim-lv-section.lv-hidden{opacity:.35}.sim-lv-section.lv-editable{cursor:pointer}.sim-lv-section.lv-editable:hover{background:#f3f4f6;opacity:1}.sim-lv-section.lv-editable.lv-hidden:hover{background:#f0f4ff}.lv-eye-icon{position:absolute;top:.35rem;right:.35rem;color:#9ca3af;line-height:1}.sim-prebrief-card{background:#f0f4ff;border:1px solid #c7d6f7;border-radius:10px;padding:1rem 1.2rem}.sim-prebrief-header{margin-bottom:.35rem}.sim-prebrief-label{font-size:.7rem;font-weight:700;color:#6686cc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.sim-prebrief-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.sim-prebrief-text{font-size:.88rem;color:#374151;line-height:1.6;margin:0;flex:1}.sim-notes-text{font-size:.88rem;color:#4b5563;line-height:1.65;white-space:pre-line;margin:0}.sim-notes-area{width:100%;min-height:80px;border:1px solid #e5e7eb;border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:.87rem;color:#374151;resize:vertical;background:#fafafa}.sim-notes-area:focus{outline:2px solid #6686cc;border-color:transparent}.sim-notes-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.6rem}.sim-pencil-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:#9ca3af;font-size:.78rem;font-weight:600;cursor:pointer;padding:.2rem .4rem;border-radius:5px;font-family:inherit;flex-shrink:0}.sim-pencil-btn:hover{color:#6686cc;background:#f0f4ff}.sim-overview-assessment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}.sim-start-results-header{display:flex;gap:1.5rem;padding:.75rem 0 1rem}.sim-start-results-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.sim-start-results-stat-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.sim-start-results-stat-value{font-size:1rem;font-weight:600;color:#1f2937}.sim-overview-assessment-empty{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.88rem}.cl-item{display:flex;gap:.75rem;padding:.6rem 0;border-bottom:1px solid #f3f4f6}.cl-item:last-child{border-bottom:none}.cl-box{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;margin-top:2px}.cl-cat{font-size:.72rem;font-weight:700;color:#6686cc;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.1rem}.cl-desc{font-size:.87rem;color:#374151}.req-badge{display:inline-block;margin-left:.4rem;padding:.08rem .35rem;background:#fee2e2;color:#b91c1c;border-radius:4px;font-size:.68rem;font-weight:700}.rb-item{padding:.7rem 0;border-bottom:1px solid #f3f4f6}.rb-item:last-child{border-bottom:none}.rb-name{font-size:.9rem;font-weight:700;color:#6686cc;margin-bottom:.15rem}.rb-desc{font-size:.83rem;color:#6b7280;margin-bottom:.35rem}.rb-scales{display:flex;gap:.35rem;flex-wrap:wrap}.scale-chip{padding:.12rem .45rem;border-radius:4px;font-size:.72rem;font-weight:600;background:#f0f4ff;color:#6686cc;border:1px solid #c7d6f7}.rb-scale-list{list-style:none;padding:0;margin:.35rem 0 0;display:flex;flex-direction:column;gap:.2rem}.rb-scale-item{display:flex;gap:.5rem;font-size:.83rem;color:#4b5563}.rb-scale-score{font-weight:700;color:#374151;white-space:nowrap}.rb-scale-desc{color:#4b5563}.sim-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.sim-modal{background:#fff;border-radius:12px;width:min(460px,95vw);box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column}.sim-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem .8rem;border-bottom:1px solid #e5e7eb}.sim-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:#111827}.sim-modal-close{background:none;border:none;font-size:1rem;color:#9ca3af;cursor:pointer;padding:.2rem .4rem;border-radius:4px}.sim-modal-close:hover{color:#374151;background:#f3f4f6}.sim-modal-body{padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:1rem}.sim-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.8rem 1.4rem 1.1rem;border-top:1px solid #e5e7eb}.sim-modal-field{display:flex;flex-direction:column;gap:.35rem}.sim-modal-label{font-size:.78rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.03em}.sim-modal-select{padding:.45rem .7rem;border:1px solid #d1d5db;border-radius:7px;font-family:inherit;font-size:.87rem;color:#374151;background:#fff}.sim-modal-body .sim-seg-bar{width:100%}.sim-seg-btn.s-mode-online{background:#dbeafe;color:#1e40af}.sim-seg-btn.s-mode-offline{background:#f3f4f6;color:#6b7280}.sim-modal-body .sim-seg-btn{flex:1;padding:.45rem .65rem;font-size:.87rem;text-align:center}.sim-modal-select:focus{outline:2px solid #6686cc;border-color:transparent}.sim-modal-error{font-size:.82rem;color:#dc2626;margin:0}.sim-modal-loading,.sim-modal-empty{padding:2rem 1.4rem;text-align:center;color:#9ca3af;font-size:.87rem}.sim-seg-btn:disabled{opacity:.4;cursor:not-allowed}.sim-class-mgmt{display:flex;flex-direction:column;gap:1rem}.sim-class-mgmt-header{display:flex;justify-content:space-between;align-items:center}.sim-class-mgmt-header h3{font-size:1rem;font-weight:700;color:#111827;margin:0}.sim-class-empty{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.88rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.sim-class-table{width:100%;border-collapse:collapse;font-size:.87rem}.sim-class-table thead th{text-align:left;padding:.55rem .85rem;font-size:.8rem;font-weight:600;color:#374151;background:#eaf2fb}.sim-class-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.sim-class-table tbody tr:last-child{border-bottom:none}.sim-class-table tbody tr:hover{background:#f9faff}.sim-class-table tbody tr.sim-row-editing{background:#f0f4ff}.sim-class-table td{padding:.7rem .85rem;vertical-align:middle}.sim-class-name-cell{font-weight:600;color:#111827}.sim-seg-bar{display:inline-flex;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;background:#f9fafb}.sim-seg-btn{padding:.22rem .65rem;font-size:.75rem;font-weight:600;border:none;background:none;cursor:pointer;color:#9ca3af;font-family:inherit;border-right:1px solid #e5e7eb;transition:background .12s,color .12s}.sim-seg-btn:last-child{border-right:none}.sim-seg-btn:hover{background:#f3f4f6;color:#374151}.sim-seg-btn.s-active{background:#dcfce7;color:#166534}.sim-seg-btn.s-archived{background:#fee2e2;color:#b91c1c}.sim-seg-btn.s-open{background:#dcfce7;color:#166534}.sim-seg-btn.s-closed{background:#fecaca;color:#991b1b}.sim-seg-btn.s-hidden{background:#f3f4f6;color:#374151}.sim-seg-bar.locked .sim-seg-btn{pointer-events:none}.sim-seg-bar.locked .sim-seg-btn:not(.s-active):not(.s-archived):not(.s-open):not(.s-closed):not(.s-hidden){opacity:.4}.sim-attempt-display{font-weight:600;color:#374151;white-space:nowrap}.sim-attempt-input{width:60px;padding:.2rem .35rem;border:1.5px solid #6686cc;border-radius:5px;font-family:inherit;font-size:.85rem;font-weight:600;color:#374151}.sim-attempt-input:focus{outline:none}.sim-row-actions-cell{white-space:nowrap}.sim-row-edit-btns{display:inline-flex;gap:.3rem;align-items:center}.sim-pencil-xs{background:none;border:none;color:#9ca3af;font-size:.78rem;font-weight:600;cursor:pointer;padding:.18rem .45rem;border-radius:4px;font-family:inherit}.sim-pencil-xs:hover{color:#6686cc;background:#f0f4ff}.sim-save-xs{background:#6686cc;color:#fff;border:none;border-radius:5px;padding:.18rem .5rem;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit}.sim-save-xs:disabled{opacity:.6;cursor:not-allowed}.sim-cancel-xs{background:none;border:1px solid #d1d5db;color:#6b7280;border-radius:5px;padding:.18rem .5rem;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit}.sim-cancel-xs:hover{background:#f3f4f6}.sim-results-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid #f0f0f0;min-height:3rem}.sim-group-header-row td{padding:.45rem .85rem;background:#f8fafc}.sim-row-selected td{background:#f0f4ff}.sim-group-name-input{border:1px solid #d1d5db;border-radius:6px;padding:.3rem .6rem;font-size:.82rem;font-family:inherit;color:#111827;outline:none;width:180px}.sim-group-name-input:focus{border-color:#6686cc}.mode-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.lsd-offline-note{font-size:.9rem;color:#6b7280;margin:0}.sim-prebrief-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}.sim-prebrief-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#3b82f6;margin-bottom:.4rem}.sim-prebrief-text{margin:0;color:#1e40af;font-size:.9rem;line-height:1.5}.lsd-attempts-list{display:flex;flex-direction:column;gap:10px}.lsd-attempt-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:8px;gap:12px}.lsd-attempt-left{display:flex;align-items:center;gap:10px;color:#64748b}.lsd-attempt-left div{display:flex;flex-direction:column;gap:2px}.lsd-attempt-label{font-size:13px;font-weight:600;color:#101111}.lsd-attempt-date{font-size:11px;color:#64748b}.lsd-attempt-right{display:flex;align-items:center;gap:12px}.lsd-attempt-score{font-size:14px;font-weight:700}.lsd-start-wrap{display:flex;justify-content:flex-end;margin-top:.5rem}.lsd-attempt-counter{font-size:.75rem;color:#6b7280}.lsd-offline-banner{display:flex;flex-direction:column;gap:.15rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem}.lsd-offline-title{font-size:.875rem;font-weight:700;color:#111827}.lsd-offline-sub{font-size:.8rem;color:#6b7280}.agent-starter-exact-ui{position:fixed;top:0;left:0;right:0;bottom:0;background:#f1f5f9;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.disconnect-banner{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:.6rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #0003}.disconnect-banner-reconnect{margin-left:auto;background:#ffffff40;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .7rem;border-radius:5px;cursor:pointer}.disconnect-banner-reconnect:hover{background:#ffffff59}.ui-top-strip{flex-shrink:0;background:#374151;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-top-label{font-size:12px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;min-width:80px}.ui-mic-status{display:flex;align-items:center;gap:8px;padding:5px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:background .15s}.ui-mic-status:hover:not(:disabled){background:#ffffff2e}.ui-mic-status.muted{background:#ef444433;border-color:#ef444480;color:#fca5a5}.ui-mic-status:disabled{opacity:.6;cursor:not-allowed}.ui-mic-waves{display:flex;gap:2px;align-items:center;height:14px}.ui-wave{width:2px;border-radius:1px;background:#34d399;height:4px}.ui-mic-status:not(.muted) .ui-wave:nth-child(1){height:5px;animation:uiWaveAnim .6s ease-in-out 0s infinite alternate}.ui-mic-status:not(.muted) .ui-wave:nth-child(2){height:11px;animation:uiWaveAnim .6s ease-in-out .1s infinite alternate}.ui-mic-status:not(.muted) .ui-wave:nth-child(3){height:7px;animation:uiWaveAnim .6s ease-in-out .2s infinite alternate}.ui-mic-status.muted .ui-wave{background:#f87171;animation:none;height:4px!important}.ui-mic-status-text{font-size:13px}.ui-top-right{min-width:80px}.ui-main{display:flex;flex:1;gap:12px;padding:24px 20px;min-height:0;align-items:stretch}.ui-character-side{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:6px}.ui-character-wrap{position:relative;width:100%;max-width:480px;aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #00000024;background:linear-gradient(160deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center}.ui-character-img{width:100%;height:100%;object-fit:cover;display:block}.ui-character-nameplate{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-right-side{flex:1;display:flex;align-items:center;justify-content:flex-start;padding-left:6px}.ui-camera-wrap{width:100%;max-width:480px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:#111827;border-radius:16px;overflow:hidden}.ui-camera-feed{width:100%;height:100%;object-fit:cover}.ui-camera-feed video{width:100%!important;height:100%!important;object-fit:cover}.ui-camera-off{color:#6b7280;font-size:13px}.ui-transcript-side{width:100%;max-width:480px;aspect-ratio:3/4;border-radius:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 6px #0000000d;display:flex;flex-direction:column;overflow:hidden;min-height:0}.ui-transcript-header{padding:11px 16px;border-bottom:1px solid #f1f5f9;background:#fafafa;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.ui-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.ui-messages-empty{text-align:center;color:#9ca3af;font-style:italic;padding:40px 20px;font-size:13px}.ui-msg{display:flex}.ui-msg.user{justify-content:flex-end}.ui-msg.agent{justify-content:flex-start}.ui-bubble{max-width:78%;padding:9px 13px;border-radius:12px;font-size:13.5px;line-height:1.55}.ui-msg.user .ui-bubble{background:#dbeafe;color:#1e40af;border-bottom-right-radius:4px}.ui-msg.agent .ui-bubble{background:#f3f4f6;color:#374151;border-bottom-left-radius:4px}.ui-messages::-webkit-scrollbar{width:6px}.ui-messages::-webkit-scrollbar-track{background:transparent}.ui-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ui-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ui-control-bar{flex-shrink:0;padding:12px 24px 20px;background:#fff;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:8px}.ui-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;color:#6b7280;transition:all .15s}.ui-icon-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.ui-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ui-icon-btn.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.ui-finish-btn{padding:9px 22px;border:none;border-radius:10px;background:#ef4444;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;margin-left:8px}.ui-finish-btn:hover:not(:disabled){background:#dc2626}.ui-finish-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes uiWaveAnim{0%{transform:scaleY(1)}to{transform:scaleY(2.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes micWavePulse{0%{height:12px}to{height:20px}}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.error-content{background:#fff;padding:24px;border-radius:12px;text-align:center;max-width:400px;margin:20px}.error-content p{color:#dc2626;margin-bottom:16px}.error-content button{background:#f28b82;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.error-content button:hover{background:#ef4444}.work-simulation-container{max-width:min(1400px,95vw);margin:0 auto;padding:1.5rem;font-family:Montserrat,sans-serif;width:100%;min-height:100vh}@media (max-width: 640px){.work-simulation-container{padding:1rem}}.work-simulation-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;position:relative;z-index:5}.back-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;width:fit-content}.back-btn:hover{background-color:#e5e7eb}.simulation-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.work-simulation-content{position:relative;width:100%;min-height:calc(100vh - 120px);z-index:10}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:.5rem;color:#6b7280;font-size:1.1rem}.mode-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.mode-badge.online{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.mode-badge.offline{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.assessment-results-container{max-width:min(1400px,95vw);margin:0 auto;padding:1.5rem;font-family:Montserrat,sans-serif;width:100%;min-height:100vh}@media (max-width: 640px){.assessment-results-container{padding:1rem}}.assessment-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:.5rem}.error-container h2{color:#dc2626;margin-bottom:.25rem}.error-container p{color:#6b7280;margin-bottom:.75rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:.75rem;color:#6b7280}.activate-btn{background-color:#6686cc;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.activate-btn:hover{background-color:#5a7bc4}.back-btn-assessment{display:inline-flex;align-items:center;gap:.5rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;width:fit-content}.back-btn-assessment:hover{background-color:#e5e7eb}.download-report-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.download-report-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.assessment-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.overall-score{display:flex;flex-direction:column;align-items:center;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-top:1rem}.score-display{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.score-icon{width:24px;height:24px}.score-value{font-size:2rem;font-weight:700}.score-label{font-size:.9rem;color:#6b7280;font-weight:500}.attempts-section{margin-bottom:1.5rem}.attempts-section h2{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.attempts-list{display:flex;flex-wrap:wrap;gap:.75rem}.prev-attempt-btn{display:flex;flex-direction:row;align-items:center;gap:6px;background:transparent;color:#4b5563;padding:5px 12px;border:1.5px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:border-color .15s ease,background .15s ease,color .15s ease}.prev-attempt-btn:hover{border-color:#6686cc;color:#6686cc}.prev-attempt-btn.active{background:#6686cc;border-color:#6686cc;color:#fff;font-weight:600}.prev-attempt-btn .attempt-num{font-size:13px;font-weight:600;line-height:1}.prev-attempt-btn .attempt-date{font-size:12px;opacity:.8}.spin{animation:spin 1s linear infinite}.grading-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:linear-gradient(135deg,#f0f4ff,#f9fafb);border:1px solid #c7d4f0;border-radius:12px;text-align:center;gap:0}.grading-pending-icon{width:56px;height:56px;color:#6686cc;margin-bottom:1.25rem}.grading-pending h3{font-size:1.2rem;font-weight:700;color:#1e3a8a;margin:0 0 .5rem;letter-spacing:-.01em}.grading-pending-sub{font-size:.92rem;color:#4b5563;margin:0 0 1.5rem;line-height:1.5}.grading-pending-dots{display:flex;gap:6px;align-items:center}.grading-pending-dots span{width:8px;height:8px;border-radius:50%;background-color:#6686cc;animation:dot-pulse 1.4s ease-in-out infinite}.grading-pending-dots span:nth-child(2){animation-delay:.2s}.grading-pending-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.transcript-tab{padding:1.5rem;min-height:400px}.transcript-completed-at{font-size:.8rem;color:#6b7280;margin:0 0 1rem;text-align:right;padding-right:10px}.assessment-tab{padding:2rem;min-height:400px}.transcript-section-assessment{display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;overflow:hidden;min-height:500px;max-height:70vh}.transcript-section-assessment .transcript-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.transcript-section-assessment .transcript-header h3{margin:0;font-size:18px;font-weight:600;color:#374151}.transcript-section-assessment .transcript-messages-container{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.transcript-section-assessment .transcript-empty-state{text-align:center;color:#6b7280;font-style:italic;padding:60px 20px}.transcript-section-assessment .transcript-message{display:flex;margin-bottom:0}.transcript-section-assessment .transcript-message.user{justify-content:flex-end}.transcript-section-assessment .transcript-message.agent{justify-content:flex-start}.transcript-section-assessment .transcript-message-content{max-width:75%;padding:12px 16px;border-radius:12px;position:relative}.transcript-section-assessment .transcript-message.user .transcript-message-content{background:#dbeafe;color:#1e40af;border-bottom-right-radius:4px}.transcript-section-assessment .transcript-message.agent .transcript-message-content{background:#f3f4f6;color:#374151;border-bottom-left-radius:4px}.transcript-section-assessment .transcript-speaker-label{font-size:12px;font-weight:600;margin-bottom:6px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.transcript-section-assessment .transcript-message-text{line-height:1.6;margin-bottom:4px;word-wrap:break-word}.transcript-section-assessment .transcript-message-time{font-size:11px;color:#9ca3af;opacity:.7}.transcript-section-assessment .transcript-messages-container::-webkit-scrollbar{width:8px}.transcript-section-assessment .transcript-messages-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.transcript-section-assessment .transcript-messages-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.transcript-section-assessment .transcript-messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.transcript-lines{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;max-height:65vh}.transcript-line{display:flex;gap:.5rem;font-size:.95rem;line-height:1.6;color:#111827}.agent-line{background-color:#f3f4f6}.transcript-colon{flex-shrink:0;color:#374151;font-weight:700}.transcript-speaker{font-weight:700;white-space:nowrap;min-width:110px;text-align:right;flex-shrink:0;color:#374151}.transcript-text{color:#1f2937}.assessment-section{margin-bottom:2rem}.assessment-section h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.overall-feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.overall-feedback-header h2{margin:0;border-bottom:none;padding-bottom:0}.rubric-items{display:flex;flex-direction:column;gap:1.5rem}.rubric-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.rubric-title{font-size:1.1rem;font-weight:600;color:#111827;margin:0}.rubric-score{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.rubric-description{font-size:.95rem;color:#6b7280;margin-bottom:1rem;line-height:1.5}.rubric-feedback{font-size:.95rem;color:#111827;line-height:1.5}.checklist-items{display:flex;flex-direction:column;gap:1rem}.checklist-category-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.checklist-category-header{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;padding-bottom:.3rem;border-bottom:1px solid #e5e7eb}.checklist-row{display:flex;flex-direction:column;gap:.35rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.85rem 1rem}.checklist-row-top{display:flex;align-items:center;gap:.6rem;font-weight:500;color:#111827}.checklist-row .checklist-feedback{font-size:.88rem;color:#6b7280;line-height:1.5;padding-left:1.75rem}.checklist-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.checklist-title{font-size:1rem;font-weight:600;color:#111827}.checklist-status{display:flex;align-items:center;gap:.5rem;font-weight:500}.status-icon{width:20px;height:20px}.status-icon.completed{color:#10b981}.status-icon.not-completed{color:#ef4444}.completed{color:#10b981}.not-completed{color:#ef4444}.checklist-feedback{font-size:.95rem;color:#6b7280;line-height:1.5}.overall-feedback{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1.5rem;font-size:1rem;line-height:1.6;color:#111827}.no-data{text-align:center;color:#9ca3af;font-style:italic;padding:2rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.loading-message,.error-message{display:flex;align-items:center;justify-content:center;height:50vh;font-size:1.1rem;color:#6b7280}.error-message{color:#ef4444}@media (max-width: 768px){.rubric-header,.checklist-header{flex-direction:column;align-items:flex-start;gap:.5rem}.rubric-score,.checklist-status{align-self:flex-end}.tab-content{padding:1rem}}.character-management{max-width:1200px;margin:0 auto;padding:2rem;font-family:Montserrat,sans-serif;color:#1f2937}.character-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.page-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.page-subtitle{color:#6b7280;margin:0;font-size:1rem}.header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem;flex-wrap:wrap!important;height:fit-content}.header-actions-btn-group{display:flex;gap:1rem;flex-shrink:0}.status-filter-tabs{display:flex;background:#f3f4f6;border-radius:10px;padding:4px;gap:2px}.status-tab{padding:6px 14px;border:none;background:transparent;border-radius:7px;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.status-tab-label{font-size:.82rem;font-weight:600;line-height:1;color:inherit}.status-tab-desc{font-size:.68rem;font-weight:400;color:#9ca3af;line-height:1}.status-tab--selected .status-tab-desc{color:inherit;opacity:.65}.status-tab:hover:not(.status-tab--selected){background:#e5e7eb;color:#374151}.status-tab--selected{background:#fff;color:#2563eb;box-shadow:0 1px 4px #0000001a}.status-tab--selected.status-tab--all{color:#1f2937}.status-tab--selected.status-tab--active,.status-tab--selected.status-tab--active .status-tab-label,.status-tab--selected.status-tab--published,.status-tab--selected.status-tab--published .status-tab-label{color:#16a34a}.status-tab--selected.status-tab--archived,.status-tab--selected.status-tab--archived .status-tab-label{color:#4b5563}.status-tab--selected.status-tab--draft,.status-tab--selected.status-tab--draft .status-tab-label,.status-tab--selected.status-tab--drafts,.status-tab--selected.status-tab--drafts .status-tab-label{color:#713f12}.archive-toggle{display:flex;align-items:center;gap:.75rem;white-space:nowrap;flex-shrink:0;height:fit-content}.manage-drafts-btn,.create-character-btn{white-space:nowrap;flex-shrink:0;align-self:center}.toggle-text{color:#6b7280;font-size:.9rem;font-weight:400}.toggle-label{color:#6b7280;font-size:.9rem;white-space:nowrap}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;-webkit-user-select:none;user-select:none}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:all .6s cubic-bezier(.23,1,.32,1);border-radius:28px;will-change:background-color}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:all .6s cubic-bezier(.23,1,.32,1);border-radius:50%;box-shadow:0 2px 8px #00000026;will-change:transform}input:checked+.slider{background-color:#6686cc}input:focus+.slider{outline:none;box-shadow:0 0 0 3px #6686cc4d}input:checked+.slider:before{transform:translate(22px)}.toggle-switch:hover .slider{background-color:#9ca3af;transform:scale(1.02)}.toggle-switch:hover input:checked+.slider{background-color:#57b;transform:scale(1.02)}.toggle-switch:active .slider{transform:scale(.98)}.toggle-switch:hover .slider:before{box-shadow:0 4px 12px #00000040}input:checked+.slider:hover:before{box-shadow:0 4px 12px #6686cc66}.create-character-btn{background-color:#6686cc;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;white-space:nowrap;min-height:40px}.create-character-btn:hover{background-color:#5a7bc4}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.character-grid.loading{opacity:.4;transform:translateY(10px);pointer-events:none}.character-management .character-grid .character-card,.character-grid>.character-card{position:relative;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e5e7eb;display:flex;flex-direction:column}.character-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.character-management .character-grid .character-card.card--dim.card--archived{opacity:.8;background:#e9eaec;border:1px solid #d1d5db}.character-card .card-status-pill{position:absolute;top:.85rem;right:.85rem;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;line-height:1}.character-card .card-status-pill--active{background:#86efac;color:#14532d}.character-card .card-status-pill--archived{background:#f3f4f6;color:#374151}.character-card .card-status-pill--draft{background:#fde047;color:#713f12}.character-card .card-status-pill--clickable{cursor:pointer;transition:filter .15s}.character-card .card-status-pill--clickable:hover{filter:brightness(.92)}.character-card .card-linked-popover-wrap{position:absolute;top:.75rem;left:.85rem;display:flex;align-items:center}.character-card .card-linked-btn{background:#f3f4f6;border:none;border-radius:50%;width:22px;height:22px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1f2937;font-size:13px}.character-card .card-linked-btn:hover{background:#e0e7ff;color:#6686cc}.character-card .card-linked-popover{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:180px;z-index:100;padding:.5rem 0}.character-card .card-linked-popover-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:.25rem .75rem .4rem;margin:0}.character-card .card-linked-popover-item{display:block;padding:.35rem .75rem;font-size:.82rem;color:#1f2937;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card .card-linked-popover-item:hover{background:#f3f4f6;color:#6686cc}.character-card .card-linked-sim-tag{margin-left:.4rem;font-size:.65rem;font-weight:600;text-transform:uppercase;border-radius:4px;padding:1px 5px}.character-card .card-linked-sim-tag--draft{color:#92400e;background:#fde68a}.character-card .card-linked-sim-tag--archived{color:#4b5563;background:#e5e7eb}.character-management .character-grid .character-card.draft-card,.character-grid>.character-card.draft-card{background:#eab30838;border:1px dashed #92400e;opacity:.6}.draft-avatar-icon{color:#9ca3af}.character-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;padding-top:1.5rem}.patient-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:60px;height:60px;border-radius:50%;overflow:hidden;background-color:#f3f4f6}.avatar-emoji{font-size:2rem;line-height:1}.avatar-icon{font-size:3rem;color:#6b7280}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.character-info{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:0}.character-name{font-size:.75rem;font-weight:600;color:#1f2937;margin:0!important;margin-bottom:.15rem!important;padding:0;line-height:1.2;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.character-version-badge{font-size:.65rem;font-weight:600;color:#6686cc;background:#eef0fb;border-radius:4px;padding:1px 5px;line-height:1.4;flex-shrink:0}.character-gender,.character-age{color:#6b7280;font-size:.9rem;margin:0!important;padding:0!important;line-height:1}.character-condition{margin-bottom:1.5rem}.condition-wrapper{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem}.condition-type{font-size:.85rem;font-weight:600;color:#6b7280}.condition-value{color:#374151;font-size:.9rem;font-weight:600}.character-management .card-status-actions{display:flex;gap:4px;margin-top:auto;justify-content:flex-end;padding-top:.35rem}.character-management .card-status-actions .card-edit-btn{margin-left:0}.character-management .card-status-actions .card-edit-btn--danger:hover{color:#dc2626;border-color:#fca5a5}.character-management .card-status-btn{padding:5px 14px;border:1px solid #d1d5db;background:#f9fafb;border-radius:20px;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.character-management .card-status-btn:hover:not(.card-status-btn--current):not(:disabled){background:#e5e7eb;color:#1f2937;border-color:#9ca3af;box-shadow:0 1px 3px #00000014}.character-management .card-status-btn:disabled{opacity:.5;cursor:not-allowed}.character-management .card-delete-btn{margin-left:auto;padding:5px 14px;border-radius:20px;font-size:.78rem}.draft-delete-btn{display:block;width:100%;margin-top:.75rem;padding:.35rem;background:none;border:none;font-size:.75rem;color:#f87171;cursor:pointer;text-align:center;transition:color .15s}.draft-delete-btn:hover{color:#ef4444}.view-btn,.edit-btn,.archive-btn,.unarchive-btn,.delete-btn,.create-btn{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;text-align:center;min-width:0;max-width:120px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.modal-actions .edit-btn,.modal-actions .cancel-btn,.modal-actions .create-btn{flex:none;min-width:auto;padding:.75rem 1.5rem}.view-btn{background-color:#6686cc;color:#fff;border:none}.view-btn:hover{background-color:#5a7bc4}.view-btn:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.edit-btn{background-color:#6686cc;color:#fff;border:none}.edit-btn:hover{background-color:#5a7bc4}.archive-btn{background-color:#f28b82;color:#fff;border:none}.archive-btn:hover:not(:disabled){background-color:#ef4444}.archive-btn:disabled{opacity:.6;cursor:not-allowed}.unarchive-btn{background-color:#57c189;color:#fff;border:none}.unarchive-btn:hover:not(:disabled){background-color:#4ade80}.unarchive-btn:disabled{opacity:.6;cursor:not-allowed}.delete-btn{background-color:#f28b82;color:#fff;border:none}.delete-btn:hover:not(:disabled){background-color:#ef4444}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.create-btn{background-color:#6686cc;color:#fff;flex:none;min-width:120px}.create-btn:hover:not(:disabled){background-color:#5a7bc4}.create-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.edit-character-btn{background-color:#6686cc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.edit-character-btn:hover:not(:disabled){background-color:#5a7bc4}.edit-character-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:center;align-items:center;padding:1rem}.modal-box{background:#fff;border-radius:12px;padding:2rem;width:min(800px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000026}.modal-box h3{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:#1f2937}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.modal-input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s ease;width:100%;box-sizing:border-box}.modal-input:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}textarea.modal-input{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.cancel-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.cancel-btn:hover{background-color:#e5e7eb}.view-content{display:flex;align-items:flex-start;gap:2rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.character-avatar-large{flex-shrink:0}.avatar-icon-large{font-size:5rem;color:#6b7280}.character-details-right{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:5rem}.basic-info{display:flex;flex-direction:column;gap:.5rem}.character-name-large{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.character-age-large{font-size:1rem;color:#6b7280;margin:0;font-weight:500}.additional-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.detail-row{margin-bottom:0;padding:1rem;background-color:#f8fafc;border-radius:8px;border-left:4px solid #6686cc}.detail-label{font-weight:600;color:#374151;font-size:1rem;display:block;margin-bottom:.75rem}.condition-highlight{background-color:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:12px;font-size:.9rem;font-weight:500;display:inline-block}.detail-description{color:#1f2937;line-height:1.6;margin:0;padding:.75rem;background-color:#f9fafb;border-radius:6px;border-left:4px solid #6686cc}.loading-state,.empty-state{text-align:center;color:#6b7280;font-style:italic;padding:3rem 1rem;grid-column:1 / -1}.loading-state{font-size:1.1rem}@media (max-width: 1024px){.character-management{padding:1.5rem}.page-title{font-size:1.75rem}.header-actions{gap:.75rem}.toggle-text{font-size:.85rem}.create-character-btn,.manage-drafts-btn{padding:.65rem 1rem;font-size:.85rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.character-management{padding:1rem}.character-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{flex-direction:row;flex-wrap:wrap;width:100%}.character-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.character-card{padding:1rem}.avatar-icon{font-size:2rem}.character-management .card-status-actions{flex-wrap:wrap}.draft-preview{flex-wrap:wrap;gap:.35rem}.draft-condition,.draft-age,.draft-gender{font-size:.7rem}.form-row{grid-template-columns:1fr;gap:.75rem}.modal-box{padding:1.5rem;margin:1rem}.modal-actions{flex-direction:column;gap:.75rem}.view-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.avatar-icon-large{font-size:4rem}.character-name-large{font-size:1.5rem}}.structured-content{margin-top:.5rem;padding:.75rem;background-color:#f9fafb;border-radius:6px;border-left:3px solid #6686cc;color:#374151}.structured-content.living-situation>div>div,.structured-content.history>div>div{margin-bottom:.5rem}.structured-content.living-situation>div>div:last-child,.structured-content.history>div>div:last-child{margin-bottom:0}.manage-drafts-btn{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap;min-height:40px}.manage-drafts-btn:hover{background-color:#e5e7eb}.modal-box{background:#fff;border-radius:8px;padding:2rem;width:min(800px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000001a;border:1px solid #e5e7eb}.modal-box h3{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:#1f2937;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.drafts-content{max-height:60vh;overflow-y:auto;margin:1rem 0}.drafts-list{display:flex;flex-direction:column;gap:1rem}.draft-item{border:1px solid #e5e7eb;border-radius:6px;padding:1rem;background-color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:border-color .2s ease}.draft-item:hover{border-color:#6686cc}.draft-info{flex:1;min-width:0}.draft-header{margin-bottom:.75rem}.draft-name{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;line-height:1.4}.draft-meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#6b7280;flex-wrap:wrap}.clock-icon{font-size:.8rem;color:#9ca3af}.expires{color:#f59e0b;font-weight:500;background-color:#fef3c7;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.draft-preview{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.age-info,.condition-preview,.source-doc{padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500;display:inline-block}.age-info{background-color:#dbeafe;color:#1e40af}.condition-preview{background-color:#fef3c7;color:#92400e}.source-doc{background-color:#f3e8ff;color:#7c3aed}.draft-condition,.draft-age,.draft-gender{padding:.2rem .55rem;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.character-card-notes{margin:.15rem 0 .35rem;font-size:.75rem;color:#9ca3af;font-style:italic;line-height:1.3;min-height:calc(.75rem * 1.3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.draft-condition{background-color:#d1fae5;color:#065f46}.draft-age{background-color:#dbeafe;color:#1e40af}.draft-gender{background-color:#ede9fe;color:#6d28d9}.draft-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;min-width:100px}.continue-btn{background-color:#6686cc;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-size:.85rem}.continue-btn:hover{background-color:#5a7bc4}.delete-draft-btn{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.delete-draft-btn:hover{background-color:#fee2e2;border-color:#f87171}.no-drafts{text-align:center;padding:2rem;color:#6b7280;background-color:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}.no-drafts p{margin:.5rem 0;font-size:.9rem;line-height:1.5}.no-drafts p:first-child{font-size:1rem;font-weight:500;color:#374151}@media (max-width: 768px){.draft-item{flex-direction:column;align-items:stretch}.draft-actions{flex-direction:row;justify-content:space-between}.manage-drafts-btn{font-size:.8rem;padding:.6rem .8rem}.draft-preview{flex-direction:row;flex-wrap:wrap;gap:.35rem}}@media (max-width: 480px){.character-management{padding:.75rem}.character-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}.modal-box{padding:1rem;margin:.5rem}.header-actions{flex-direction:column;gap:.75rem}.manage-drafts-btn{align-self:stretch;justify-content:center}}.dum-box{width:520px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;padding:0!important;font-family:Montserrat,sans-serif}.dum-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem .9rem;border-bottom:1px solid #E5E7EB;flex-shrink:0}.dum-header h2{margin:0;font-size:1rem;font-weight:700;color:#1e293b;font-family:Montserrat,sans-serif}.dum-box .mpm-dropzone{min-height:130px;padding:1.25rem}.mpm-doc-row.dum-doc-selected{border-color:#6686cc;background:#f0f4ff}.error-message.dum-error{margin-top:.75rem;padding:.4rem .6rem;font-size:.82rem}.upload-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.close-btn:hover{color:#374151}.upload-content{display:flex;flex-direction:column;gap:1rem}.upload-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.drop-zone{border:2px dashed #d1d5db;border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .3s ease;background-color:#f9fafb;cursor:pointer}.drop-zone.drag-over{border-color:#6686cc;background-color:#eff6ff;transform:scale(1.02)}.drop-zone.has-file{border-color:#6686cc;background-color:#f0f4ff;cursor:default}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{color:#9ca3af;opacity:.8;margin-bottom:.5rem}.drop-zone-content p{color:#6b7280;font-size:1rem;margin:0}.file-input{display:none}.file-input-label{background-color:#6686cc;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s ease;display:inline-block;margin-top:.5rem}.file-input-label:hover{background-color:#57b}.upload-file-card{display:flex;align-items:center;gap:.75rem;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:8px;padding:.65rem .9rem;margin-bottom:.75rem}.upload-file-card-icon{flex-shrink:0;display:flex;align-items:center}.upload-file-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.upload-file-card-name{font-size:.85rem;font-weight:600;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-card-size{font-size:.75rem;color:#6b7280}.upload-file-card-remove{flex-shrink:0;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1}.upload-file-card-remove:hover{background:#f3f4f6;color:#374151}.file-selected{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:#fff;border-radius:12px;border:1px solid #d1d5db;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.file-selected:hover{box-shadow:0 4px 12px #0000001a}.file-icon{color:#6b7280;display:flex;align-items:center;justify-content:center}.file-size{color:#6b7280;font-size:.85rem;margin:0}.remove-file{background-color:#f28b82;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s ease}.remove-file:hover:not(:disabled){background-color:#ef4444}.remove-file:disabled{opacity:.6;cursor:not-allowed}.supported-formats{background-color:#f3f4f6;padding:1rem;border-radius:8px;border-left:4px solid #6686cc}.supported-formats p{margin:.25rem 0;font-size:.85rem;color:#6b7280}.error-message{background-color:#fef2f2;color:#dc2626;padding:.75rem;border-radius:6px;border:1px solid #fecaca;font-size:.9rem}.upload-btn{background-color:#6686cc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.upload-btn:hover:not(:disabled){background-color:#4b61aa}.upload-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.step-icon .loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.processing-modal{max-width:650px}.processing-content{display:flex;flex-direction:column;gap:2rem;text-align:center}.processing-animation{display:flex;flex-direction:column;align-items:center;gap:1rem}.processing-icon{color:#6686cc;animation:spin 1s linear infinite}.processing-icon svg{display:block}.processing-dots{display:flex;gap:.5rem}.processing-dots span{width:8px;height:8px;border-radius:50%;background-color:#6686cc;animation:bounce 1.4s infinite ease-in-out both}.processing-dots span:nth-child(1){animation-delay:-.32s}.processing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.processing-info h3{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.processing-info p{margin:0;color:#6b7280;font-size:.95rem;line-height:1.5}.processing-steps{display:flex;flex-direction:column;gap:1rem;text-align:left;background-color:#f9fafb;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.step{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.step-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.step.completed,.step.completed .step-icon{color:#059669}.step.processing{color:#6686cc;font-weight:500}.step.processing .step-icon{color:#6686cc}.step.pending{color:#9ca3af}.step.pending .step-icon{color:#d1d5db}.next-btn{background-color:#6686cc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.next-btn:hover{background-color:#57b}.dum-fields-body{display:flex;flex-direction:column;gap:0}.dum-field-group{margin-bottom:1rem}.dum-field-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.4rem;font-family:Montserrat,sans-serif}.dum-fields-section{margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.dum-fields-section:first-of-type{border-top:none;padding-top:0}.dum-fields-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.dum-field-chip{display:inline-flex;align-items:center;gap:.3rem;background:#f0f4ff;border:1px solid #c5d1ec;border-radius:6px;padding:.3rem .5rem .3rem .65rem;font-size:.8rem;font-weight:500;color:#374151;font-family:Montserrat,sans-serif}.dum-field-chip--adhoc{background:#fafafa;border-color:#d1d5db;padding:.2rem .4rem}.dum-adhoc-input{border:none;background:transparent;font-size:.8rem;font-family:Montserrat,sans-serif;color:#374151;width:110px;outline:none;padding:0}.dum-adhoc-input::placeholder{color:#9ca3af}.dum-field-chip-remove{background:none;border:none;cursor:pointer;color:#9ca3af;padding:0;display:flex;align-items:center;line-height:1}.dum-field-chip-remove:hover{color:#dc2626}.dum-add-field-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px dashed #c5d1ec;border-radius:6px;padding:.35rem .75rem;color:#6686cc;font-weight:600;font-size:.8rem;cursor:pointer;font-family:Montserrat,sans-serif;margin-top:.75rem}.dum-add-field-btn:hover{background:#f0f4ff}.upload-template-btn{display:inline-flex;align-items:center;gap:.35rem;background:#eef1fb;border:1px solid #6686cc;color:#6686cc;font-size:.75rem;font-weight:600;cursor:pointer;padding:.25rem .6rem;border-radius:5px;white-space:nowrap}.upload-template-btn:hover{background:#6686cc;color:#fff}.mpm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.mpm-box{background:#fff;border-radius:12px;width:520px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 32px #00000026;font-family:Montserrat,sans-serif}.mpm-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem .9rem;border-bottom:1px solid #E5E7EB}.mpm-title{font-size:1rem;font-weight:700;color:#1e293b}.mpm-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.2rem;display:flex;align-items:center}.mpm-close:hover{color:#1e293b}.mpm-current{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;background:#f0f7ff;border-bottom:1px solid #dbeafe;font-size:.85rem}.mpm-current-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.mpm-current-icon{color:#6686cc;flex-shrink:0}.mpm-current-name{flex:1;color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpm-clear-btn{display:flex;align-items:center;gap:.3rem;background:none;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:.78rem;font-weight:500;padding:.25rem .6rem;cursor:pointer;font-family:Montserrat,sans-serif;flex-shrink:0}.mpm-clear-btn:hover{background:#fef2f2}.mpm-tabs{display:flex;width:100%;box-sizing:border-box;padding:.75rem 1.25rem 0;gap:.5rem;border-bottom:1px solid #E5E7EB}.mpm-tab{display:flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border:none;background:none;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:Montserrat,sans-serif;transition:color .15s}.mpm-tab:hover{color:#374151}.mpm-tab.active{color:#6686cc;border-bottom-color:#6686cc}.mpm-body{flex:1;overflow-y:auto;padding:1.1rem 1.25rem}.mpm-dropzone{border:2px dashed #93b4e8;border-radius:10px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;min-height:180px;display:flex;align-items:center;justify-content:center;background:#f0f5ff;width:100%;box-sizing:border-box}.mpm-dropzone:hover,.mpm-dropzone.drag-over{border-color:#6686cc;background:#f0f4ff}.mpm-dropzone.has-file{cursor:default;border-color:#6686cc;background:#f8faff}.mpm-dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}.mpm-drop-icon{color:#9ca3af}.mpm-dropzone-placeholder p{margin:0;font-size:.9rem}.mpm-browse{color:#6686cc;font-weight:600}.mpm-hint{font-size:.78rem!important;color:#9ca3af!important}.mpm-file-selected{display:flex;flex-direction:column;align-items:center;gap:.75rem}.mpm-preview-img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #E5E7EB}.mpm-file-icon{color:#6686cc}.mpm-filename{font-size:.875rem;font-weight:500;color:#374151;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpm-change-btn{background:none;border:1px solid #CBD5E1;border-radius:6px;font-size:.8rem;padding:.25rem .75rem;cursor:pointer;color:#374151;font-family:Montserrat,sans-serif}.mpm-change-btn:hover{background:#f3f4f6}.mpm-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.mpm-image-tile{background:none;border:2px solid transparent;border-radius:8px;padding:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .15s}.mpm-image-tile:hover{border-color:#6686cc}.mpm-tile-img{width:100%;aspect-ratio:1;object-fit:cover}.mpm-tile-label{position:absolute;bottom:0;left:0;right:0;font-size:.72rem;font-weight:500;color:#fff;padding:.3rem .4rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(transparent,#000000a6)}.mpm-doc-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;height:180px;overflow-y:auto;width:100%;box-sizing:border-box}.doc-attach-section{margin-top:.75rem;border-top:1px solid #e5e7eb;padding-top:.25rem}.doc-attach-tabs{display:flex;align-items:center;gap:.25rem}.doc-attach-hint{margin-left:auto;font-size:.75rem;color:#9ca3af}.doc-attach-file-row{display:flex;align-items:center;padding:.4rem 0}.doc-picker-panel{margin-top:.5rem;border:1px solid #e5e7eb;border-radius:8px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding:.5rem;background:#fff}.mpm-doc-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border:1px solid #E5E7EB;border-radius:8px;background:#fafafa;cursor:pointer;text-align:left;font-family:Montserrat,sans-serif;transition:border-color .15s,background .15s}.mpm-doc-row:hover{border-color:#6686cc;background:#f0f4ff}.mpm-doc-icon{color:#6686cc;flex-shrink:0}.mpm-doc-info{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.mpm-doc-name{font-size:.875rem;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpm-doc-meta{font-size:.75rem;color:#9ca3af}.mpm-loading,.mpm-empty{text-align:center;padding:2.5rem;color:#9ca3af;font-size:.875rem}.mpm-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:.85rem 1.25rem;border-top:1px solid #E5E7EB}.mpm-btn{padding:.5rem 1.1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;font-family:Montserrat,sans-serif;border:none;transition:background-color .2s}.mpm-btn--cancel{background:#f3f4f6;color:#374151;border:1px solid #CBD5E1}.mpm-btn--cancel:hover{background:#e5e7eb}.mpm-btn--confirm{background:#6686cc;color:#fff}.mpm-btn--confirm:hover:not(:disabled){background:#4b61aa}.mpm-btn--confirm:disabled{opacity:.45;cursor:not-allowed}.voice-select-container{margin-bottom:1rem}.voice-select-container .form-label{display:flex;align-items:center;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.voice-select-container .form-label.required:after{content:" *";color:#dc2626}.voice-select{width:100%}.voice-select__control{min-height:48px;max-height:48px;height:48px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;transition:border-color .2s ease}.voice-select__control:hover{border-color:#9ca3af}.voice-select__control--is-focused{border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.voice-select__control--is-disabled{background-color:#f9fafb;border-color:#e5e7eb}.voice-select__value-container{padding:0 12px;display:flex;align-items:center;height:100%}.voice-select__input-container{margin:0;padding:0}.voice-select__placeholder{color:#9ca3af;font-size:.9rem}.voice-select__single-value{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;height:100%!important;width:100%!important;position:static!important;top:auto!important;transform:none!important}.voice-select__indicator-separator{background-color:#e5e7eb}.voice-select__dropdown-indicator,.voice-select__clear-indicator{color:#6b7280;padding:8px}.voice-select__menu{border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;margin-top:4px}.voice-select__menu-list{padding:4px 0}.voice-select__option{padding:0;background-color:#fff;color:#374151}.voice-select__option:hover,.voice-select__option--is-focused{background-color:#f8fafc}.voice-select__option--is-selected{background-color:#eff6ff;color:#1e40af}.voice-option{padding:12px;cursor:pointer;border-bottom:1px solid #f3f4f6}.voice-option:last-child{border-bottom:none}.voice-option-content{display:flex;justify-content:space-between;align-items:center}.voice-info{display:flex;flex-direction:column;gap:2px}.voice-name{font-weight:400;color:#1f2937;font-size:.9rem}.voice-id{font-size:.75rem;color:#6b7280;font-family:monospace}.voice-actions{display:flex;align-items:center;gap:8px}.play-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.play-button:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.play-button:active{background-color:#e5e7eb}.no-sample{font-size:.75rem;color:#9ca3af;font-style:italic}.voice-selected{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0;margin:0}.voice-selected .voice-info{flex:1;min-width:0;display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;padding:0;margin:0;height:100%}.voice-selected .voice-name{font-weight:500;color:#1f2937;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;padding:0;margin:0}.voice-selected .voice-id{font-size:.7rem;color:#9ca3af;font-family:monospace;white-space:nowrap;flex-shrink:0}.voice-selected .voice-actions{flex-shrink:0;margin-left:8px}.voice-selected .play-button{width:28px;height:28px}.audio-error{margin-top:.5rem;padding:.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.8rem}.voice-help-text{margin-top:.5rem;font-size:.8rem;color:#6b7280;font-style:italic}.voice-select__loading-indicator{color:#6b7280}.voice-select__control--is-disabled .voice-selected{opacity:.6}.voice-select__control--is-disabled .play-button{opacity:.5;cursor:not-allowed}.voice-select__control--is-disabled .play-button:hover{background-color:#fff;border-color:#d1d5db;color:#6b7280}.create-character-page{min-height:100vh;background-color:#f8fafc;padding:2rem}.wizard-content{padding:2rem;min-height:500px}.wizard-step{max-width:700px;margin:0 auto}.wizard-step h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1f2937}.step-subtitle{margin:0 0 2rem;color:#6b7280;font-size:1rem;line-height:1.5}.form-group{margin-bottom:2.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:.75rem;font-weight:500;color:#374151;font-size:.9rem}.form-label.required:after{content:" *";color:#dc2626;margin-left:.25rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.form-textarea{resize:vertical;min-height:100px}.form-textarea.large-textarea{min-height:200px}.char-counter{text-align:right;font-size:.8rem;color:#6b7280;margin-top:.5rem}.upload-attachment-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.6rem .75rem;border:1px dashed #d1d5db;border-radius:6px;width:100%;box-sizing:border-box;flex-wrap:wrap}.upload-attachment-label{font-size:.82rem;color:#6b7280;margin-right:auto}.supported-formats-inline{font-size:.78rem;color:#9ca3af;margin-left:auto}.form-error{color:#dc2626;font-size:.8rem;margin-top:.5rem}.form-helper{color:#6b7280;font-size:.85rem;margin-bottom:.75rem;line-height:1.4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-row .form-group{margin-bottom:0}.image-upload-container{margin-top:.75rem}.image-upload-label{display:block;cursor:pointer;border-radius:8px;overflow:hidden;border:2px dashed #d1d5db;transition:border-color .2s ease}.image-upload-label:hover{border-color:#6686cc}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6b7280;gap:.5rem}.image-preview{position:relative;width:200px;height:200px}.preview-image{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.image-preview:hover .image-overlay{opacity:1}.history-upload-container{width:100%;border:2px dashed #d1d5db;border-radius:8px;padding:1rem;background:#fafafa;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box}.history-upload-container:hover{border-color:#6686cc;background:#f8f9ff}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.upload-info{display:flex;align-items:center;gap:1rem;color:#6b7280;font-size:.875rem}.file-uploaded{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#ecfdf5;border:1px solid #10b981;border-radius:4px;color:#065f46;font-size:.75rem}.remove-file-inline{background:none;border:none;color:#065f46;cursor:pointer;font-size:.75rem;padding:0;line-height:1;opacity:.7}.remove-file-inline:hover{opacity:1}.upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#6686cc;color:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.upload-btn:hover{background:#5a73b8}.history-textarea-container{position:relative}.history-textarea-container.drag-over{border-color:#6686cc}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#6686cce6;border-radius:6px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.drag-message{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#fff;font-weight:500;text-align:center}.preview-container{space-y:1.5rem}.preview-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.preview-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151}.edit-section-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6686cc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease}.edit-section-btn:hover{background:#5a7bc4}.preview-content{padding:1rem}.info-row{display:flex;margin-bottom:.75rem}.info-row label{min-width:100px;font-weight:500;color:#6b7280}.info-value{color:#374151}.image-preview-large{display:flex;align-items:center;gap:1rem}.character-image-preview{width:100px;height:100px;object-fit:cover;border-radius:8px}.image-name{color:#6b7280;font-size:.85rem}.file-info-preview{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#6686cc0d;border-radius:6px;color:#6686cc;font-size:.85rem}.history-preview{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.history-content{max-height:300px;overflow-y:auto}.history-text{margin:0;padding:1rem;background:#f8fafc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.content-stats{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-top:1px solid #e5e7eb;font-size:.75rem;color:#6b7280}.no-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280;gap:.5rem}.no-content-icon{opacity:.5}.preview-summary{padding:1rem;background:#f8fafc;border-radius:8px;margin-top:1.5rem}.summary-stats{display:flex;gap:2rem}.stat-item{display:flex;gap:.5rem;font-size:.85rem}.validation-container{space-y:1.5rem}.validation-section{margin-bottom:1.5rem}.validation-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#374151}.validation-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.file-source{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.85rem}.validation-list{space-y:.5rem}.validation-item{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:border-color .2s ease;background:#fff}.validation-item.valid{border-color:#d1d5db;background:#fff}.validation-item.error{border-color:#dc2626;background:#dc262605}.validation-item.missing{border-color:#f59e0b;background:#f59e0b05}.validation-item.optional{background:#f8fafc}.validation-item-header{display:flex;align-items:center;justify-content:space-between}.validation-item-title{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151}.validation-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.status-icon.valid{color:#10b981}.status-icon.error{color:#dc2626}.status-icon.missing{color:#f59e0b}.status-text{font-weight:500}.status-text.optional{color:#6b7280}.validation-error{margin-top:.5rem;color:#dc2626;font-size:.85rem}.validation-preview{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.preview-value{color:#374151;font-size:.85rem}.validation-image-preview{width:60px;height:60px;object-fit:cover;border-radius:6px;margin-right:.75rem}.history-preview-section{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:1rem}.history-preview-text{margin:0;padding:1rem;background:#f8fafc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.history-more{padding:.75rem 1rem;background:#fff;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.85rem;font-style:italic}.history-stats{display:flex;gap:1.5rem;margin-top:1rem}.stat{display:flex;gap:.5rem;font-size:.85rem}.stat-label{color:#6b7280;font-weight:500}.stat-value{color:#374151;font-weight:600}.validation-summary{margin-top:2rem;padding:1rem;border-radius:8px}.validation-success{display:flex;align-items:center;gap:.75rem;color:#10b981;background:#10b9810d;border:1px solid rgba(16,185,129,.2);padding:1rem;border-radius:8px;font-weight:500}.validation-warning{display:flex;align-items:center;gap:.75rem;color:#f59e0b;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);padding:1rem;border-radius:8px;font-weight:500}.submitting-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10}.submitting-message{display:flex;align-items:center;gap:.75rem;color:#6686cc;font-weight:600}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:14px;height:14px;border-width:1.5px}@media (max-width: 768px){.create-character-page{padding:1rem}.wizard-container{margin:0}.wizard-header,.wizard-content{padding:1.5rem 1rem}.wizard-footer{padding:1rem}.step-indicator{flex-direction:column;gap:.5rem}.step-item-container{width:100%;justify-content:center}.step-connector{display:none}.summary-stats{flex-direction:column;gap:.75rem}.history-stats{flex-direction:column;gap:.5rem}}.upload-file-hint{color:#9ca3af;font-size:.75rem;align-self:center;margin-left:.5rem}.create-simulation-page{min-height:100vh;background-color:#f8fafc;padding:2rem}.auto-save-notice{color:#059669;font-size:.875rem;font-style:italic}.saving-indicator{color:#2563eb;font-size:.875rem;margin-top:4px;display:flex;align-items:center;gap:8px}.saving-indicator:before{content:"";width:12px;height:12px;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.wizard-container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.wizard-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.cancel-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.cancel-btn:hover{background-color:#f3f4f6;color:#374151}.progress-indicator{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;background-color:#f8fafc;border-bottom:1px solid #e5e7eb;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-circle{width:40px;height:40px;border-radius:50%;background-color:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-bottom:.75rem;transition:all .3s ease;position:relative;z-index:2}.step-circle.active{background-color:#6686cc;color:#fff}.step-circle.completed{background-color:#10b981;color:#fff}.step-info{text-align:center;max-width:120px}.step-title{font-weight:600;color:#374151;font-size:.9rem;margin-bottom:.25rem}.step-description{font-size:.8rem;color:#6b7280;line-height:1.3}.step-connector{position:absolute;top:20px;left:50%;width:100%;height:2px;background-color:#e5e7eb;z-index:1;transition:background-color .3s ease}.step-connector.completed{background-color:#10b981}.wizard-content{padding:2rem;min-height:400px}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background-color:#f8fafc}.nav-left,.nav-right{display:flex;gap:1rem}.nav-center{flex:1;display:flex;justify-content:center}.step-counter{color:#6b7280;font-size:.9rem;font-weight:500}.nav-btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border:none}.nav-btn.primary{background-color:#6686cc;color:#fff}.nav-btn.primary:hover:not(:disabled){background-color:#5a7bc4}.nav-btn.secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.nav-btn.secondary:hover:not(:disabled){background-color:#e5e7eb}.nav-btn.success{background-color:#57c189;color:#fff}.nav-btn.success:hover:not(:disabled){background-color:#4ade80}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.final-actions{display:flex;gap:1rem}.wizard-step{max-width:100%}.wizard-step h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.wizard-step .step-subtitle{color:#6b7280;margin:0 0 .5rem;font-size:1rem}.wizard-step .step-instruction{color:#9ca3af;font-size:.85rem;margin:0 0 2rem}.form-group{margin-bottom:1.5rem}.form-row{display:flex;align-items:start}.form-row .form-group{flex:1;margin-bottom:0}.form-row .form-group+.form-group{margin-left:1rem}.form-divider{border:none;border-top:1px solid #e5e7eb;margin:.5rem 0 1.5rem}.label-secondary{font-size:.75rem;font-weight:400;color:#9ca3af}.form-group label:not(.label-with-info){display:block;color:#374151;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group label.label-with-info{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group label.required:after{content:" *";color:#dc2626}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-error{color:#dc2626;font-size:.8rem;margin-top:.25rem}.form-hint{color:#9ca3af;font-size:.8rem;margin-top:.35rem}.form-info{color:#2563eb;font-size:.85rem;margin-top:.5rem;padding:.75rem;background-color:#eff6ff;border-left:3px solid #2563eb;border-radius:4px}.radio-group{display:flex;flex-direction:row;gap:2rem;margin-top:.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;padding:0;cursor:pointer;transition:all .2s ease;flex:0 0 auto;border:none;background:none}.radio-option input[type=radio]{margin:0;width:18px;height:18px;accent-color:#6686cc;cursor:pointer;flex-shrink:0}.radio-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.radio-option:has(input[type=radio]:disabled){opacity:.6;cursor:not-allowed}.radio-label{display:inline-block;cursor:pointer;margin:0;padding:0;white-space:nowrap}.radio-title{font-weight:600;color:#1f2937;font-size:.95rem;line-height:1}.radio-description{color:#6b7280;font-size:.85rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-row-triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.create-simulation-page{padding:1rem}.wizard-header{padding:1.5rem 1.5rem 1rem}.wizard-title{font-size:1.5rem}.progress-indicator{padding:1.5rem;flex-direction:column;gap:1rem}.progress-step{flex-direction:row;align-items:center;gap:1rem;width:100%}.step-circle{margin-bottom:0;flex-shrink:0}.step-info{text-align:left;max-width:none;flex:1}.step-connector{display:none}.wizard-content{padding:1.5rem}.wizard-navigation{padding:1rem 1.5rem;flex-direction:column;gap:1rem}.nav-left,.nav-right{justify-content:center;width:100%}.nav-center{order:-1}.final-actions{flex-direction:column;width:100%}.form-row,.form-row-triple{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.wizard-header{padding:1rem}.wizard-title{font-size:1.25rem}.progress-indicator,.wizard-content{padding:1rem}.nav-btn{padding:.6rem 1rem;font-size:.8rem}}.char-counter{text-align:right;color:#6b7280;font-size:.8rem;margin-top:.25rem}.form-helper{color:#6b7280;font-size:.85rem;margin:0 0 1rem;line-height:1.4}.persona-preview{margin-top:1rem;padding:1rem;background-color:#f8fafc;border-radius:6px;border-left:4px solid #6686cc}.persona-preview-header{display:flex;align-items:center;gap:.5rem;color:#6686cc;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.persona-preview-content{color:#374151;line-height:1.5}.persona-condition{color:#6b7280;font-style:italic}.character-display{margin-top:1rem;padding:1.5rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.character-display-header{display:flex;align-items:center;gap:.5rem;color:#6686cc;font-weight:600;font-size:.9rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.character-info-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.character-image-display{flex-shrink:0}.character-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb}.character-basic-info{flex:1}.character-name{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.character-details{display:flex;gap:1rem;margin-bottom:1rem}.character-age{color:#6b7280;font-size:.9rem}.character-condition{color:#6686cc;font-weight:500;font-size:.9rem}.character-description{margin-top:.75rem}.character-description strong{color:#374151;font-size:.9rem}.character-description p{margin:.5rem 0 0;color:#6b7280;line-height:1.5;font-size:.9rem}.character-history-section{border-top:1px solid #e5e7eb;padding-top:1rem}.character-history-section h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#374151}.character-history-content{background:#fff;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;overflow-y:auto}.selected-character-card{display:flex;gap:1rem;align-items:flex-start;margin-top:.75rem;padding:1rem 1.25rem;background:#f5f7ff;border:1px solid #c7d0f0;border-radius:8px}.selected-character-image{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}.selected-character-body{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.selected-character-name-row{display:flex;align-items:center;gap:.5rem}.selected-character-name{font-weight:600;color:#1f2937;font-size:1rem}.selected-character-version{font-size:.75rem;color:#9ca3af;font-weight:500}.selected-character-meta{font-size:.875rem;color:#6b7280}.selected-character-notes{margin:.25rem 0 0;font-size:.875rem;color:#4b5563;line-height:1.5}.selected-character-preview{margin-top:.75rem}.selected-character-preview-header{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#6686cc;margin-bottom:.4rem}.selected-character-preview .character-picker-card{width:100%;box-sizing:border-box;align-items:flex-start}.selected-notes{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.character-picker-btn{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;text-align:left;font-size:.95rem;color:#374151;cursor:pointer;transition:border-color .2s}.character-picker-btn:hover:not(:disabled){border-color:#6686cc}.character-picker-btn:disabled{background:#f9fafb;cursor:not-allowed;color:#9ca3af}.character-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.character-picker-modal{background:#fff;border-radius:12px;width:560px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #00000026}.character-picker-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.character-picker-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.character-picker-close{background:none;border:none;font-size:1rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.character-picker-close:hover{color:#1f2937}.character-picker-list{overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.character-picker-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.character-picker-card:hover{border-color:#6686cc;background:#f5f7ff}.character-picker-card.selected{border-color:#6686cc;background:#eef1fb}.picker-card-image{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.picker-card-placeholder{display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af;border-radius:8px;flex-shrink:0}.picker-card-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.picker-card-name-row{display:flex;align-items:center;gap:.5rem}.picker-card-name{font-weight:600;color:#1f2937;font-size:.95rem}.picker-card-version{font-size:.75rem;color:#9ca3af;font-weight:500}.picker-card-meta{font-size:.85rem;color:#6b7280}.picker-card-notes{font-size:.8rem;color:#6b7280;font-style:italic;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.character-history-text{margin:0;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;color:#374151;white-space:pre-wrap;word-wrap:break-word}.class-selection{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.class-option{border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.class-option:hover{border-color:#6686cc;background-color:#f8fafc}.checkbox-label{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;margin:0;font-weight:400}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;position:relative;flex-shrink:0;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background-color:#6686cc;border-color:#6686cc}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.class-info{flex:1}.class-name{display:flex;align-items:center;gap:.5rem;color:#374151;font-weight:500;margin-bottom:.25rem}.class-meta{color:#6b7280;font-size:.85rem}.no-classes{padding:2rem;text-align:center;background-color:#f8fafc;border-radius:6px;color:#6b7280}.selected-classes{padding:.75rem;background-color:#ecfdf5;border-radius:6px;border:1px solid #d1fae5}.selected-count{color:#065f46;font-weight:500;font-size:.9rem}.vital-signs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.vital-sign-group{display:flex;flex-direction:column}.vital-sign-group label{margin-bottom:.5rem;color:#374151;font-size:.9rem;font-weight:500}.vital-input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem}.bp-inputs{display:flex;gap:.5rem;align-items:center}.bp-separator{color:#6b7280;font-weight:700}.action-list{margin-bottom:1.5rem}.action-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f8fafc;border-radius:6px;margin-bottom:.5rem}.action-text{flex:1;color:#374151}.remove-action-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.remove-action-btn:hover{background-color:#fee2e2}.add-action-form{display:flex;gap:.5rem;margin-top:1rem}.add-action-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px}.add-action-btn{background-color:#6686cc;color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.add-action-btn:hover{background-color:#5a7bc4}.additional-details-container{margin-top:1rem}.details-input-section{background:#f8fafc;border-radius:12px;padding:2rem;border:1px solid #e5e7eb}.section-header{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.section-title h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.section-description{margin:0;color:#6b7280;font-size:.95rem;line-height:1.5}.input-options{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start}.input-option{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:#374151;font-size:.95rem}.details-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;line-height:1.5;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.details-textarea:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.details-textarea::placeholder{color:#9ca3af}.divider{display:flex;align-items:center;justify-content:center;position:relative;height:100px}.divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:60px;background:#e5e7eb}.divider span{background:#fff;padding:.5rem 1rem;color:#6b7280;font-weight:500;font-size:.85rem;border:1px solid #e5e7eb;border-radius:20px;position:relative;z-index:1}.file-upload-zone{border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease;position:relative;min-height:160px;display:flex;align-items:center;justify-content:center}.file-upload-zone:hover{border-color:#6686cc;background:#f8fafc}.file-upload-zone .file-selected{width:100%}.file-upload-zone.drag-over{border-color:#6686cc;background:#6686cc0d}.file-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6b7280}.upload-text{display:flex;flex-direction:column;align-items:center;gap:.25rem}.upload-text strong{color:#374151;font-size:1rem}.upload-link{color:#6686cc;font-weight:500;cursor:pointer;text-decoration:underline}.upload-link:hover{color:#5a7bc4}.file-types{font-size:.8rem;color:#9ca3af}.file-uploaded-state{display:flex;align-items:center;justify-content:space-between;width:100%}.file-info{flex:1;text-align:left}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:600;color:#1f2937;margin:0 0 .25rem;font-size:.95rem}.file-size{font-size:.8rem;color:#6b7280}.replace-file-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6686cc;color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s ease;text-decoration:none}.replace-file-btn:hover{background:#5a7bc4}.file-actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.remove-file-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f28b82;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s ease;text-decoration:none}.remove-file-btn:hover{background:#ef4444}.drag-overlay-modern{position:absolute;top:0;left:0;right:0;bottom:0;background:#6686cce6;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff;font-weight:600;pointer-events:none}@media (max-width: 768px){.input-options{grid-template-columns:1fr;gap:1.5rem}.divider{height:auto;margin:1rem 0}.divider:before{width:60px;height:1px;top:50%;left:50%}.details-input-section{padding:1.5rem}}.preview-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.preview-title{display:flex;align-items:center;gap:.75rem}.preview-title h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.preview-stats{display:flex;gap:1rem}.stat{background:#e5e7eb;color:#6b7280;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.preview-content{padding:1.5rem}.simulation-summary{display:flex;flex-direction:column;gap:1rem}.summary-item{display:flex;align-items:flex-start;gap:1rem}.summary-item label{font-weight:600;color:#374151;min-width:120px;font-size:.9rem}.summary-value{color:#6b7280;flex:1;font-size:.9rem}.character-summary{display:flex;align-items:center;gap:.5rem;flex:1}.details-preview-container{position:relative}.details-preview-text{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;font-size:.9rem;line-height:1.6;color:#374151;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.file-source-info{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:#ecfdf5;border:1px solid #d1fae5;border-radius:4px;font-size:.8rem;color:#065f46}.file-size{color:#6b7280}.empty-section{border:2px dashed #e5e7eb}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#9ca3af;text-align:center;padding:2rem 1rem}.empty-state p{margin:0;font-size:.85rem}.validation-summary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.validation-header h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1f2937}.validation-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.validation-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;background:#f8fafc}.validation-item.valid{border-color:#10b981;background:#ecfdf5}.validation-item.invalid{border-color:#ef4444;background:#fef2f2}.validation-item.optional{border-color:#6b7280;background:#f9fafb}.validation-icon{flex-shrink:0}.validation-icon.valid{color:#10b981}.validation-icon.invalid{color:#ef4444}.validation-icon.optional{color:#6b7280}.validation-item span:nth-child(2){flex:1;font-weight:500;color:#374151;font-size:.9rem}.validation-status{font-size:.8rem;color:#6b7280;font-weight:500}.validation-message{padding:1rem;border-radius:6px;display:flex;align-items:center;gap:.75rem;font-weight:500}.success-message{background:#ecfdf5;color:#065f46;border:1px solid #10b981}.error-message{background:#fef2f2;color:#991b1b;border:1px solid #ef4444}.rubric-section{margin-bottom:2rem}.rubric-item{border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem}.rubric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rubric-title{font-weight:600;color:#374151;text-transform:capitalize}.weight-input{width:80px;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;text-align:center}.weight-label{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.rubric-criteria{width:100%;min-height:80px;padding:.75rem;margin-top:1rem;border:1px solid #d1d5db;border-radius:6px;resize:vertical}.discrepancy-summary{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:8px;margin-bottom:1rem}.discrepancy-summary.summary-pending{background:#fff1f2;border:1.5px solid #fca5a5}.discrepancy-summary.summary-all-done{background:#f0fdf4;border:1.5px solid #86efac}.summary-pending .summary-warning-icon{color:#ef4444;flex-shrink:0}.summary-all-done .summary-warning-icon{color:#10b981;flex-shrink:0}.summary-title{font-size:.9rem;font-weight:700;color:#1e293b}.summary-sep{color:#94a3b8;font-size:.9rem}.summary-count{font-size:.95rem;font-weight:700;color:#1e293b}.summary-all-resolved{display:inline-flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;color:#15803d}.discrepancies-container{display:flex;flex-direction:column;gap:1.5rem}.discrepancy-item,.wizard-step .discrepancy-item{background:#fff;border:2px solid #e5e7eb;border-left:2px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.discrepancy-item:hover,.wizard-step .discrepancy-item:hover{box-shadow:0 4px 16px #00000014;transform:none}.discrepancy-item.unresolved{border-color:#fca5a5}.discrepancy-item.incomplete{border-color:#fcd34d}.discrepancy-item.resolved,.wizard-step .discrepancy-item.resolved{border-color:#10b981;border-left-color:#10b981;background:#fff}.discrepancy-header{display:flex;justify-content:space-between;align-items:flex-start;margin:-1rem -1.25rem 1rem;padding:.75rem 1.25rem;border-bottom:1px solid #e2e8f0;border-radius:10px 10px 0 0}.discrepancy-item.unresolved .discrepancy-header{background:#fff1f2;border-bottom-color:#fca5a5}.discrepancy-item.incomplete .discrepancy-header{background:#fffbeb;border-bottom-color:#fcd34d}.discrepancy-item.resolved .discrepancy-header,.wizard-step .discrepancy-item.resolved .discrepancy-header{background:#f0fdf4;border-bottom-color:#86efac}.discrepancy-title{display:flex;align-items:flex-start;gap:1.25rem}.discrepancy-number{width:40px;height:40px;background:linear-gradient(135deg,#6686cc,#5a7bc4);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 8px #6686cc33}.discrepancy-info h4{margin:0 0 .75rem;color:#1e293b;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.discrepancy-info p{margin:0;color:#64748b;font-size:.95rem;line-height:1.6}.discrepancy-status{flex-shrink:0}.resolved-icon{color:#10b981;stroke-width:2.5}.unresolved-icon{color:#f87171;stroke-width:2.5}.incomplete-icon{color:#f59e0b;stroke-width:2.5}.discrepancy-options{margin-top:1.75rem}.option-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch}.option-column{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .25s ease;cursor:pointer;position:relative;overflow:hidden}.option-column:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:all .25s ease}.option-column:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.option-column.selected{border-color:#6686cc;background:linear-gradient(to bottom,#eff6ff,#fff);box-shadow:0 8px 24px #6686cc26}.option-column.selected:before{background:linear-gradient(90deg,#6686cc,#5a7bc4)}.option-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.option-header input[type=radio]{width:20px;height:20px;accent-color:#6686cc;cursor:pointer}.option-label{font-weight:700;color:#1e293b;font-size:.95rem;cursor:pointer;letter-spacing:-.01em}.option-content{padding-left:0}.option-text{color:#334155;font-size:.95rem;line-height:1.7;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #6686cc}.option-divider{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700;font-size:.75rem;letter-spacing:.1em;position:relative}.option-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:60px;background:linear-gradient(to bottom,transparent 0%,#e2e8f0 20%,#e2e8f0 80%,transparent 100%);z-index:0}.option-divider span{background:#fff;padding:.5rem 1rem;position:relative;z-index:1;border-radius:20px;border:2px solid #e2e8f0}.option-full-row{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.option-full{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.option-full:hover{border-color:#cbd5e1}.option-full.selected{border-color:#6686cc;background:linear-gradient(to bottom,#eff6ff,#fff);box-shadow:0 8px 24px #6686cc26}.option-custom-text{width:100%;margin-top:.75rem;padding:.65rem .85rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;font-family:Montserrat,sans-serif;color:#334155;resize:vertical;box-sizing:border-box;line-height:1.6}.option-custom-text:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc26}.disc-values{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:stretch;margin-top:.75rem}.disc-value{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .65rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fafafa;transition:border-color .2s,background .2s}.disc-value-active{border-color:#22c55e;background:#dcfce7}.disc-value-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.disc-value-active .disc-value-label{color:#15803d}.disc-value-text{font-size:.875rem;color:#334155;line-height:1.5}.disc-value-sep{width:1px;background:#e2e8f0;align-self:stretch}.disc-pills{display:flex;width:100%}.disc-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .5rem;border:1.5px solid #e2e8f0;border-right-width:0;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-user-select:none;user-select:none;text-align:center}.disc-pill:first-child{border-radius:8px 0 0 8px}.disc-pill:last-child{border-radius:0 8px 8px 0;border-right-width:1.5px}.disc-pill input[type=radio]{display:none}.disc-pill:hover{background:#f1f5f9;color:#6686cc}.disc-pill-active{border-color:#22c55e;background:#dcfce7;color:#15803d;border-right-width:1.5px;border-bottom:2.5px solid #22c55e;z-index:1;position:relative}.disc-pill-active+.disc-pill{border-left-width:0}.disc-pill-incomplete{border-color:#f59e0b;background:#fef3c7;color:#92400e;border-right-width:1.5px;border-bottom:2.5px solid #f59e0b;z-index:1;position:relative}.disc-pill-incomplete+.disc-pill,.disc-pill-active+.disc-pill{border-left-width:0}.disc-custom{margin-top:.6rem}.disc-custom-header{display:flex;justify-content:flex-end;margin-bottom:.4rem}.fill-from-both-btn{margin-left:auto;padding:.2rem .65rem;font-size:.75rem;font-family:Montserrat,sans-serif;font-weight:600;color:#6686cc;background:#eff6ff;border:1px solid #6686cc;border-radius:6px;cursor:pointer;transition:background .15s}.fill-from-both-btn:hover{background:#dbeafe}.resolution-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding:.75rem 1.25rem;background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;color:#92400e;font-weight:600;font-size:.82rem}@media (max-width: 768px){.option-columns{grid-template-columns:1fr;gap:1rem}.option-divider{display:none}.discrepancy-header{flex-direction:column;gap:1rem}}.resolution-summary{margin-bottom:2rem}.summary-card.resolved{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.summary-icon .success-icon{color:#10b981}.review-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.review-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.review-title{display:flex;align-items:center;gap:.75rem;color:#374151}.review-title h3{margin:0;font-size:1.1rem;font-weight:600}.review-content{padding:1.5rem}.wizard-step .review-content{display:block}.character-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.character-info-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.info-label{font-weight:600;color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.info-value{color:#1f2937;font-size:.95rem;line-height:1.5}.scenario-review{position:relative}.scenario-text{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;font-size:.95rem;line-height:1.6;color:#374151;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.document-info{margin-top:1rem}.document-tag{display:inline-flex;align-items:center;gap:.5rem;background:#eff6ff;color:#1d4ed8;font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:12px;border:1px solid #dbeafe}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.summary-label{font-weight:600;color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.summary-value{color:#1f2937;font-size:.95rem;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge.resolved{background:#ecfdf5;color:#065f46;border:1px solid #d1fae5}.next-step-indicator{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #38bdf8;border-radius:12px}.next-step-content{display:flex;align-items:center;gap:1rem}.ready-icon{color:#0ea5e9;flex-shrink:0}.next-step-text h4{margin:0 0 .25rem;color:#0c4a6e;font-size:1rem;font-weight:600}.next-step-text p{margin:0;color:#0369a1;font-size:.9rem}.evaluation-tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-top:1rem;margin-bottom:.75rem}.tab-button{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.7rem 1rem;background:none;border:none;color:#6b7280;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.tab-button:hover{color:#374151;background-color:#f3f4f6}.tab-button.active{color:#6686cc;font-weight:700;font-size:1.05rem;border-bottom-color:#6686cc}.evaluation-content{display:flex;flex-direction:column;gap:1.25rem}.evaluation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:-.5rem}.header-content h3{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.header-content p{margin:0;color:#6b7280;font-size:.95rem;line-height:1.5}.header-actions{flex-shrink:0}.template-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.template-btn:hover{background:#e5e7eb;color:#1f2937}.checklist-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.checklist-container-inner{padding:.85rem 1rem}.checklist-container .add-criterion-form{background:none;border:none;border-radius:0;padding:0}.checklist-container .add-criterion-form .add-btn{margin-top:.6rem;margin-left:0;margin-right:0;width:auto;border-top:none;border-radius:6px;padding:.4rem 1rem;justify-content:flex-start;background:#6686cc;color:#fff}.checklist-container .add-criterion-form .add-btn:hover:not(:disabled){background:#5a7bc4;color:#fff}.checklist-container .add-criterion-form .add-btn:disabled{background:#9ca3af;cursor:not-allowed}.checklist-container .rubric-criteria{border:none;padding:0;border-radius:0;min-height:unset}.checklist-item-list{display:flex;flex-direction:column;gap:.5rem;margin-top:0;padding:1rem 1.25rem 1.25rem;border-top:1px solid #e5e7eb}.add-criterion-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.add-criterion-form .add-btn{margin-top:1.25rem;border-top:1px solid #e5e7eb;padding:1rem 1.25rem;margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem);border-radius:0 0 12px 12px;justify-content:center;background:#fff}.add-criterion-form .add-btn:hover:not(:disabled){background:#eff6ff;color:#6686cc}.checklist-bulk-add-btn{width:100%;justify-content:center;background:#fff;color:#6686cc;border-top:1px solid #e5e7eb;border-left:none;border-right:none;border-bottom:none;border-radius:0 0 12px 12px;padding:1rem 1.25rem 1.25rem;margin-top:0}.checklist-bulk-add-btn:hover:not(:disabled){background:#eff6ff;color:#6686cc}.checklist-inline-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.checklist-inline-row .form-input{padding:.4rem .6rem;font-size:.85rem}.checklist-inline-row .add-btn{padding:.4rem .75rem;margin-top:0;font-size:.85rem}.form-row{display:flex;gap:1rem;align-items:flex-end}.form-row .form-input{flex:1}.add-btn{display:flex;margin-left:auto;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;background:#6686cc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease;white-space:nowrap}.add-btn:hover:not(:disabled){background:#5a7bc4}.add-btn:disabled{background:#9ca3af;cursor:not-allowed}.add-btn.primary{background:#57c189}.add-btn.primary:hover:not(:disabled){background:#4ade80}.checklist-items,.rubric-criteria{display:flex;flex-direction:column;gap:.5rem}.checklist-item,.rubric-criterion{background:none;border:none;border-bottom:1px solid #f3f4f6;border-radius:0;padding:.6rem 0;transition:background-color .15s ease}.checklist-item:hover,.rubric-criterion:hover{background:#f9fafb}.item-content{display:flex;flex-direction:column;width:100%}.item-main{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}.criterion-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.item-number,.criterion-number{width:28px;height:28px;background:#6686cc;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.item-text{flex:1;color:#374151;font-size:.95rem;line-height:1.5;text-align:left}.item-category{font-weight:600;color:#6686cc}.item-notes{color:#6b7280;font-size:.85rem;font-style:italic;margin-top:.25rem}.criterion-info{flex:1;color:#374151;font-size:.95rem;line-height:1.5}.criterion-info h4{margin:0 0 .5rem;color:#1f2937;font-size:1rem;font-weight:600}.criterion-info p{margin:0;color:#6b7280;font-size:.9rem;line-height:1.4}.item-actions{display:flex;align-items:center;margin-left:auto;gap:.25rem}.required-toggle{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.85rem;cursor:pointer}.required-toggle input[type=checkbox]{accent-color:#6686cc}.remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.remove-btn:hover{background:#fee2e2}.scales-input{display:flex;flex-direction:column;gap:.5rem}.scale-input-row{display:flex;gap:.5rem;align-items:center}.remove-scale-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.remove-scale-btn:hover{background:#fee2e2}.add-scale-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;margin-top:.5rem}.add-scale-btn:hover:not(:disabled){background:#e5e7eb}.add-scale-btn:disabled{opacity:.5;cursor:not-allowed}.criterion-scales{border-top:1px solid #e5e7eb;padding-top:1rem}.scales-header{color:#6b7280;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.scales-list{display:flex;flex-wrap:wrap;gap:.5rem}.scale-item{display:flex;align-items:center;gap:.5rem;background:#eff6ff;color:#1d4ed8;padding:.25rem .75rem;border-radius:12px;border:1px solid #dbeafe;font-size:.85rem}.scale-level{background:#1d4ed8;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.empty-checklist,.empty-rubric{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:3rem 2rem;text-align:center;color:#9ca3af;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px}.empty-checklist .empty-icon,.empty-rubric .empty-icon{color:#d1d5db}.empty-checklist p,.empty-rubric p{margin:0;font-weight:500;color:#6b7280;font-size:1rem}.empty-checklist span,.empty-rubric span{font-size:.85rem;color:#9ca3af}.evaluation-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1.25rem;margin-top:1rem}.summary-stats{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.stat-item{display:flex;flex-direction:row;align-items:center;gap:.5rem}.stat-label{color:#6b7280;font-size:.85rem;font-weight:500}.stat-label strong{color:#6686cc;font-weight:700;font-size:1rem}.stat-divider{width:1px;height:20px;background:#e5e7eb}@media (max-width: 768px){.character-review-grid,.summary-grid{grid-template-columns:1fr}.evaluation-header,.form-row,.item-content,.criterion-header{flex-direction:column;gap:1rem}.item-actions{flex-direction:column;align-items:flex-start;gap:.5rem}.scales-list{flex-direction:column;align-items:flex-start}.summary-stats{flex-direction:column;gap:1rem}}.levels-input-container{display:flex;flex-direction:column;gap:1rem}.levels-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:50px}.level-tag{display:inline-flex;align-items:center;gap:.5rem;background:#eff6ff;color:#1e40af;padding:.5rem .75rem;border-radius:6px;border:1px solid #dbeafe;font-size:.9rem;font-weight:500;transition:all .2s ease}.level-tag:hover{border-color:#93c5fd;background:#dbeafe}.level-remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:.2rem;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.level-remove-btn:hover:not(:disabled){background:#dc26261a}.level-remove-btn:disabled{opacity:.3;cursor:not-allowed}.add-level-input{display:flex;gap:.5rem;align-items:center}.add-level-input .form-input{flex:1;min-width:200px}.add-level-btn{display:flex;align-items:center;justify-content:center;background:#6686cc;color:#fff;border:none;padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.add-level-btn:hover:not(:disabled){background:#5a7bc4}.add-level-btn:disabled{background:#9ca3af;cursor:not-allowed}.help-text{display:block;color:#6b7280;font-size:.8rem;margin-top:.75rem;padding-top:.5rem;margin-bottom:0;font-style:italic;line-height:1.5}.criterion-name-section{margin-bottom:1rem}.criterion-name-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-weight:600;color:#1f2937;transition:border-color .2s ease}.criterion-name-input:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.criterion-levels-section{margin-top:1rem}.criterion-levels-section>label{display:block;color:#6b7280;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.levels-display{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.add-level-inline{display:inline-flex}.inline-level-input{display:inline-flex;gap:.25rem;align-items:center;background:#fff;padding:.25rem;border-radius:6px;border:1px solid #d1d5db}.form-input-small{padding:.4rem .6rem;border:none;border-radius:4px;font-size:.85rem;min-width:100px;background:#f9fafb}.form-input-small:focus{outline:none;background:#fff}.confirm-btn-small,.cancel-btn-small{display:flex;align-items:center;justify-content:center;padding:.4rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.confirm-btn-small{background:#57c189;color:#fff}.confirm-btn-small:hover{background:#4ade80}.cancel-btn-small{background:#f28b82;color:#fff}.cancel-btn-small:hover{background:#ef4444}.add-level-trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#f3f4f6;color:#374151;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.add-level-trigger:hover{background:#e5e7eb;border-color:#9ca3af;color:#1f2937}.criterion-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.criterion-info{flex:1;min-width:0}.rubric-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.rubric-summary h4{margin:0;color:#1f2937;font-size:1.1rem;font-weight:600}.criterion-name-points,.points-input,.points-field,.points-label,.total-points{display:none}.required-btn{padding:.375rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.required-btn.required{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.required-btn.optional{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.required-btn:hover{opacity:.8}.edit-btn{background:none;border:none;color:#6686cc;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:background-color .2s ease}.edit-btn:hover{background:#eef2ff}.item-edit-form{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.save-edit-btn{display:flex;align-items:center;gap:.25rem;background:#6686cc;color:#fff;border:none;border-radius:6px;padding:.375rem .75rem;font-size:.8rem;cursor:pointer;transition:background .2s ease}.save-edit-btn:hover{background:#5570b8}.save-edit-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-edit-btn{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;padding:.375rem .5rem;display:flex;align-items:center;transition:background .2s ease}.cancel-edit-btn:hover{background:#f3f4f6}.criterion-edit-actions{display:flex;gap:.5rem;margin-top:.75rem}.rubric-criterion.editing{border-color:#6686cc;background:#f8f9ff}@media (max-width: 768px){.levels-list{flex-direction:column;align-items:flex-start}.add-level-input{flex-direction:column;width:100%}.add-level-input .form-input,.add-level-btn{width:100%}.inline-level-input{flex-direction:column;width:100%}.form-input-small{width:100%;min-width:auto}}.label-with-info{display:flex;align-items:center;gap:.5rem}.info-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.info-icon{color:#6686cc;transition:color .2s ease}.info-icon:hover{color:#5a7bc4}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.75rem 1rem;background:#4b5563;color:#fff;border-radius:8px;font-size:.85rem;line-height:1.5;white-space:normal;max-width:300px;width:max-content;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 12px #00000026}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#4b5563}.info-tooltip:hover .tooltip-content{opacity:1;visibility:visible}.scales-section{margin-top:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.scales-section>label{display:block;color:#374151;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.scales-input-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.scale-input-row{display:flex;align-items:flex-start;gap:1rem}.scale-value-badge{flex-shrink:0;font-size:.78rem;font-weight:600;color:#6b7280;min-width:18px}.scale-textarea{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.scale-textarea:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.scale-textarea::placeholder{color:#9ca3af}.scale-textarea-error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.scale-description-readonly{flex:1;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-family:inherit;line-height:1.5;color:#374151;min-height:60px}.criterion-name-with-tooltip{display:flex;align-items:center;gap:.5rem}.criterion-category{margin:0;color:#1f2937;font-size:1.1rem;font-weight:600}.criterion-scales-summary{margin-top:.5rem;color:#6b7280;font-size:.85rem}.criterion-actions{display:flex;align-items:center;gap:.5rem}.expand-btn{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.expand-btn:hover{background:#e5e7eb;color:#1f2937}.criterion-scales-expanded{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.criterion-scales-expanded h5{margin:0 0 1rem;color:#374151;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.scales-display-grid{display:flex;flex-direction:column;gap:1rem}.scale-display-row{display:flex;align-items:flex-start;gap:1rem}.scales-header-with-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.scales-actions{display:flex;gap:.5rem}.edit-scales-btn,.reset-scales-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.edit-scales-btn{background:#6686cc;color:#fff;border-color:#6686cc}.edit-scales-btn:hover{background:#5a7bc4;border-color:#5a7bc4}.reset-scales-btn{background:#f3f4f6;color:#374151}.reset-scales-btn:hover{background:#e5e7eb;color:#1f2937}@media (max-width: 768px){.tooltip-content{max-width:250px;left:0;transform:none}.scale-input-row,.scale-display-row{flex-direction:column;gap:.5rem}.scale-value-badge{align-self:flex-start}.scales-header-with-actions{flex-direction:column;gap:1rem}.scales-actions{width:100%}.edit-scales-btn,.reset-scales-btn{flex:1}}.no-discrepancies-message{margin-top:2rem}.success-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:12px}.success-icon{flex-shrink:0}.success-icon .check-icon{color:#10b981}.success-content h3{margin:0 0 .5rem;color:#065f46;font-size:1.25rem;font-weight:600}.success-content p{margin:0;color:#047857;font-size:.95rem;line-height:1.5}.character-details-container{display:flex;flex-direction:column;gap:1.5rem}.character-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.character-section h4{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.conditions-list,.medications-list,.symptoms-list{display:flex;flex-direction:column;gap:.5rem}.condition-item,.medication-item,.symptom-item{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;font-size:.9rem;color:#374151}.medication-item{display:flex;flex-wrap:wrap;gap:.75rem;align-items:baseline}.med-condition{font-weight:600;color:#1f2937;min-width:150px}.med-name{color:#6686cc;font-weight:500;flex:1}.med-dose{color:#6b7280;font-size:.85rem}.symptom-item{display:flex;flex-wrap:wrap;gap:.75rem;align-items:baseline}.symptom-condition{font-weight:600;color:#1f2937;min-width:150px}.symptom-duration,.symptom-severity,.symptom-triggers{font-size:.85rem;color:#6b7280}.scenario-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.scenario-section h4{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600}.formatted-text{line-height:1.7;white-space:normal}.simulation-status{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.simulation-status .status-badge{text-transform:capitalize}.simulation-status .status-badge.draft{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.simulation-status .status-badge.unpublished{background:#fef3c7;color:#92400e;border-color:#f59e0b}.simulation-status .status-badge.published{background:#ecfdf5;color:#065f46;border-color:#10b981}.simulation-status .status-badge.archived{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.simulation-id{color:#6b7280;font-size:.85rem;font-weight:500}.summary-warning{margin-top:.75rem;padding:.6rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;text-align:center}.summary-warning p{margin:0;color:#92400e;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-body{padding:.75rem 1.5rem 1.5rem;color:#374151;line-height:1.6}.modal-body p{margin:0 0 1rem}.modal-body ul{margin:.5rem 0;padding-left:1.5rem}.modal-body li{margin-bottom:.5rem;color:#6b7280}.modal-body strong{color:#1f2937}.modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.modal-btn.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal-btn.cancel-btn:hover{background:#e5e7eb}.modal-btn.confirm-btn{background:#6686cc;color:#fff}.modal-btn.confirm-btn:hover{background:#5a7bc4}.modal-btn.delete-btn{background:#f28b82;color:#fff}.modal-btn.delete-btn:hover{background:#ef4444}.exit-options-info{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.exit-options-info p{margin:.5rem 0;font-size:.9rem}.exit-option-cards{display:flex;flex-direction:column;gap:.6rem}.exit-option-card{display:flex;align-items:center;gap:.9rem;width:100%;padding:.85rem 1rem;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;font-family:Montserrat,sans-serif}.exit-option-card div{display:flex;flex-direction:column;gap:.15rem}.exit-option-card strong{font-size:.9rem;color:#111827}.exit-option-card span{font-size:.78rem;color:#6b7280}.exit-option-save{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.exit-option-save:hover{background:#dbeafe;border-color:#93c5fd}.exit-option-save svg{color:#3b82f6;flex-shrink:0}.exit-option-delete{border-color:#fecaca;background:#fff5f5;color:#dc2626}.exit-option-delete:hover{background:#fee2e2;border-color:#fca5a5}.exit-option-delete svg{color:#ef4444;flex-shrink:0}.exit-option-neutral{border-color:#e5e7eb;background:#f9fafb;color:#374151}.exit-option-neutral:hover{background:#f3f4f6;border-color:#d1d5db}.exit-option-neutral svg{color:#6b7280;flex-shrink:0}.file-upload-preview{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-bottom:1.5rem}.file-upload-preview .file-info{display:flex;align-items:center;gap:.75rem;flex:1}.file-upload-preview .file-info svg{color:#2563eb;flex-shrink:0}.file-upload-preview .file-name{font-weight:600;color:#1e40af;font-size:.95rem}.file-upload-preview .file-size{color:#6b7280;font-size:.85rem;margin-left:.25rem}.file-upload-preview .file-actions{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:nowrap}.import-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#57c189;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.import-btn:hover:not(:disabled){background:#4ade80}.import-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.cancel-upload-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.cancel-upload-btn:hover{background:#fecaca}.upload-btn{margin-left:.5rem}@media (max-width: 768px){.file-upload-preview{flex-direction:column;gap:1rem;align-items:stretch}.file-upload-preview .file-info{flex-direction:column;align-items:flex-start;gap:.5rem}.file-upload-preview .file-actions{flex-direction:column;width:100%}.import-btn,.cancel-upload-btn{width:100%;justify-content:center}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.template-btn,.upload-btn{width:100%;justify-content:center}}.speaker-row{display:flex;flex-direction:column;gap:.5rem}.speaker-row>label{font-weight:500;font-size:.875rem;color:#374151}.speaker-default{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.speaker-default-name{flex:1;font-size:.875rem;color:#374151}.speaker-self-tag{display:inline-block;margin-left:.4rem;padding:.1rem .45rem;background:#e5e7eb;color:#6b7280;border-radius:4px;font-size:.72rem;font-weight:500}.speaker-change-btn{background:none;border:none;color:#6686cc;font-size:.8rem;cursor:pointer;padding:0;text-decoration:underline;white-space:nowrap}.speaker-change-btn:hover:not(:disabled){color:#4f6abf}.speaker-change-btn:disabled{color:#9ca3af;cursor:not-allowed}.speaker-custom{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.speaker-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.speaker-field{display:flex;flex-direction:column;gap:.3rem}.speaker-field label{font-size:.8rem;font-weight:500;color:#6b7280}.speaker-field-full{grid-column:1 / -1}.speaker-reset-btn{align-self:flex-start;background:none;border:none;color:#9ca3af;font-size:.8rem;cursor:pointer;padding:0;text-decoration:underline}.speaker-reset-btn:hover:not(:disabled){color:#6b7280}.speaker-reset-btn:disabled{cursor:not-allowed}} .publish-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .2s ease-out}.publish-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;max-width:500px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.publish-modal-header{padding:2rem 2rem 0;border-bottom:1px solid #e5e7eb}.publish-modal-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.publish-modal-title h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;line-height:1.3}.publish-modal-subtitle{color:#6b7280;font-size:.95rem;margin-bottom:1rem;font-weight:400}.publish-modal-close{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.publish-modal-close:hover{background-color:#f3f4f6;color:#374151}.publish-modal-body{padding:2rem 2rem 0rem;flex:1;overflow-y:auto}.publish-selection-controls{margin-bottom:2rem}.publish-selection-summary{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;background-color:#f3f4f6;border-radius:6px;border:1px solid #d1d5db}.publish-selection-summary svg{color:#6686cc;flex-shrink:0}.publish-selection-summary span{color:#374151;font-weight:500;font-size:.95rem}.publish-select-all-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center}.publish-select-all-btn:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.publish-select-all-btn:disabled{opacity:.5;cursor:not-allowed}.publish-classes-list{display:flex;flex-direction:column;margin-bottom:1rem}.publish-class-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.publish-class-item:hover{background-color:#f9fafb;border-color:#9ca3af}.publish-class-item.selected{border-color:#6686cc;background-color:#eff6ff;box-shadow:0 2px 4px #6686cc1a}.publish-class-info{flex:1;min-width:0}.publish-class-name{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;line-height:1.4}.publish-class-code{background-color:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;font-family:Courier New,monospace;letter-spacing:.5px;display:inline-block;margin-bottom:.25rem}.publish-class-description{color:#6b7280;font-size:.85rem;margin:0;line-height:1.4}.publish-selection-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.publish-selected-icon{color:#6686cc;animation:checkmarkPop .2s ease-out}@keyframes checkmarkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.publish-empty-classes{text-align:center;padding:3rem 1rem;color:#6b7280}.publish-empty-classes svg{color:#d1d5db;margin-bottom:1rem}.publish-empty-classes h4{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.publish-empty-classes p{margin:0;font-size:.95rem;line-height:1.5}.publish-loading-state{text-align:center;padding:3rem 1rem;color:#6b7280}.publish-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #6686cc;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.publish-loading-state p{margin:0;font-size:.95rem}.publish-modal-footer{padding:1rem 2rem 2rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;display:flex;gap:1rem;justify-content:flex-end}.publish-btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem;min-width:100px}.publish-btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.publish-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.publish-btn-primary{background-color:#6686cc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.5rem}.publish-btn-primary:hover:not(:disabled){background-color:#5a7bc4}.publish-btn-primary:disabled{opacity:.6;cursor:not-allowed}.publish-btn-primary .publish-loading-spinner{width:16px;height:16px;border-width:2px;margin:0;border-color:#ffffff4d;border-top-color:#fff}@media (max-width: 640px){.publish-modal-overlay{padding:var(--space-2)}.publish-modal-content{max-height:90vh;border-radius:var(--radius-lg)}.publish-modal-header,.publish-modal-body,.publish-modal-footer{padding:var(--space-4)}.publish-modal-title h2{font-size:var(--text-xl)}.publish-modal-subtitle{font-size:var(--text-xs)}.publish-modal-footer{flex-direction:column}.publish-btn-secondary,.publish-btn-primary{width:100%;min-width:auto}.publish-class-item{padding:var(--space-3)}.publish-class-name{font-size:var(--text-sm)}}.structured-content{margin-top:.5rem;padding:.75rem;background-color:#fff;border-radius:6px;border-left:3px solid #6686cc;color:#374151}.structured-text{color:#374151;line-height:1.5}.structured-content.medications .medication-entry,.structured-content.symptoms .symptom-entry{margin-bottom:1rem}.structured-content.medications .medication-entry:last-child,.structured-content.symptoms .symptom-entry:last-child{margin-bottom:0}.structured-content ul{margin:.5rem 0 0 1.5rem;padding:0}.structured-content li{margin-bottom:.25rem;list-style-type:disc}.structured-content.living-situation>div,.structured-content.history>div{margin-bottom:.5rem}.structured-content.living-situation>div:last-child,.structured-content.history>div:last-child{margin-bottom:0}.structured-content.family-history-content .family-summary,.structured-content.family-history-content .family-conditions,.structured-content.family-history-content .significant-patterns{margin-bottom:.75rem}.structured-content.family-history-content .significant-patterns:last-child{margin-bottom:0}.extraction-banner{border-radius:8px;padding:.9rem 1.25rem;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.extraction-banner--error{background:#fef2f2;border:1px solid #fca5a5;border-left:4px solid #ef4444;color:#7f1d1d}.extraction-banner--warning{background:#fffbeb;border:1px solid #fcd34d;border-left:4px solid #f59e0b;color:#78350f}.character-details-page{min-height:100vh;background-color:#f9fafb;padding:2rem;font-family:Montserrat,sans-serif}.character-details-container{max-width:800px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;text-decoration:none}.ai-notice{display:flex;gap:1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.ai-notice-icon{flex-shrink:0;color:#1e40af;display:flex;align-items:center;justify-content:center}.ai-notice-content h3{margin:0 0 .5rem;color:#1e40af;font-size:1.1rem;font-weight:600}.ai-notice-content p{margin:0;color:#3730a3;font-size:.9rem;line-height:1.5}.character-profile-card{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000f;margin-bottom:1.25rem}.profile-header{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.avatar-section{flex-shrink:0;width:110px;display:flex;flex-direction:column;align-items:center;gap:8px}.character-avatar{font-size:5rem;color:#6b7280}.character-avatar-image{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.avatar-change-btn{cursor:pointer;font-size:12px;color:#6686cc;text-decoration:underline;background:none;border:none;padding:0;font-family:inherit}.basic-info{flex:1 1 300px;min-width:0;width:100%;display:flex;flex-direction:column;gap:.65rem}.basic-field{display:flex;flex-direction:column;gap:4px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.45rem .75rem .5rem}.basic-field-top{display:flex;align-items:center;justify-content:space-between}.basic-field-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.basic-field-revert{background:none;border:none;font-size:.72rem;color:#6686cc;cursor:pointer;padding:0;font-family:inherit;opacity:.8}.basic-field-revert:hover{opacity:1;text-decoration:underline}.basic-field-input,.basic-field-select{width:100%;padding:.35rem .5rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-family:inherit;color:#1f2937;background:#fff;box-sizing:border-box;transition:border-color .15s}.basic-field-input:focus,.basic-field-select:focus{outline:none;border-color:#6686cc}.basic-field-input:disabled,.basic-field-select:disabled{background:#f3f4f6;color:#374151;cursor:default}.basic-field-star-btn{background:none;border:none;cursor:pointer;color:#d1d5db;padding:2px;display:flex;align-items:center;border-radius:3px;transition:color .15s;flex-shrink:0}.basic-field-star-btn:hover,.basic-field-star-btn--active{color:#f59e0b}.basic-field-star-btn--active svg{fill:#f59e0b}.basic-field-view-value{font-size:.9rem;color:#1f2937;padding:.2rem .5rem .1rem;line-height:1.4}.basic-field-label-input{background:none;border:none;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-family:inherit;outline:none;width:100%;padding:0}.basic-field-label-input::placeholder{color:#c4c9d4;font-weight:400;text-transform:none;letter-spacing:0}.detail-field-delete-btn{background:none;border:none;cursor:pointer;color:#c4c9d4;padding:2px;display:flex;align-items:center;border-radius:3px;transition:color .15s;flex-shrink:0}.detail-field-delete-btn:hover{color:#ef4444}.detail-fields-removed{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;margin-top:.5rem}.detail-fields-removed-label{font-size:.78rem;color:#9ca3af;flex-shrink:0}.detail-field-restore-btn{background:none;border:1px solid #d1d5db;color:#6b7280;font-size:.78rem;font-family:inherit;padding:.2rem .55rem;border-radius:4px;cursor:pointer;transition:all .15s}.detail-field-restore-btn:hover{border-color:#6686cc;color:#6686cc;background:#f0f4ff}.detail-field-add-btn{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;background:none;border:1.5px dashed #c7d2e8;color:#6686cc;padding:.4rem .9rem;border-radius:6px;font-size:.83rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.detail-field-add-btn:hover{border-color:#6686cc;background:#f0f4ff}.basic-field-textarea{width:100%;padding:.35rem .5rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-family:inherit;color:#1f2937;background:#fff;box-sizing:border-box;resize:vertical;min-height:120px;line-height:1.5;transition:border-color .15s}.basic-field-textarea:focus{outline:none;border-color:#6686cc}.inline-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.65rem}.details-section{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000f;margin-bottom:1rem}.section-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #f3f4f6}.voice-selection-container{max-width:500px}.section-hint{font-size:.82rem;color:#9ca3af;margin:-.5rem 0 .75rem}.notes-textarea{width:100%;box-sizing:border-box;padding:.65rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-family:Montserrat,sans-serif;font-size:.9rem;color:#1f2937;resize:vertical;min-height:90px;transition:border-color .2s}.notes-textarea:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.notes-view-text{color:#374151;font-size:.9rem;line-height:1.6;white-space:pre-wrap;margin:0}.fields-grid{display:flex;flex-direction:column;gap:.75rem}.character-field{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .2s ease}.character-field:hover{border-color:#d1d5db}.field-header{display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb;padding:.45rem .75rem;border-bottom:1px solid #e5e7eb}.field-label{font-weight:600;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.ai-suggested-badge{font-size:.68rem;font-weight:600;color:#7c3aed;background:#ede9fe;border-radius:4px;padding:.15rem .45rem;letter-spacing:.02em;text-transform:none;flex-shrink:0}.edit-field-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease}.edit-field-btn:hover{color:#374151;background-color:#f3f4f6}.edit-actions{display:flex;gap:.5rem}.save-field-btn{background:none;border:none;color:#10b981;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.save-field-btn:hover{background-color:#ecfdf5}.cancel-field-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.cancel-field-btn:hover{background-color:#fef2f2}.field-content{padding:.6rem .75rem}.field-content--detail{min-height:120px}.field-value{color:#1f2937;line-height:1.6;white-space:pre-wrap}.field-value.empty{color:#9ca3af;font-style:italic}.field-input{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.75rem;font-size:.95rem;font-family:inherit;transition:border-color .2s ease}.field-input:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 1px #6686cc}.field-textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.75rem;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease}.field-textarea:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 1px #6686cc}.medical-data-editor{display:flex;flex-direction:column;gap:.75rem}.medical-section-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.medical-section-header{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.4rem .6rem}.medical-section-label-input{flex:1;border:none;background:transparent;font-size:.85rem;font-weight:600;font-family:inherit;color:#374151;text-transform:uppercase;letter-spacing:.04em;outline:none}.medical-section-label-input::placeholder{color:#9ca3af;font-weight:400;text-transform:none;letter-spacing:0}.medical-section-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.8rem;padding:2px 4px;border-radius:3px;line-height:1;flex-shrink:0}.medical-section-remove:hover{color:#ef4444;background:#fef2f2}.medical-section-textarea{width:100%;border:none;padding:.6rem .75rem;font-size:.9rem;font-family:inherit;color:#1f2937;resize:vertical;min-height:80px;box-sizing:border-box;line-height:1.5}.medical-section-textarea:focus{outline:none;background:#fafbff}.medical-deleted-sections{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px}.medical-deleted-label{font-size:.8rem;color:#9ca3af;flex-shrink:0}.medical-restore-btn{background:none;border:1px solid #d1d5db;color:#6b7280;font-size:.8rem;font-family:inherit;padding:.25rem .6rem;border-radius:4px;cursor:pointer;transition:all .15s}.medical-restore-btn:hover{border-color:#6686cc;color:#6686cc;background:#f0f4ff}.medical-add-btn{align-self:flex-start;background:none;border:1.5px dashed #c7d2e8;color:#6686cc;padding:.45rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.medical-add-btn:hover{border-color:#6686cc;background:#f0f4ff}.action-buttons{display:flex;justify-content:flex-end;gap:1rem;padding:2rem 0}.cancel-btn{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background-color:#e5e7eb;color:#374151}.save-draft-btn{background-color:#dde4f5;color:#6686cc;border:1px solid #6686cc;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;transition:all .2s ease}.save-draft-btn:hover:not(:disabled){background-color:#c8d4f0}.save-draft-btn:disabled{opacity:.6;cursor:not-allowed}.save-character-btn,.edit-character-btn{background-color:#6686cc;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.save-character-btn:hover:not(:disabled),.edit-character-btn:hover:not(:disabled){background-color:#57b}.save-character-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.profile-header{flex-direction:column;gap:1rem;text-align:center}.inline-fields{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.character-details-page{padding:1rem}.profile-header{flex-direction:column;gap:1rem;text-align:center}.inline-fields{grid-template-columns:1fr}.action-buttons{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start;gap:.5rem}.page-header h1{font-size:1.5rem}}.simulations-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Montserrat,sans-serif;color:#1f2937;min-height:100vh;background-color:#f9fafb}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:24px}.header-content{flex:1}.page-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.2}.page-description{color:#666;margin:0;font-size:1rem;line-height:1.5}.header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-shrink:0}.status-badge-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-badge.draft{background:#fef3c7;color:#92400e;border-color:#f59e0b}.status-badge.unpublished{background:#e0e7ff;color:#3730a3;border-color:#6366f1}.status-badge.published{background:#d1fae5;color:#065f46;border-color:#10b981}.status-badge.archived{background:#f3f4f6;color:#374151;border-color:#6b7280}.published-classes{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.class-badge{padding:4px 8px;background:#f1f5f9;color:#475569;border-radius:4px;font-size:11px;font-weight:500;border:1px solid #e2e8f0}.header-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.attempt-btn{background:#6686cc;color:#fff;padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 10px 22px #2563eb40;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:8px}.attempt-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #2563eb59}.attempt-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.edit-btn{background-color:#57c189;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:6px}.edit-btn:hover{background-color:#4ade80;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.simulation-content{display:flex;flex-direction:column;gap:24px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.info-card:hover{box-shadow:0 4px 12px #00000014}.card-header{padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.card-title-section{display:flex;align-items:center;gap:12px}.card-title-section h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.card-content{padding:24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-weight:500;color:#64748b;font-size:14px}.info-item p{margin:0;color:#1e293b;font-size:16px;line-height:1.5}.character-overview{text-align:left}.character-name{margin:0 0 16px;color:#1e293b;font-size:20px;font-weight:600}.character-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.character-item{display:flex;gap:8px;align-items:center}.character-item label{font-weight:500;color:#64748b;min-width:80px}.character-item span{color:#1e293b;font-weight:500}.scenario-text{margin:0;line-height:1.6;color:#475569}.document-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-top:8px}.document-info{display:flex;flex-direction:column;gap:4px}.document-name{font-weight:500;color:#1e293b;font-size:16px}.document-meta{display:flex;gap:12px}.document-size,.document-type{font-size:12px;color:#64748b}.download-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.evaluation-section{margin-bottom:32px}.evaluation-section:last-child{margin-bottom:0}.evaluation-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.evaluation-header h3{margin:0;color:#1e293b;font-size:16px;font-weight:600;flex:1}.points-badge{padding:4px 8px;background:#e0f2fe;color:#0891b2;border-radius:12px;font-size:12px;font-weight:600}.checklist-container,.rubric-container{display:flex;flex-direction:column;gap:12px}.checklist-row{display:flex;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.item-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.item-content{flex:1;display:flex;justify-content:space-between;align-items:center}.item-description{color:#1e293b;font-weight:500}.item-points{font-size:12px;padding:2px 6px;background:#e0f2fe;color:#0891b2;border-radius:3px;font-weight:500}.rubric-row{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.criterion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.criterion-header h4{margin:0;color:#1e293b;font-size:16px;font-weight:600}.criterion-points{font-size:12px;padding:2px 6px;background:#e0f2fe;color:#0891b2;border-radius:3px;font-weight:600}.criterion-description{margin:0;color:#475569;line-height:1.5}.empty-message{text-align:center;color:#6b7280;font-style:italic;padding:2rem;margin:0}.stats-container{display:flex;gap:20px;margin-bottom:24px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;min-width:120px}.stat-number{font-size:24px;font-weight:700;color:#3b82f6;margin-bottom:4px}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:500}.assignments-container{display:flex;flex-direction:column;gap:20px}.assignment-card{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.assignment-header h4{margin:0;color:#1e293b;font-size:18px;font-weight:600}.assignment-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.groups-container{display:flex;flex-direction:column;gap:12px}.group-card{padding:16px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.group-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.group-name{font-weight:600;color:#1e293b;font-size:16px}.group-count{font-size:12px;color:#64748b;font-weight:500}.group-meta{margin-bottom:8px}.group-due{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.group-instructions{margin:0;font-size:14px;color:#475569;line-height:1.4;font-style:italic}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container h2{color:#dc2626;margin-bottom:8px}.error-container p{color:#6b7280;margin-bottom:16px}@media (max-width: 768px){.simulations-container{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{flex-direction:row;align-items:center;justify-content:space-between}.status-badge-container{align-items:flex-start}.page-title{font-size:1.5rem}.info-grid,.character-details{grid-template-columns:1fr}.stats-container{flex-wrap:wrap}.assignment-header{flex-direction:column;align-items:flex-start;gap:8px}.group-info{flex-direction:column;align-items:flex-start;gap:4px}.card-content{padding:16px}}@media (max-width: 480px){.simulations-container{padding:.75rem}.page-title{font-size:1.25rem}.page-description{font-size:.9rem}.symptoms-list{flex-direction:column}.document-card{flex-direction:column;align-items:stretch;gap:12px}.stats-container{flex-direction:column}}.simulation-detail-page{max-width:1400px;margin:0 auto;padding:2rem;font-family:Montserrat,sans-serif;color:#1f2937;min-height:100vh;background-color:#f9fafb}.simulation-detail-container{width:100%}.simulation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.header-left{flex:1}.simulation-title-section h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#1f2937}.simulation-description{margin:0;color:#6b7280;font-size:1rem;line-height:1.5}.header-right{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.simulation-status{display:flex;gap:.5rem}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-badge.status-draft{background:#fef3c7;color:#92400e;border-color:#f59e0b}.status-badge.status-published{background:#d1fae5;color:#065f46;border-color:#10b981}.status-badge.status-unpublished{background:#e0e7ff;color:#3730a3;border-color:#6366f1}.status-badge.status-archived{background:#f3f4f6;color:#374151;border-color:#6b7280}.published-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.published-info label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.published-date{font-size:.875rem;color:#1f2937;font-weight:500}.no-published{font-size:.875rem;color:#9ca3af;font-style:italic;margin:0}.tab-content{padding:1.5rem 0;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.simulation-content{display:flex;flex-direction:column;gap:1.5rem}.content-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.content-section:hover{box-shadow:0 4px 12px #00000014}.section-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(to right,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.section-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.section-header svg{color:#6686cc;flex-shrink:0}.section-content{padding:1.5rem}.character-card{background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:1.5rem;border-radius:10px;border:1px solid #e2e8f0}.character-card h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.character-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.character-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.character-item label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.character-item span{font-size:1rem;font-weight:600;color:#1e293b}.scenario-section{margin-bottom:24px}.scenario-section:last-child{margin-bottom:0}.scenario-section h4{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:600}.scenario-text{margin:0;line-height:1.8;color:#475569;white-space:pre-wrap;word-wrap:break-word}.symptoms-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.symptom-tag{padding:6px 12px;background:#f1f5f9;border-radius:20px;border:1px solid #e2e8f0;color:#475569;font-size:14px;font-weight:500}.document-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-top:.5rem}.document-details{display:flex;flex-direction:column;gap:.25rem}.document-name{font-weight:600;color:#1e293b;font-size:1rem}.document-size,.document-type{font-size:.75rem;color:#6b7280}.download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.download-btn:hover{background:#5a7bc4;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.evaluation-subsection{margin-bottom:2rem}.evaluation-subsection:last-child{margin-bottom:0}.evaluation-subsection h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1e293b;padding:.75rem 1rem;background:#f1f5f9;border-radius:6px}.evaluation-subsection h3 svg{color:#6686cc}.checklist-items{display:flex;flex-direction:column;gap:.75rem}.checklist-item{display:block;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;text-align:left}.checklist-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px)}.checklist-item .item-number{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;background:linear-gradient(135deg,#6686cc,#3b82f6)!important;color:#fff!important;border-radius:50%!important;font-size:.875rem!important;font-weight:700!important;flex-shrink:0!important;aspect-ratio:1!important}.checklist-item .item-content{text-align:left}.item-description{color:#1e293b;font-weight:500;line-height:1.5;text-align:left;display:block}.item-meta{display:flex;gap:.5rem;align-items:center}.item-points{padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.rubric-criteria{display:flex;flex-direction:column;gap:1rem}.rubric-criterion{padding:1.25rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.rubric-criterion:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.criterion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.criterion-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.criterion-points{padding:.375rem .875rem;background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#1e40af;border-radius:16px;font-size:.875rem;font-weight:700;white-space:nowrap}.criterion-definition{margin-top:.5rem}.criterion-definition p{margin:0;color:#475569;line-height:1.6;font-size:.9rem}.criterion-scales{margin-top:1rem}.criterion-scales h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.scales-list{display:flex;flex-direction:column;gap:.75rem}.scale-item{display:flex;gap:1rem;padding:.75rem;background:#f8fafc;border-radius:6px;border-left:3px solid #6b7280}.scale-value{font-weight:600;color:#6b7280;font-size:.875rem;min-width:50px;flex-shrink:0}.scale-description{color:#6b7280;font-size:.875rem;line-height:1.5;flex:1}.discrepancies-list{display:flex;flex-direction:column;gap:1rem}.discrepancy-item{padding:1.25rem;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b;transition:all .2s ease}.discrepancy-item.resolved{background:#d1fae5;border-left-color:#10b981}.discrepancy-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.discrepancy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.discrepancy-field{font-weight:600;color:#1e293b;font-size:.9rem;font-family:Courier New,monospace}.discrepancy-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.discrepancy-badge.pending{background:#fecaca;color:#991b1b}.discrepancy-badge.resolved{background:#86efac;color:#14532d}.discrepancy-description{margin-bottom:1rem;color:#475569;line-height:1.6;font-size:.9rem}.discrepancy-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-bottom:.75rem}.value-box{padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.value-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:.5rem;display:block}.value-text{color:#1e293b;font-size:.875rem;line-height:1.5;font-family:Courier New,monospace}.user-selection{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;font-size:.875rem}.user-selection strong{color:#1e293b}.user-selection span{color:#6686cc;font-weight:600;text-transform:capitalize}.groups-section{display:flex;flex-direction:column;gap:1.5rem}.class-context-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.class-context-control{display:flex;flex-direction:column;gap:.5rem}.class-context-control label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:600}.class-context-control select{min-width:220px;padding:.6rem 1rem;border-radius:8px;border:1px solid #cbd5f5;background:#fff;font-size:.9rem;color:#1f2937;box-shadow:0 2px 4px #6366f114}.class-context-meta{font-size:.9rem;color:#475569;font-weight:500}.groups-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.groups-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#f1f5f9,#e0e7ff);border-radius:10px;border:1px solid #cbd5e1;min-width:120px}.stat-number{font-size:2rem;font-weight:700;color:#6686cc;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center}.create-group-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6686cc;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #6686cc33}.create-group-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6686cc4d}.create-group-btn:active{transform:translateY(0)}.create-group-btn.disabled,.create-group-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.groups-list{display:flex;flex-direction:column;gap:1rem}.group-card.compact{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s ease}.group-card.compact:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.group-main{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem}.group-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.group-header-compact{display:flex;align-items:center;gap:.75rem}.group-name{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.group-badge{padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.group-desc{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.group-meta-compact{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.meta-item-compact{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:#64748b}.meta-item-compact svg{width:14px;height:14px}.class-info{font-weight:500;color:#6686cc}.group-actions-compact{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}.group-footer-compact{display:flex;justify-content:flex-end;padding:0 1.25rem 1.25rem}.attempt-group-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;height:36px;background:#6686cc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #6686cc33;white-space:nowrap;line-height:1}.attempt-group-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6686cc4d}.attempt-group-btn:active:not(:disabled){transform:translateY(0)}.attempt-group-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.action-btn-compact{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.action-btn-compact.view{background:#dbeafe;color:#1e40af}.action-btn-compact.view:hover{background:#bfdbfe;transform:scale(1.05)}.action-btn-compact.manage{background:#e0e7ff;color:#4338ca}.action-btn-compact.manage:hover{background:#c7d2fe;transform:scale(1.05)}.action-btn-compact.delete{background:#fee2e2;color:#dc2626}.action-btn-compact.delete:hover{background:#fecaca;transform:scale(1.05)}.empty-groups{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{margin-bottom:1rem;color:#cbd5e1}.empty-groups h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1e293b}.empty-groups p{margin:.25rem 0;color:#6b7280;font-size:.9rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #6686cc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:#6b7280;font-size:1rem}.error-container h2{color:#dc2626;margin:0 0 .5rem;font-size:1.5rem}.error-container p{color:#6b7280;margin:0 0 1rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem}.modal-box.compact-modal{max-width:500px}.modal-box.create-group-modal{max-width:550px}.modal-box.group-learners-modal{max-width:800px}.modal-box.manage-learners-modal{max-width:900px}.modal-box.attempt-modal{max-width:520px}.attempt-subtitle{margin:0 0 1.25rem;color:#475569;font-size:.95rem;line-height:1.5}.attempt-participants{display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto;padding:.5rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;margin-bottom:1.5rem}.participant-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.participant-row:hover{border-color:#cbd5f5;box-shadow:0 6px 14px #6366f11f}.participant-row input{width:18px;height:18px;cursor:pointer}.participant-info{display:flex;flex-direction:column;gap:.25rem}.participant-name{font-weight:600;color:#1f2937;font-size:.95rem}.participant-meta{font-size:.8rem;color:#64748b}.attempt-actions{display:flex;justify-content:flex-end;gap:.75rem}.primary-btn,.secondary-btn{padding:.6rem 1.4rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #6686cc59}.primary-btn:disabled{background:#cbd5f5;color:#7c8aa3;cursor:not-allowed;box-shadow:none;transform:none}.secondary-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.secondary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-box h2{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#1e293b}.group-class-info{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.form-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.inline-label{font-weight:600;color:#374151;font-size:.875rem;min-width:100px}.inline-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.inline-input:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.learners-section-compact{margin-top:1.5rem}.section-label{display:block;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.75rem}.learners-list{max-height:250px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;background-color:#f9fafb}.learners-list.compact-list{max-height:300px}.learner-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;border-bottom:1px solid #e5e7eb;gap:1rem;transition:background .2s ease}.learner-row:hover{background:#f1f5f9}.learner-row:last-child{border-bottom:none}.learner-row.compact-row{padding:.5rem .75rem}.learner-name{font-weight:500;color:#374151;font-size:.875rem;flex:1}.learner-email{font-size:.75rem;color:#6b7280}.learner-checkbox{width:18px;height:18px;margin:0;cursor:pointer;flex-shrink:0}.no-learners{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.info-text{text-align:center;color:#9ca3af;font-size:.75rem;font-style:italic;margin-top:.5rem}.learners-table-wrapper{overflow-x:auto;margin:1rem 0}.user-table{width:100%;border-collapse:collapse;font-size:.875rem}.user-table thead{background:#f8fafc}.user-table th{padding:.75rem;text-align:left;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0}.user-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;color:#475569}.user-table tbody tr:hover{background:#f8fafc}.empty-row{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.status-badge.verified{background:#d1fae5;color:#065f46;border-color:#10b981}.status-badge.unverified{background:#fee2e2;color:#991b1b;border-color:#ef4444}.manage-learners-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem 0}.learners-section{display:flex;flex-direction:column}.learners-section h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1e293b}.learners-list.manage-list{max-height:350px}.learner-row.manage-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.learner-actions{display:flex;align-items:center;gap:.75rem}.learner-checkbox.add-checkbox,.learner-checkbox.remove-checkbox{width:18px;height:18px}.changes-summary{background:#f1f5f9;padding:1rem;border-radius:6px;border:1px solid #e2e8f0;margin:1rem 0}.change-item{margin:.25rem 0;font-size:.875rem;font-weight:500}.change-item.add-change{color:#059669}.change-item.remove-change{color:#dc2626}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.modal-actions.compact-actions{margin-top:1.25rem}.cancel-btn,.activate-btn{padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.activate-btn{background:#6686cc;color:#fff}.activate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6686cc4d}.activate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.simulation-detail-page{padding:1rem}.simulation-header{flex-direction:column;gap:1rem}.header-right{width:100%;align-items:flex-start}.simulation-title-section h1{font-size:1.5rem}.character-details{grid-template-columns:1fr}.groups-header{flex-direction:column;align-items:stretch}.groups-stats{justify-content:space-around}.stat-item{min-width:auto;flex:1}.group-main{flex-direction:column;align-items:stretch}.group-actions-compact{justify-content:flex-end}.discrepancy-values,.manage-learners-content{grid-template-columns:1fr}.form-row{flex-direction:column;align-items:stretch}.inline-label{min-width:auto}}@media (max-width: 480px){.simulation-detail-page{padding:.75rem}.simulation-title-section h1{font-size:1.25rem}.section-content{padding:1rem}.groups-stats{flex-direction:column;width:100%}.stat-item{width:100%}.modal-box{padding:1rem}}.online-mode-info{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd}.online-mode-info .info-icon{margin-bottom:1.5rem;color:#0ea5e9}.online-mode-info h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#0c4a6e}.online-mode-info p{margin:0 0 1.5rem;color:#0369a1;font-size:1rem;line-height:1.6}.online-mode-features{text-align:left;max-width:500px;margin:0 auto 2rem;padding:0;list-style:none}.online-mode-features li{color:#0369a1;font-size:.95rem;line-height:1.5;position:relative;padding:.75rem 0 .75rem 1.5rem}.online-mode-features li:before{content:"✓";position:absolute;left:0;top:.75rem;color:#0ea5e9;font-weight:700;font-size:1rem}.mode-note{background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);border-radius:8px;padding:1rem;color:#0c4a6e;font-size:.9rem;line-height:1.5}.mode-note strong{color:#0ea5e9}.online-results-section{display:flex;flex-direction:column;gap:1.25rem}.online-class-filter{display:flex;align-items:center;gap:.75rem}.online-class-filter label{font-weight:600;color:#374151;font-size:.9rem}.online-class-filter select{padding:.4rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.online-stats-row{display:flex;gap:1rem;flex-wrap:wrap}.online-stat-card{flex:1;min-width:110px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.online-stat-card .stat-value{font-size:1.6rem;font-weight:700;color:#1e293b}.online-stat-card .stat-label{font-size:.78rem;color:#64748b;text-align:center}.online-results-toolbar{display:flex;justify-content:flex-end;gap:.5rem}.online-results-toolbar .btn-secondary{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:background .15s}.online-results-toolbar .btn-secondary:hover{background:#f3f4f6}.online-results-section .user-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden}.online-results-section .user-table{width:100%;border-collapse:collapse;font-size:.95rem;background-color:#fff}.online-results-section .user-table th,.online-results-section .user-table td{vertical-align:middle;padding:.75rem 1rem;font-size:.9rem;color:#374151}.online-results-section .user-table th{background-color:#eaf2fb;color:#374151;font-weight:600}.online-results-section .user-table td{border-top:1px solid #F3F4F6}.online-results-section .user-table th:last-child,.online-results-section .user-table td:last-child{text-align:center;min-width:120px}.online-results-section .user-table tr:hover{background-color:#f9faff;transition:background-color .2s ease}.online-results-section .empty-row{text-align:center;color:#9ca3af;font-style:italic;padding:1.5rem!important}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:20px;font-size:.78rem;font-weight:500}.badge-completed{background:#dcfce7;color:#15803d}.badge-not-started{background:#f1f5f9;color:#64748b}.btn-view-results{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .85rem;background:#3b82f6;color:#fff;border:none;border-radius:7px;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-view-results:hover{background:#5a7bc4}.eval-checklist-items{display:flex;flex-direction:column;gap:1.25rem}.eval-checklist-category{display:flex;flex-direction:column;gap:.5rem}.eval-checklist-category-header{text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#6b7280;padding-bottom:.4rem;border-bottom:1px solid #e5e7eb}.eval-checklist-item{display:flex;flex-direction:column;gap:.25rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem}.eval-item-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.eval-item-description{font-size:.9rem;color:#1e293b;line-height:1.5;flex:1}.eval-item-notes{font-size:.8rem;color:#6b7280;font-style:italic}.eval-item-required{align-self:flex-start;font-size:.75rem;font-weight:600;color:#d97706;background:#fef3c7;padding:.15rem .5rem;border-radius:12px}.download-group-filter{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.download-group-filter-label{display:block;font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.4rem}.download-group-filter-btns{display:flex;flex-wrap:wrap;gap:.4rem}.group-filter-btn{padding:.25rem .65rem;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;font-size:.8rem;cursor:pointer;color:#374151;transition:background .15s,border-color .15s}.group-filter-btn:hover{background:#e5e7eb;border-color:#9ca3af}.download-select-all{border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;margin-bottom:.5rem}.download-select-all .learner-name{font-weight:600}.learners-selection{max-height:240px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;background:#f9fafb;margin-bottom:.25rem}.offline-tab-row{display:flex;gap:8px;margin-bottom:20px}.offline-tab-btn{padding:8px 20px;border-radius:8px;border:1px solid #cbd5e1;background:#f1f5f9;color:#475569;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.offline-tab-btn.active{background:#6686cc;color:#fff;border-color:#6686cc}.offline-tab-btn:not(.active):hover{background:#e2e8f0}.offline-results-view{display:flex;flex-direction:column;gap:1.25rem}.loading-state-small{padding:24px;text-align:center;color:#64748b;font-size:.9rem}.offline-learner-table{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.offline-learner-header{display:grid;grid-template-columns:1fr 80px 100px 130px;gap:12px;padding:12px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.offline-learner-row{display:grid;grid-template-columns:1fr 80px 100px 130px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #f1f5f9;background:#fff;transition:background .15s ease}.offline-learner-row:last-child{border-bottom:none}.offline-learner-row:hover{background:#f8fafc}.offline-learner-name{display:flex;flex-direction:column;gap:2px;font-weight:600;color:#0f172a;font-size:.92rem}.offline-learner-email{font-weight:400;color:#64748b;font-size:.8rem}.offline-attempt-count{text-align:center;color:#334155;font-weight:600}.offline-score{font-weight:700;font-size:.95rem}.groups-inner{display:flex;flex-direction:column}.offline-table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.offline-table-toolbar .toolbar-left,.offline-table-toolbar .toolbar-right{display:flex;align-items:center;gap:.5rem}.offline-table-toolbar .btn-secondary{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.875rem;color:#374151;font-family:inherit;cursor:pointer;transition:background .15s}.offline-table-toolbar .btn-secondary:hover{background:#f3f4f6}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{background-color:#d8eaf8}.sort-indicator{font-size:.72rem;color:#6686cc;margin-left:3px;letter-spacing:0}.col-check{width:36px;text-align:center;padding-left:.75rem!important;padding-right:.25rem!important}.offline-unified-section .user-table{width:90%!important;margin:0 auto;table-layout:fixed}.offline-unified-section .user-table colgroup col.col-w-check{width:36px}.offline-unified-section .user-table colgroup col.col-w-name{width:18%}.offline-unified-section .user-table colgroup col.col-w-email{width:22%}.offline-unified-section .user-table colgroup col.col-w-group{width:18%}.offline-unified-section .user-table colgroup col.col-w-status{width:13%}.offline-unified-section .user-table colgroup col.col-w-score{width:8%}.offline-unified-section .user-table colgroup col.col-w-actions{width:21%}.offline-unified-section .user-table th:last-child,.offline-unified-section .user-table td:last-child{text-align:left;min-width:auto}.row-selected{background-color:#eff6ff!important}.row-selected:hover{background-color:#dbeafe!important}.learner-name-cell{font-weight:600;color:#1e293b}.text-muted-cell{color:#6b7280;font-size:.85rem}.group-cell{display:flex;align-items:center;gap:.35rem}.group-name-text{font-weight:500;color:#1e293b;white-space:nowrap}.group-cell-actions{display:inline-flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}tr:hover .group-cell-actions{opacity:1}.btn-icon-xs{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;cursor:pointer;background:#e0e7ff;color:#4338ca;padding:0;transition:background .15s}.btn-icon-xs:hover{background:#c7d2fe}.btn-icon-xs.danger{background:#fee2e2;color:#dc2626}.btn-icon-xs.danger:hover{background:#fecaca}.group-name-input{border:1px solid #6686cc;border-radius:4px;padding:.2rem .4rem;font-size:.875rem;font-family:inherit;outline:none;width:120px;box-shadow:0 0 0 2px #6686cc26}.badge-unassigned{display:inline-block;padding:.2rem .6rem;background:#f1f5f9;color:#94a3b8;border-radius:12px;font-size:.75rem;font-weight:500;font-style:italic}.row-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap}.row-actions .attempt-group-btn,.row-actions .btn-view-results{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;height:28px;font-size:.78rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;box-shadow:none;transition:opacity .15s,background .15s}.row-actions .attempt-group-btn{background:#6686cc;color:#fff}.row-actions .attempt-group-btn:hover:not(:disabled){background:#5a76bb;transform:none}.row-actions .attempt-group-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.row-actions .btn-view-results{background:#6686cc;color:#fff}.row-actions .btn-view-results:hover{background:#5a76bb}.offline-unified-section{display:flex;flex-direction:column;gap:1.25rem}.voice-display{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.5rem}.voice-info{display:flex;align-items:center;gap:.75rem;flex:1}.voice-icon{color:#6686cc;display:flex;align-items:center;justify-content:center}.voice-details{display:flex;flex-direction:column;gap:.25rem}.voice-name{font-weight:600;color:#1f2937;font-size:.95rem}.voice-id{font-size:.8rem;color:#6b7280;font-family:monospace}.play-sample-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.play-sample-btn:hover:not(:disabled){background-color:#57b}.play-sample-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.no-voice{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-style:italic}.audio-error{color:#dc2626;font-size:.8rem;margin-top:.5rem;text-align:center}.loading-indicator{color:#6b7280;font-size:.8rem;font-style:italic;text-align:center;margin-top:.5rem}.instructor-review-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;gap:24px;font-family:Montserrat,sans-serif}.review-header h1{margin:.5rem 0 0;font-size:1.8rem;color:#0f172a}.review-header .subheading{margin:.5rem 0 0;color:#475569;font-size:.95rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;text-decoration:none;margin-bottom:1rem}.back-btn:hover{background-color:#e5e7eb;border-color:#9ca3af;color:#374151}.review-content{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.transcript-card,.mapping-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0f172a14;display:flex;flex-direction:column}.card-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.card-header h2{margin:0;font-size:1.15rem;color:#0f172a}.message-count{background:#e0f2fe;color:#0c4a6e;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.transcript-body{max-height:520px;overflow-y:auto;padding:16px 24px 24px;display:flex;flex-direction:column;gap:12px}.transcript-row{display:grid;grid-template-columns:120px 1fr 110px;gap:16px;align-items:flex-start;padding:12px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.speaker-tag{font-weight:700;color:#1d4ed8;background:#e0e7ff;padding:6px 10px;border-radius:8px;text-align:center}.message-text{color:#0f172a;line-height:1.45;font-size:.95rem}.timestamp{font-size:.8rem;color:#64748b;text-align:right}.empty-state{padding:32px;text-align:center;color:#64748b}.mapping-card .mapping-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.selected-participants-banner{padding:14px 24px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.selected-participants-banner strong{color:#0f172a}.selected-participants-banner .meta{color:#64748b;font-weight:500;font-size:.85rem}.participant-chips{display:flex;flex-wrap:wrap;gap:8px}.participant-chip{padding:6px 12px;background:#e0e7ff;color:#3730a3;border-radius:16px;font-size:.8rem;font-weight:600}.mapping-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.speaker-info{display:flex;flex-direction:column;gap:4px;max-width:60%}.speaker-name{font-weight:600;color:#0f172a;font-size:.95rem}.speaker-preview{color:#64748b;font-size:.85rem;line-height:1.3}.speaker-select{flex:1;min-width:220px;padding:10px 12px;border-radius:10px;border:1px solid #cbd5f5;background:#fff;font-size:.92rem;color:#0f172a}.card-footer{margin-top:auto;padding:16px 24px 24px;display:flex;justify-content:space-between;gap:12px}.primary-btn,.secondary-btn{padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease}.primary-btn{background:#6686cc;color:#fff}.primary-btn:hover{background:#5a7bc4;box-shadow:0 12px 24px #6686cc40;transform:translateY(-1px)}.primary-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.secondary-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.secondary-btn:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.loading-note{font-size:.85rem;color:#64748b}.error-banner{margin:0 24px;padding:12px 16px;border-radius:8px;background:#fee2e2;color:#991b1b;font-size:.9rem}.offline-results-container{display:flex;justify-content:center}.offline-results-card{background:#fff;border-radius:20px;box-shadow:0 16px 40px #0f172a1a;width:100%;max-width:640px;display:flex;flex-direction:column;overflow:hidden}.results-success-banner{display:flex;align-items:flex-start;gap:16px;padding:28px 32px;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.results-success-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.results-success-banner h2{margin:0 0 6px;font-size:1.25rem;color:#14532d}.results-success-banner p{margin:0;color:#166534;font-size:.9rem;line-height:1.5}.results-learner-list{padding:24px 32px;display:flex;flex-direction:column;gap:12px}.results-learner-list h3{margin:0 0 4px;font-size:1rem;color:#0f172a;font-weight:600}.results-learner-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.results-learner-info{display:flex;align-items:center;gap:12px}.results-speaker-tag{font-weight:700;color:#1d4ed8;background:#e0e7ff;padding:4px 10px;border-radius:8px;font-size:.85rem;min-width:36px;text-align:center}.results-learner-name{font-weight:600;color:#0f172a;font-size:.95rem}.results-view-btn{padding:8px 16px;border-radius:8px;background:#6686cc;color:#fff;border:none;font-weight:600;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:background .2s ease}.results-view-btn:hover{background:#5a7bc4}.results-footer{padding:16px 32px 28px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.spin-inline{animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.user-search-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a33;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:#0f172a}.close-button{background:transparent;border:none;cursor:pointer;color:#64748b;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#f1f5f9;color:#0f172a}.modal-body{padding:24px;overflow-y:auto;flex:1}.search-input-wrapper{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.user-search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #cbd5f5;border-radius:10px;font-size:.95rem;color:#0f172a;background:#fff;transition:border-color .2s ease}.user-search-input:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 3px #6686cc1a}.search-loading,.search-empty,.search-hint{padding:20px;text-align:center;color:#64748b;font-size:.9rem}.search-results{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.search-result-item{padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer;transition:all .2s ease}.search-result-item:hover{background:#e0e7ff;border-color:#6686cc;transform:translate(2px)}.user-name{font-weight:600;color:#0f172a;font-size:.95rem;margin-bottom:4px}.user-details{display:flex;gap:12px;font-size:.85rem;color:#64748b;flex-wrap:wrap}.user-details span{white-space:nowrap}@media (max-width: 1024px){.review-content{grid-template-columns:1fr}.transcript-row{grid-template-columns:100px 1fr}.timestamp{grid-column:1 / -1;text-align:left}.user-search-modal{width:95%;max-height:90vh}}.terms-wrapper{display:flex;align-items:center;justify-content:center;min-height:100%;width:100%;padding:2rem 1rem;box-sizing:border-box;font-family:Montserrat,sans-serif}.terms-box{width:100%;max-width:min(600px,92vw);padding:2rem;text-align:center;background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012}.research-preview-banner{display:flex;gap:.75rem;align-items:flex-start;background-color:#fffbeb;border:1px solid #F59E0B;border-radius:8px;padding:1rem 1.25rem;margin-bottom:2rem;color:#92400e}.research-preview-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.research-preview-banner strong{display:block;font-size:.9rem;font-weight:700;margin-bottom:.25rem}.research-preview-banner p{margin:0;font-size:.85rem;line-height:1.5}.terms-subtitle{color:#6b7280;font-size:.95rem;margin-bottom:1.75rem}.terms-section{border-top:1px solid #E5E7EB;padding:1.25rem 0;text-align:left}.terms-section:last-of-type{border-bottom:1px solid #E5E7EB;margin-bottom:1.5rem}.terms-section h2{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#111827}.terms-section p{font-size:.9rem;color:#374151;line-height:1.65;margin:0}.terms-full-link{margin:1.25rem 0 1.5rem;font-size:.875rem}.terms-full-link a{color:#2563eb;text-decoration:none}.terms-full-link a:hover{text-decoration:underline}.terms-checkbox-label{display:flex;align-items:flex-start;justify-content:center;gap:.6rem;cursor:pointer;font-size:.9rem;color:#111827;margin-bottom:1.5rem;line-height:1.5}.terms-checkbox-label input[type=checkbox]{margin-top:3px;flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:#6686cc}.terms-continue-btn{width:100%;padding:.75rem;background-color:#6686cc;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:background-color .2s,opacity .2s}.terms-continue-btn:hover:not(:disabled){background-color:#7f8fb2}.terms-continue-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 640px){.terms-box{padding:1.5rem}}.full-terms-wrapper{display:flex;justify-content:center;min-height:100%;width:100%;padding:3rem 1rem;box-sizing:border-box;font-family:Montserrat,sans-serif}.full-terms-box{width:100%;max-width:min(720px,92vw)}.full-terms-box h1{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#111827}.full-terms-intro{font-size:.95rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.full-terms-section{border-top:1px solid #E5E7EB;padding:1.5rem 0}.full-terms-section h2{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#111827}.full-terms-section p{font-size:.9rem;color:#374151;line-height:1.65;margin:0 0 .5rem}.full-terms-closing{font-size:.9rem;color:#374151;margin-top:1.5rem;line-height:1.6}.full-terms-link{margin:1rem 0;font-size:.875rem}.full-terms-link a{color:#2563eb;text-decoration:none}.full-terms-link a:hover{text-decoration:underline}.full-terms-version{margin-top:2rem;font-size:.8rem;color:#9ca3af}.full-terms-unavailable{margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.full-terms-unavailable p{font-size:.95rem;color:#6b7280}.full-terms-back-btn{font-size:.875rem;font-family:Montserrat,sans-serif;padding:.45rem 1rem;border:1px solid #D1D5DB;border-radius:6px;background:#fff;color:#374151;cursor:pointer}.full-terms-back-btn:hover{background:#f9fafb}.full-terms-body h2{font-size:1rem;font-weight:700;margin:1.5rem 0 .4rem;color:#111827}.full-terms-body h3{font-size:.9rem;font-weight:700;margin:1.2rem 0 .3rem;color:#111827}.full-terms-body p{font-size:.9rem;color:#374151;line-height:1.65;margin:0 0 .5rem;min-height:1em}.full-terms-body ul,.full-terms-body ol{padding-left:1.5rem;margin:0 0 .6rem;font-size:.9rem;color:#374151;line-height:1.65}.full-terms-body a{color:#2563eb;text-decoration:underline}.full-terms-body hr{border:none;border-top:1px solid #E5E7EB;margin:1rem 0}.full-terms-error,.full-terms-loading{font-size:.95rem;color:#6b7280;margin-top:1rem}.minimal-layout{display:flex;flex-direction:column;min-height:100vh;font-family:Montserrat,sans-serif;background:#fff}.minimal-topbar{height:60px;display:flex;align-items:center;padding:0 1.5rem;background-color:#edf1fb;border-bottom:1px solid #c5d1ec;box-shadow:0 1px 4px #0000000d;flex-shrink:0}.minimal-logo{font-family:Nico Moji,sans-serif;font-size:28px;color:#6686cc;transform:translateY(2px);margin:0;padding:0;line-height:1;display:inline-block;text-decoration:none}.minimal-content{flex:1;overflow-y:auto}.inactivity-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.inactivity-modal{background-color:#fff;padding:2rem;border-radius:12px;width:420px;max-width:90vw;box-shadow:0 10px 25px #0000001a;text-align:center;transform:translateY(20px);opacity:0;animation:slideInUp .25s ease forwards;position:relative}.inactivity-modal-header{margin-bottom:1rem}.warning-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.warning-title{color:#1e293b;font-size:1.05rem;font-weight:700;margin:0 0 .6rem;line-height:1.4}.inactivity-modal-content{margin-bottom:1.75rem}.warning-message{color:#6b7280;font-size:.95rem;margin:0 0 1rem;line-height:1.4}.countdown-container{margin:1rem 0}.countdown-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.75rem}.countdown-time{font-size:1.5rem;font-weight:700;color:#6686cc;font-variant-numeric:tabular-nums}.countdown-label{font-size:.8rem;color:#6b7280;font-weight:500}.progress-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;margin:.75rem 0}.progress-fill{height:100%;background-color:#6686cc;border-radius:2px}.warning-details{background:#f8f9fa;border-radius:6px;padding:.75rem;margin:.75rem 0 0}.warning-details p{margin:0 0 .25rem;font-size:.8rem;color:#6b7280;line-height:1.3}.warning-details p:last-child{margin-bottom:0}.inactivity-modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.inactivity-modal .btn{padding:.45rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:.9rem}.inactivity-modal .btn-primary{background-color:#6686cc;border:none;color:#fff;font-weight:600}.inactivity-modal .btn-primary:hover{background-color:#5a7bc4}.inactivity-modal .btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.inactivity-modal .btn-secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.stay-logged-in-btn{background-color:#6686cc;border:none;color:#fff;font-weight:600}.stay-logged-in-btn:hover{background-color:#5a7bc4}.logout-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.logout-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.close-button{display:none}@keyframes slideInUp{to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.inactivity-modal{width:calc(100% - 2rem);padding:1.5rem}.inactivity-modal-actions{flex-direction:column}.inactivity-modal .btn{width:100%}.countdown-time{font-size:1.25rem}}