*{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}@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)}}.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}}.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}@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}.back-bottom-wrapper{margin-top:0rem;display:flex;justify-content:center}.back-bottom{background-color:#7995d2;border:1px solid #b3c2df;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s}.back-bottom:hover{background-color:#b2c2e5;transform:translateY(-2px)}.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}.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:#9fb3df;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.modal-button:hover{background-color:#7c96ce}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-error{color:#c44;background-color:#ffe5e5;padding:.75rem 1rem;border-radius:6px;font-size:.95rem;font-weight:500;text-align:left}.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}.instructor-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}.instructor-go-button:hover{background-color:#7f8fb2}.abby-wrapper{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:Montserrat,sans-serif}.chat-button-container{position:relative;display:flex;flex-direction:column;align-items:center}@media (max-width: 1200px){.abby-wrapper{bottom:15px;right:15px}}.abby-button{background-color:#617ef2;color:#fff;font-size:24px;width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #0003;transition:transform .2s ease;overflow:hidden;padding:0}.abby-button:hover{transform:scale(1.1)}.chat-icon-overlay{position:absolute;bottom:-2px;right:-2px;background-color:#617ef2;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid white;box-shadow:0 2px 6px #617ef24d}.chat-tooltip{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background-color:#617ef2;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #617ef24d;animation:tooltipFadeIn .3s ease-out;z-index:10000}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #617EF2}.chat-text-hint{position:absolute;top:50%;right:70px;transform:translateY(-50%);background-color:#617ef2;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 4px 16px #617ef24d;white-space:nowrap;z-index:10001;animation:textHintFadeInOut 3s ease-out forwards}.chat-text-hint:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #617EF2;border-top:8px solid transparent;border-bottom:8px solid transparent}.pulse-animation{animation:gentlePulse 2s ease-in-out 4}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes textHintFadeInOut{0%{opacity:0;transform:translateY(-50%) translate(10px)}10%{opacity:1;transform:translateY(-50%) translate(0)}90%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-10px)}}@keyframes gentlePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.abby-box{width:340px;height:520px;bottom:20px;right:20px;position:fixed;background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000026;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,opacity .3s ease;z-index:9999;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px)}.abby-box.closed{transform:scale(.95) translateY(20px);opacity:0;pointer-events:none}.abby-box.open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.abby-header{background-color:#617ef2;color:#fff;padding:12px 16px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:center;gap:10px}.bot-avatar-header{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.bot-avatar-button{width:100%;height:100%;border-radius:50%;object-fit:cover;border:none}.abby-header button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.abby-body{flex:1 1 0;min-height:0;padding:12px;overflow-y:auto}.chat-input-row{display:flex;border-top:1px solid #eee;flex-shrink:0;padding:.5rem;gap:.5rem;align-items:center}.chat-input{flex:1;min-width:0;border:none;padding:10px;font-size:.95rem;outline:none;border-radius:16px;background-color:#f5f5f5}.chat-send{background-color:#617ef2;color:#fff;border:none;padding:10px 14px;border-radius:20px;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #617ef24d;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;flex-shrink:0;min-width:44px;height:44px}.chat-send:hover{background-color:#4d68e0;box-shadow:0 6px 14px #617ef266}.chat-send:active{transform:scale(.97)}.chat-bubble{max-width:75%;padding:12px 16px;font-size:.95rem;line-height:1.4;position:relative;border-radius:20px;word-wrap:break-word;clear:both}.message-container.right .user-bubble{background-color:#617ef2;color:#fff;font-weight:500;border-radius:20px 20px 4px;padding:12px 16px;margin-bottom:4px;max-width:80%;word-wrap:break-word;display:inline-block;align-self:flex-end}.message-container.left .abby-bubble{background-color:#e5e5ea;color:#000;font-weight:500;border-radius:20px 20px 20px 4px;padding:12px 16px;margin-bottom:4px;max-width:80%;word-wrap:break-word;display:inline-block;align-self:flex-start}.abby-bubble{background-color:#e5e5ea;color:#000;margin-right:auto;border-radius:20px 20px 20px 4px}.chat-timestamp{font-size:.75rem;color:#9ca3af;margin-top:4px;margin-left:8px;margin-right:8px}.typing-indicator{background-color:#e5e5ea;padding:10px 16px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;margin:4px 8px;max-width:60%;height:auto}.typing-indicator .dot{height:6px;width:6px;margin:0 4px;background-color:#6c6c6c;border-radius:50%;display:inline-block;animation:blink 1.4s infinite}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.message-container{display:flex;flex-direction:column;margin-bottom:12px}.message-container.right{align-items:flex-end}.scroll-to-bottom{position:absolute;bottom:70px;left:50%;transform:translate(-50%);z-index:1;background-color:#617ef2;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;cursor:pointer;transition:transform .2s ease-in-out}.scroll-to-bottom:hover{transform:translate(-50%) scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.chat-bubble strong{font-weight:600;color:inherit}.chat-bubble em{font-style:italic;color:inherit}.chat-bubble code{background-color:#0000001a;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.chat-bubble ol,.chat-bubble ul{margin:8px 0;padding-left:20px}.chat-bubble li{margin:4px 0;line-height:1.4}.chat-bubble ol{list-style-type:decimal}.chat-bubble ul{list-style-type:disc}.chat-bubble br{line-height:1.6}@media (min-width: 1400px){.abby-box{width:380px;height:580px}.abby-button{width:64px;height:64px;font-size:26px}.chat-bubble{font-size:1rem;padding:14px 18px}.chat-input{font-size:1rem;padding:12px}}@media (max-width: 1200px){.abby-wrapper{bottom:15px;right:15px}.abby-box{width:320px;height:480px;bottom:15px;right:15px}.abby-button{width:52px;height:52px;font-size:22px}.chat-bubble{font-size:.9rem;padding:10px 14px}.chat-input{font-size:.9rem;padding:9px}}@media (max-width: 1000px){.abby-box{width:300px;height:450px}.chat-bubble{font-size:.85rem;padding:9px 12px}.chat-input{font-size:.85rem;padding:8px}.chat-send{padding:8px 12px;font-size:14px}}@media (max-width: 768px){.abby-wrapper{bottom:10px;right:10px}.abby-box{width:min(300px,calc(100vw - 20px));height:min(400px,calc(100vh - 20px));bottom:10px;right:10px;border-radius:12px}.abby-button{width:48px;height:48px;font-size:20px}.abby-header{padding:10px 14px;font-size:.9rem}.bot-avatar-header{width:28px;height:28px}.chat-icon-overlay{width:18px;height:18px;font-size:11px}.chat-tooltip{bottom:60px;font-size:11px;padding:6px 10px}.abby-body{padding:10px}.chat-bubble{font-size:.8rem;padding:8px 11px;max-width:85%}.chat-input{font-size:.8rem;padding:8px}.chat-send{padding:8px 10px;font-size:13px}.chat-timestamp{font-size:.7rem}.scroll-to-bottom{width:28px;height:28px;font-size:14px;bottom:60px}}@media (max-width: 480px){.abby-wrapper{bottom:8px;right:8px}.abby-box{width:min(280px,calc(100vw - 16px));height:min(350px,calc(100vh - 16px));bottom:8px;right:8px;border-radius:10px}.abby-button{width:44px;height:44px;font-size:18px}.abby-header{padding:8px 12px;font-size:.85rem}.bot-avatar-header{width:26px;height:26px}.chat-icon-overlay{width:16px;height:16px;font-size:10px;bottom:-1px;right:-1px}.chat-tooltip{bottom:55px;font-size:10px;padding:5px 8px}.chat-text-hint{font-size:12px;right:60px;padding:8px 12px}.chat-text-hint:after{border-left:7px solid #617EF2;border-top:7px solid transparent;border-bottom:7px solid transparent}.abby-body{padding:8px}.chat-bubble{font-size:.75rem;padding:7px 10px;max-width:90%;border-radius:16px}.message-container.left .abby-bubble{border-radius:16px 16px 16px 4px}.message-container.right .user-bubble{border-radius:16px 16px 4px}.chat-input{font-size:16px;padding:7px}.chat-send{padding:7px 9px;font-size:12px;border-radius:16px}.chat-timestamp{font-size:.65rem;margin:2px 6px}.typing-indicator{padding:8px 12px;border-radius:14px}.typing-indicator .dot{height:5px;width:5px;margin:0 3px}.scroll-to-bottom{width:26px;height:26px;font-size:12px;bottom:50px}}@media (max-width: 360px){.abby-wrapper{bottom:5px;right:5px}.abby-box{width:min(260px,calc(100vw - 10px));height:min(320px,calc(100vh - 10px));bottom:5px;right:5px;border-radius:8px}.abby-button{width:40px;height:40px;font-size:16px}.abby-header{padding:6px 10px;font-size:.8rem}.bot-avatar-header{width:24px;height:24px}.header-content{gap:8px}.chat-icon-overlay{width:14px;height:14px;font-size:9px;bottom:0;right:0;border:1px solid white}.chat-tooltip{bottom:50px;font-size:9px;padding:4px 6px;border-radius:6px}.chat-text-hint{font-size:11px;right:50px;padding:6px 10px;border-radius:6px}.chat-text-hint:after{border-left:6px solid #617EF2;border-top:6px solid transparent;border-bottom:6px solid transparent}.abby-body{padding:6px}.chat-bubble{font-size:.7rem;padding:6px 8px;max-width:95%}.chat-input{font-size:16px;padding:6px}.chat-send{padding:6px 8px;font-size:11px}.chat-timestamp{font-size:.6rem;margin:1px 4px}.message-container{margin-bottom:8px}.scroll-to-bottom{width:24px;height:24px;font-size:11px;bottom:45px}}@media (max-width: 768px) and (orientation: landscape){.abby-box{height:min(300px,calc(100vh - 20px))}}@media (max-width: 480px) and (orientation: landscape){.abby-box{height:min(250px,calc(100vh - 16px))}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.chat-bubble{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.message-container{display:flex;flex-direction:column;margin-bottom:1rem}.message-container.left{align-items:flex-start}@keyframes typingBounce{0%{transform:translateY(0);opacity:.4}50%{transform:translateY(-8px);opacity:1}to{transform:translateY(0);opacity:.4}}.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}.admin-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}.admin-go-button:hover{background-color:#7f8fb2}.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}@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}}.placeholder-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.placeholder-content{text-align:center;max-width:500px;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;animation:fadeInUp .6s ease-out}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s infinite}.placeholder-title{font-size:2.5rem;color:#333;margin-bottom:1rem;font-weight:700}.placeholder-message{font-size:1.2rem;color:#666;line-height:1.6;margin-bottom:2rem}.placeholder-progress{margin-top:2rem}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);width:45%;border-radius:4px;animation:pulse 2s ease-in-out infinite}.progress-text{color:#888;font-size:.9rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.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}.learner-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}.learner-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}.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-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}}.topbar .btn-reject,.topbar button.btn-reject,button.btn-reject[onclick*=handleLogout]{padding:.25rem 1rem!important;background-color:#f28b82!important;color:#fff!important;border:none!important;border-radius:4px!important;font-weight:700!important;cursor:pointer!important;height:auto!important;min-height:auto!important;font-size:.875rem!important}.topbar .btn-reject:hover,.topbar button.btn-reject:hover,button.btn-reject[onclick*=handleLogout]:hover{background-color:#e76a6a!important}.btn-reject{padding:.25rem 1rem;background-color:#f28b82;color:#fff}.btn-reject: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}.btn-reject{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}.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{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;padding-right:3rem;line-height:1.3}.class-card p{font-size:.95rem;color:#666;margin-bottom:1rem;line-height:1.4;flex-grow:1;padding-right:3rem}@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}.archived-row{opacity:.6;border:2px dashed #cbd5e1;background-color:#f9fafb}.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;transition:background-color .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{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.instructor-classes-container .activate-btn:disabled:hover{background-color:#9ca3af}.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}.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;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}.class-detail-container{max-width:min(1400px,95vw);margin:0 auto;font-family:Montserrat,sans-serif;padding:2rem;color:#1f2937;width:100%;box-sizing:border-box}.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: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}.simulations-container .user-table{table-layout:fixed;width:100%}.simulations-container .user-table th:nth-child(1),.simulations-container .user-table td:nth-child(1){width:70px;text-align:center}.simulations-container .user-table th:nth-child(2),.simulations-container .user-table td:nth-child(2){width:20%}.simulations-container .user-table th:nth-child(3),.simulations-container .user-table td:nth-child(3){width:25%}.simulations-container .user-table th:nth-child(4),.simulations-container .user-table td:nth-child(4){width:15%}.simulations-container .user-table th:nth-child(5),.simulations-container .user-table td:nth-child(5){width:60px!important;text-align:center;padding-left:.25rem!important;padding-right:.15rem!important}.simulations-container .user-table th:nth-child(6),.simulations-container .user-table td:nth-child(6){width:60px!important;text-align:center;padding-left:.15rem!important;padding-right:.25rem!important}.simulations-container .user-table th:nth-child(7),.simulations-container .user-table td:nth-child(7){width:120px}.simulations-container .user-table th:nth-child(8),.simulations-container .user-table td:nth-child(8){width:90px;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: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}.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}.class-detail-container .archive-btn{background-color:#ef4444;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 .archive-btn:hover{background-color:#dc2626}.class-detail-container .cancel-btn{background-color:#e5e7eb;color:#374151;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.class-detail-container .cancel-btn:hover{background-color:#d1d5db}.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}.delete-btn{background-color:#ef4444;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}.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}.slider:before,.slider-danger:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.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-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}.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}.view-btn:hover{background-color:#2563eb}.overview-box{margin-top:0}.simulations-container{position:relative;margin-top:0}.draggable-table .draggable-row{cursor:grab;transition:background-color .2s ease,opacity .2s ease}.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}.add-simulation-section{display:flex;justify-content:flex-end;margin-top:1rem;padding:1rem 0}.add-simulation-btn{background-color:#10b981;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{background-color:#059669}.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:#059669;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:#10b981;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:#059669}.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-students-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.students-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}.student-assignment-modal{max-width:650px;width:90vw;max-height:80vh;overflow-y:auto}.student-assignment-list{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin:1rem 0;background-color:#f9fafb}.student-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}.student-assignment-item:last-child{margin-bottom:0}.student-assignment-item:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.student-info{flex:1}.student-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.student-info p{margin:0 0 .5rem;font-size:.875rem;color:#6b7280}.run-btn{background-color:#10b981;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:#059669}.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.student{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.student .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:#2563eb}.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}.simulations-container .group-count,.simulations-container .student-count,.class-detail-container .group-count,.class-detail-container .student-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:50%!important;font-size:.75rem!important;font-weight:600!important;padding:.25rem!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}.students-selection{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;background-color:#f9fafb}.student-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:.5rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.student-checkbox:hover{background-color:#e5e7eb}.student-checkbox input[type=checkbox]{margin:0}.student-name{font-weight:500;color:#374151}.student-email{font-size:.875rem;color:#6b7280}.import-students-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-students-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:#4b61aa}.import-students-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}.upload-modal{max-width:600px;width:90vw}.upload-content{padding:1rem 0}.upload-description{margin-bottom:1.5rem;color:#6b7280;line-height:1.5}.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}.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:6px;top:2px;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}.simulations-container .user-table th,.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}.simulations-container .user-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.simulations-container .user-table{min-width:900px}.simulations-container .user-table th,.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}.simulations-container .user-table-wrapper{overflow-x:visible}.simulations-container .user-table thead{display:none}.simulations-container .user-table,.simulations-container .user-table tbody{display:block;width:100%}.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}.simulations-container .user-table tbody tr:hover{background-color:#fff;box-shadow:0 4px 6px #0000001a}.simulations-container .user-table tbody tr.empty-row{text-align:center;padding:2rem 1rem;border:none;box-shadow:none}.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}.simulations-container .user-table td:last-child{border-bottom:none;padding-top:1rem;justify-content:center}.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}.simulations-container .user-table td:last-child:before{content:none}.simulations-container .draggable-row{cursor:default!important}.simulations-container .drag-handle{display:flex;justify-content:space-between;align-items:center}.simulations-container .drag-icon{display:none}.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}.simulations-container .user-table tbody tr{padding:.75rem}.simulations-container .user-table td{font-size:.85rem}.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}}.tab-slider-wrapper{width:100%;margin-bottom:1.5rem;border-bottom:none!important;display:flex;flex-direction:column}.tab-content-wrapper{width:100%}.tab-slider-container{position:relative;display:flex;width:100%}.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;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}.admin-users{max-width:min(1400px,95vw);font-family:Montserrat,sans-serif;padding:1.5rem;margin:0 auto;width:100%}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#d1d5db;border-radius:34px;top:0;left:0;right:0;bottom:0;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{transform:translate(18px)}.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{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background-color:#fff;box-shadow:0 1px 3px #00000014;transition:box-shadow .3s ease,transform .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.class-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.class-card h2{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.class-card p{font-size:.95rem;color:#6b7280;flex:1}.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{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}.toggle-label{font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.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}.admin-users{max-width:1200px;margin:0 auto;font-family:Montserrat,sans-serif;padding:2rem;color:#1f2937}.archived-row{background-image:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#e5e7eb 10px,#e5e7eb 20px);opacity:.85}.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:#ef4444;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:#dc2626}.character-name,.character-details,.published-date,.due-date,.assignment-group{color:#111827;font-weight:500}.user-table th:nth-child(4),.user-table td:nth-child(4){width:17%;text-align:center;padding-left:1rem}.user-table th:nth-child(5),.user-table td:nth-child(5){width:14%}.user-table th:nth-child(6),.user-table td:nth-child(6){width:10%;text-align:center}.admin-users{max-width:min(1400px,95vw);font-family:Montserrat,sans-serif;padding:1.5rem;margin:0 auto;width:100%;box-sizing:border-box}.admin-users h1.section-heading{font-weight:700;font-size:1.5rem!important;margin-bottom:1.5rem;line-height:1.2!important;display:block!important;margin:0 0 1.5rem!important}.assignment-filter-bar{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.5rem;align-items:center;margin-bottom:1rem;min-width:0;width:100%;padding:.5rem}.assignment-search{flex:1 1 150px;min-width:120px;max-width:200px;min-height:40px;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background-color:#fff;color:#374151}.assignment-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background-color:#fff;color:#374151;min-width:120px}.assignment-filter-bar .react-select-container,.assignment-filter-bar .react-select-container>div,.assignment-filter-bar .react-select__control{flex:0 0 75px!important;min-width:70px!important;max-width:75px!important;width:75px!important}.assignment-filter-bar .react-select-container .react-select__control{min-height:32px;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem}.assignment-filter-bar .react-select-container .react-select__value-container{padding:1px 4px}.assignment-filter-bar .react-select-container .react-select__single-value{font-size:.75rem;color:#374151}.assignment-filter-bar .react-select__control,.assignment-filter-bar .react-select__control--is-focused,.assignment-filter-bar .react-select__control--menu-is-open{width:75px!important;min-width:75px!important;max-width:75px!important}.assignment-filter-bar .react-select__value-container,.assignment-filter-bar .react-select__input-container{width:100%!important;max-width:70px!important}.segmented-sort-toggle{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;height:36px;flex:0 0 auto;white-space:nowrap}.segmented-sort-toggle button{flex:1;border:none;padding:.5rem .75rem;background-color:#fff;color:#374151;font-weight:500;font-size:.8rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap;min-width:80px}.segmented-sort-toggle button.active{background-color:#6686cc;color:#fff}.segmented-sort-toggle button:hover:not(.active){background-color:#f3f4f6}.single-sort-toggle{display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:6px;padding:.4rem .5rem;background-color:#6686cc;color:#fff;font-weight:500;font-size:.8rem;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;flex:0 0 80px;max-width:140px;height:38px}.single-sort-toggle:hover{background-color:#5a7bc4}.btn-reset{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.4rem .5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;flex:0 0 50px;max-width:50px;white-space:nowrap;font-size:.75rem;height:32px}.btn-reset:hover{background-color:#e5e7eb}.pagination-row{margin-top:1rem;display:flex;justify-content:center;gap:1.25rem;align-items:center;font-weight:500}.page-btn{padding:.4rem 1rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s ease}.page-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.user-table-wrapper{overflow-x:auto}.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;border-bottom:1px solid #E5E7EB;font-size:.9rem}.user-table td{padding:.75rem 1rem;font-size:.9rem;color:#374151;border-bottom:1px solid #E5E7EB}.user-table .btn-work{color:#fff!important}.btn-work{padding:.4rem .75rem;background-color:#6686cc;color:#fff;border:none;border-radius:6px;font-size:.85rem;text-decoration:none;font-weight:500;transition:background-color .2s ease;outline:none}.btn-work:hover{background-color:#4b61aa;color:#fff}.btn-work[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.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{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}.user-table th:nth-child(1),.user-table td:nth-child(1){width:18%}.user-table th:nth-child(2),.user-table td:nth-child(2){width:20%}.user-table th:nth-child(3),.user-table td:nth-child(3){width:18%;padding-left:1.5rem}.user-table th:nth-child(4),.user-table td:nth-child(4){width:17%}.user-table th:nth-child(5),.user-table td:nth-child(5){width:12%;text-align:center;padding-left:1rem}.user-table th:nth-child(6),.user-table td:nth-child(6){width:14%}.user-table th:nth-child(7),.user-table td:nth-child(7){width:10%;text-align:center}.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}.empty-row{text-align:center;color:#6b7280;font-style:italic;padding:2rem}@media (min-width: 1921px){.admin-users{max-width:min(1800px,90vw);padding:2rem}.admin-users h1.section-heading{font-size:1.75rem!important;margin-bottom:2rem!important}.assignment-filter-bar{gap:1rem;padding:1rem}.user-table th,.user-table td{padding:1rem 1.25rem;font-size:1rem}.btn-work{padding:.5rem 1.5rem;font-size:.95rem}}@media (min-width: 1200px) and (max-width: 1920px){.admin-users{max-width:min(1400px,92vw);padding:1.5rem}}@media (min-width: 641px) and (max-width: 1199px){.admin-users{max-width:95vw;padding:1.25rem}.admin-users h1.section-heading{font-size:1.35rem!important;margin-bottom:1.25rem!important}.assignment-filter-bar{gap:.75rem;padding:.75rem;flex-wrap:wrap}.assignment-search{flex:1 1 180px;min-width:150px}.single-sort-toggle,.btn-reset{flex:0 0 auto}.user-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table{min-width:900px}.user-table th,.user-table td{padding:.65rem .85rem;font-size:.875rem}.btn-work{padding:.4rem .85rem;font-size:.825rem}}@media (max-width: 640px){.admin-users{max-width:100%;padding:1rem}.admin-users h1.section-heading{font-size:1.25rem!important;margin-bottom:1rem!important;text-align:center}.assignment-filter-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;background-color:#f9fafb;border-radius:8px}.assignment-search{flex:1 1 auto;max-width:100%;width:100%}.assignment-filter-bar>div{width:100%!important;max-width:100%!important;min-width:100%!important}.assignment-filter-bar .react-select-container,.assignment-filter-bar .react-select-container>div,.assignment-filter-bar .react-select__control{flex:1 1 auto!important;min-width:100%!important;max-width:100%!important;width:100%!important}.single-sort-toggle{flex:1 1 auto;max-width:100%;width:100%;justify-content:center}.btn-reset{flex:1 1 auto;max-width:100%;width:100%;height:40px;font-size:.875rem}.user-table-wrapper{overflow-x:visible}.user-table thead{display:none}.user-table,.user-table tbody{display:block;width:100%}.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}.user-table tbody tr:hover{background-color:#fff;box-shadow:0 4px 6px #0000001a}.user-table tbody tr.empty-row{text-align:center;padding:2rem 1rem;border:none;box-shadow:none}.user-table td{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #f3f4f6;text-align:right}.user-table td:last-child{border-bottom:none;padding-top:1rem;justify-content:center}.user-table td:before{content:attr(data-label);font-weight:600;color:#6b7280;text-align:left;flex:0 0 45%;padding-right:1rem}.user-table td:last-child:before{content:none}.btn-work{width:100%;padding:.75rem 1rem;font-size:.875rem}.badge{padding:.25rem .5rem;font-size:.75rem}.pagination-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.page-btn{padding:.5rem 1.25rem;font-size:.875rem}}@media (max-width: 480px){.admin-users{padding:.75rem}.admin-users h1.section-heading{font-size:1.125rem!important}.assignment-filter-bar{padding:.75rem;gap:.5rem}.user-table tbody tr{padding:.75rem}.user-table td{font-size:.85rem}.user-table td:before{font-size:.8rem;flex:0 0 40%}.btn-work{padding:.65rem .85rem;font-size:.8rem}.pagination-row{font-size:.85rem}.page-btn{padding:.45rem 1rem;font-size:.8rem}}.simulation-detail-container{max-width:min(1400px,95vw);margin:0 auto;padding:1.5rem;font-family:Montserrat,sans-serif;width:100%}@media (max-width: 640px){.simulation-detail-container{padding:1rem}}@media (min-width: 1921px){.simulation-detail-container{max-width:min(1800px,90vw);padding:2rem}}.header-section{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.header-right{flex-shrink:0}.back-button{display: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;margin-bottom:1rem}.back-button:hover{background-color:#e5e7eb}.simulation-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.attempt-simulation-btn{background-color:#6686cc;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 4px #6686cc33}.attempt-simulation-btn:hover{background-color:#5a7bc4;box-shadow:0 4px 8px #6686cc4d}.attempt-simulation-btn:active{transform:translateY(1px)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:1.5rem}}.left-column,.right-column{display:flex;flex-direction:column;gap:1.5rem}.info-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014}.info-card h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.info-card h3{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.info-card h4{font-size:1rem;font-weight:600;color:#374151;margin:1rem 0 .5rem}.info-grid{display:grid;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-weight:600;color:#374151;font-size:.9rem}.info-item p{color:#4b5563;margin:0;line-height:1.4}.scenario-text,.chief-complaint,.symptoms-text,.instructions-text{color:#4b5563;line-height:1.6;margin:0}.symptoms-container{margin:0;padding:0}.symptom-row{display:flex;align-items:flex-start;margin-bottom:.5rem;line-height:1.5}.bullet-point{color:#374151;margin-right:.5rem;font-size:1rem;line-height:1.5;flex-shrink:0}.symptom-text{color:#374151;flex:1}.chief-complaint{font-weight:500;color:#dc2626;font-size:1.1rem}.due-date{color:#dc2626!important;font-weight:500}.character-info{display:flex;flex-direction:column;gap:1rem}.character-basic{padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.character-basic p{color:#6b7280;margin:.25rem 0}.primary-condition{color:#dc2626!important;font-weight:500}.medications,.chronic-conditions,.medical-history,.family-history,.living-situation{display:flex;flex-direction:column;gap:.5rem}.medications ul,.chronic-conditions ul{margin:0;padding-left:1.5rem}.medications li,.chronic-conditions li{color:#4b5563;margin-bottom:.25rem}.history-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.history-item strong{color:#374151;font-size:1rem}.history-item span{color:#4b5563;font-size:1rem}.checklist-content{display:flex;flex-direction:column;gap:1rem}.checklist-category{display:flex;flex-direction:column;gap:.5rem}.checklist-category ul{margin:0;padding-left:1.5rem}.checklist-category li{color:#4b5563;margin-bottom:.25rem}.checklist-category p{color:#4b5563;margin:0}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #6686cc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container h2{color:#dc2626;margin-bottom:.5rem}.error-container p{color:#6b7280;margin-bottom:1rem}.simulation-detail-container .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}.simulation-detail-container .activate-btn:hover{background-color:#5a7bc4}@media (max-width: 768px){.simulation-title{font-size:1.5rem}.info-card{padding:1rem}.info-card h2{font-size:1.1rem}.character-basic h3{font-size:1rem}}.agent-starter-exact-ui{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.top-status-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#374151;z-index:50}.status-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;z-index:40}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:14px;font-weight:500;color:#374151}.simulation-main-content{display:flex;align-items:stretch;position:fixed;top:80px;left:0;right:0;bottom:200px;z-index:20;padding:12px;gap:12px}.character-image-section{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;overflow:hidden}.character-image-container{flex:1;width:100%;border-radius:0;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.character-image{width:100%;height:100%;object-fit:cover;display:block;min-width:100%;min-height:100%}.character-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#6b7280}.placeholder-icon{font-size:80px;margin-bottom:16px}.placeholder-name{font-size:18px;font-weight:600;color:#374151}.transcript-section{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;overflow:hidden;margin-bottom:0!important;height:auto!important}.transcript-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.transcript-header h3{margin:0;font-size:18px;font-weight:600;color:#374151}.transcript-messages-container{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.transcript-empty-state{text-align:center;color:#6b7280;font-style:italic;padding:60px 20px}.transcript-message{display:flex;margin-bottom:0}.transcript-message.user{justify-content:flex-end}.transcript-message.agent{justify-content:flex-start}.transcript-message-content{max-width:75%;padding:12px 16px;border-radius:12px;position:relative}.transcript-message.user .transcript-message-content{background:#dbeafe;color:#1e40af;border-bottom-right-radius:4px}.transcript-message.agent .transcript-message-content{background:#f3f4f6;color:#374151;border-bottom-left-radius:4px}.transcript-speaker-label{font-size:12px;font-weight:600;margin-bottom:6px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.transcript-message-text{line-height:1.6;margin-bottom:4px;word-wrap:break-word}.transcript-message-time{font-size:11px;color:#9ca3af;opacity:.7}.camera-feed-container{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative}.local-camera-feed{width:100%;height:100%;object-fit:cover}.local-camera-feed video{width:100%!important;height:100%!important;object-fit:cover}.central-visual{display:none}.agent-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#3b82f6);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 32px #8b5cf64d}.agent-avatar{width:100%;height:100%;border-radius:50%;position:relative}.speaking-animation{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(139,92,246,.3);animation:ripple 1.5s infinite}.audio-bars{display:flex;gap:4px;align-items:center;height:40px}.audio-bar{width:4px;height:20px;background:#d1d5db;border-radius:2px;transition:all .3s ease}.audio-bar.active{background:#8b5cf6;animation:barPulse .6s ease-in-out infinite alternate}.chat-messages{display:none}.messages-container{max-width:600px;width:100%;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:20px 0}.empty-state{text-align:center;color:#6b7280;font-style:italic;padding:40px 20px}.message{display:flex;margin-bottom:8px}.message.user{justify-content:flex-end}.message.agent{justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:20px;position:relative}.message.user .message-content{background:#f3f4f6;color:#374151}.message.agent .message-content{background:#fff;color:#374151;border:1px solid #e5e7eb}.message-text{line-height:1.5;margin-bottom:4px}.message-time{font-size:12px;color:#9ca3af;opacity:.7}.control-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;padding:24px;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-content{max-width:600px;margin:0 auto;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb;padding:12px;box-shadow:0 4px 12px #0000001a}.chat-input-section{overflow:hidden;transition:height .3s ease-out;height:0}.chat-input-section.open{height:57px}.chat-input-container{height:32px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.chat-input{flex:1;height:100%;border:none;background:transparent;padding:0 12px;font-size:14px;color:#374151;outline:none}.chat-input::placeholder{color:#9ca3af}.send-button{padding:6px 12px;border:none;border-radius:6px;background:#3b82f6;color:#fff;font-size:12px;font-weight:600;font-family:Courier New,monospace;cursor:pointer;transition:all .2s ease}.send-button:hover:not(:disabled){background:#2563eb}.send-button:disabled{background:#d1d5db;cursor:not-allowed}.divider{border:none;height:1px;background:#e5e7eb;margin:0}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.left-controls{display:flex;gap:4px}.mic-control{display:flex;align-items:center}.mic-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.mic-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.mic-button:disabled{opacity:.5;cursor:not-allowed}.mic-button.muted{background:#fef2f2;border-color:#fecaca;color:#dc2626}.mic-waves{display:flex;gap:2px;align-items:center}.mic-wave{width:2px;height:12px;background:#d1d5db;border-radius:1px;transition:all .3s ease}.mic-wave.active{background:#3b82f6;animation:micWavePulse .6s ease-in-out infinite alternate}.video-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;color:#374151}.video-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.video-button:disabled{opacity:.5;cursor:not-allowed}.video-button.enabled{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.chat-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;color:#374151}.chat-toggle:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.chat-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-toggle.active{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.end-call-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;background:#dc2626;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;font-family:Courier New,monospace}.end-call-button:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.end-call-button:disabled{opacity:.5;cursor:not-allowed}.end-text{font-weight:600}.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:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.error-content button:hover{background:#b91c1c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes barPulse{0%{height:20px}to{height:40px}}@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}.transcript-messages-container::-webkit-scrollbar{width:8px}.transcript-messages-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.transcript-messages-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.transcript-messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 1024px){.simulation-main-content{flex-direction:column;gap:12px;padding:12px}.character-image-section{flex:0 0 auto;padding:12px}.character-image-container{max-width:250px}.transcript-section{flex:1;min-height:0}}@media (max-width: 768px){.simulation-main-content{top:70px;padding:8px;gap:8px}.character-image-section{flex:0 0 auto;padding:8px}.character-image-container{max-width:150px}.placeholder-icon{font-size:60px}.transcript-header{padding:10px 12px}.transcript-header h3{font-size:16px}.transcript-messages-container{padding:12px;gap:10px}.transcript-message-content{max-width:85%;padding:10px 14px}.control-content{margin:0 12px}.end-text{display:none}.status-indicator{top:16px;font-size:12px;padding:4px 10px}}.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}.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}.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:column;gap:1rem;margin-bottom:2rem;align-items:flex-start}.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}.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}.transcript-tab,.assessment-tab{padding:2rem;min-height:400px}.transcript-section{margin-bottom:2rem}.transcript-section h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem}.transcript-text{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;font-size:1rem;line-height:1.6;color:#111827;white-space:pre-wrap;min-height:200px}.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}.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-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:nowrap}.page-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0;white-space:nowrap}.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:nowrap!important;flex-shrink:0;height:fit-content}.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{background:#fff!important;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e5e7eb}.character-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.character-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.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}.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-actions{display:flex;gap:.5rem;justify-content:space-between}.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}.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}.edit-btn{background-color:#6686cc;color:#fff;border:none}.edit-btn:hover{background-color:#5a7bc4}.archive-btn{background-color:#ef4444;color:#fff;border:none}.archive-btn:hover:not(:disabled){background-color:#dc2626}.archive-btn:disabled{opacity:.6;cursor:not-allowed}.unarchive-btn{background-color:#10b981;color:#fff;border:none}.unarchive-btn:hover:not(:disabled){background-color:#059669}.unarchive-btn:disabled{opacity:.6;cursor:not-allowed}.delete-btn{background-color:#dc2626;color:#fff;border:none}.delete-btn:hover:not(:disabled){background-color:#b91c1c}.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}}@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:1fr;gap:1rem}.character-card{padding:1rem}.avatar-icon{font-size:2rem}.character-actions{flex-direction:column;gap:.5rem}.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:.5rem;margin-top:.5rem}.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-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:column;gap:.25rem}}@media (max-width: 480px){.character-management{padding:.75rem}.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}}.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:1.5rem}.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}.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-info{flex:1;text-align:left}.file-name{font-weight:600;color:#1f2937;margin:0 0 .25rem;font-size:.95rem}.file-size{color:#6b7280;font-size:.85rem;margin:0}.remove-file{background-color:#ef4444;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:#dc2626}.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:#10b981;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:#059669}.upload-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.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}.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-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:#dc2626;color:#fff}.confirmation-action-btn.destructive-btn:hover:not(:disabled){background-color:#b91c1c}.confirmation-action-btn.delete-btn{background-color:#dc2626;color:#fff}.confirmation-action-btn.delete-btn:hover:not(:disabled){background-color:#b91c1c}.confirmation-action-btn.archive-btn{background-color:#ef4444;color:#fff}.confirmation-action-btn.archive-btn:hover:not(:disabled){background-color:#dc2626}.confirmation-action-btn.unarchive-btn{background-color:#10b981;color:#fff}.confirmation-action-btn.unarchive-btn:hover:not(:disabled){background-color:#059669}.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%}}.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.large-textarea{min-height:200px}.char-counter{text-align:right;font-size:.8rem;color:#6b7280;margin-top:.5rem}.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{border:2px dashed #d1d5db;border-radius:8px;padding:1rem;background:#fafafa;transition:border-color .2s ease,background-color .2s ease}.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}.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-active{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}.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}}.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:#10b981;color:#fff}.nav-btn.success:hover:not(:disabled){background-color:#059669}.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 2rem;font-size:1rem}.form-group{margin-bottom:1.5rem}.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}.form-error{color:#dc2626;font-size:.8rem;margin-top:.25rem}.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}.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.drag-active{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{display:flex;align-items:center;gap:1rem}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:500;color:#374151;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:#ef4444;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:#dc2626}.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;border:1px solid #d1d5db;border-radius:6px;resize:vertical}.discrepancy-summary{margin-bottom:2rem}.summary-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:16px;box-shadow:0 4px 12px #0ea5e91a}.summary-icon .warning-icon{color:#0ea5e9}.summary-content h3{margin:0 0 .5rem;color:#0c4a6e;font-size:1.25rem;font-weight:700}.summary-content p{margin:0;color:#0369a1;font-size:1rem;font-weight:500}.all-resolved{display:flex;align-items:center;gap:.5rem;color:#065f46;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;background:#10b9811a;border-radius:8px;width:fit-content}.discrepancies-container{display:flex;flex-direction:column;gap:1.5rem}.discrepancy-item{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.discrepancy-item:hover{box-shadow:0 4px 16px #00000014}.discrepancy-item.unresolved{border-color:#cbd5e1;background:linear-gradient(to bottom,#fff,#f8fafc)}.discrepancy-item.resolved{border-color:#10b981;background:linear-gradient(to bottom,#ecfdf5,#d1fae5);box-shadow:0 4px 16px #10b9811a}.discrepancy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.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:#94a3b8;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}.resolution-warning{display:flex;align-items:center;gap:.75rem;margin-top:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;color:#92400e;font-weight:600;box-shadow:0 4px 12px #f59e0b1a}@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}.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-bottom:2rem;gap:.5rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#6b7280;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;border-bottom-color:#6686cc}.evaluation-content{display:flex;flex-direction:column;gap:2rem}.evaluation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.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}.add-item-form,.add-criterion-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.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:#10b981}.add-btn.primary:hover:not(:disabled){background:#059669}.checklist-items,.rubric-criteria{display:flex;flex-direction:column;gap:1rem}.checklist-item,.rubric-criterion{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:border-color .2s ease}.checklist-item:hover,.rubric-criterion:hover{border-color:#d1d5db}.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:.5rem}.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:1rem;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:12px;padding:1.5rem;margin-top:2rem}.evaluation-summary h4{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600}.summary-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:#6686cc;margin-bottom:.25rem}.stat-label{color:#6b7280;font-size:.85rem;font-weight:500}@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:#10b981;color:#fff}.confirm-btn-small:hover{background:#059669}.cancel-btn-small{background:#ef4444;color:#fff}.cancel-btn-small:hover{background:#dc2626}.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:1.5rem;padding-bottom:1rem;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}@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:#1f2937;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:#1f2937}.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;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6686cc,#5a7bc4);color:#fff;border-radius:8px;font-weight:700;font-size:1rem;box-shadow:0 2px 4px #6686cc33}.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-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:1rem;padding:1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.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: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:#ef4444;color:#fff}.modal-btn.delete-btn:hover{background:#dc2626}.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}.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:#10b981;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:#059669}.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}}.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)}}.simulations-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Montserrat,sans-serif;color:#1f2937}.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;gap:12px;flex-shrink:0}.create-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#6686cc;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s}.create-btn:hover{background:#4b61aa}.simulations-container .user-table{width:100%!important;border-collapse:collapse!important;font-size:.95rem!important;background-color:#fff!important;table-layout:fixed!important}.user-table th,.user-table td{vertical-align:middle;padding:.75rem 1rem;border-bottom:1px solid #E5E7EB;font-size:.9rem;color:#374151}.user-table th{background-color:#eaf2fb;color:#374151;font-weight:600}.simulations-container .user-table th:nth-child(1),.simulations-container .user-table td:nth-child(1){width:18%!important}.simulations-container .user-table th:nth-child(2),.simulations-container .user-table td:nth-child(2){width:25%!important}.simulations-container .user-table th:nth-child(3),.simulations-container .user-table td:nth-child(3){width:18%!important}.simulations-container .user-table th:nth-child(4),.simulations-container .user-table td:nth-child(4){width:12%!important;white-space:nowrap!important}.simulations-container .user-table th:nth-child(5),.simulations-container .user-table td:nth-child(5){width:27%!important;text-align:center!important}.user-table tr:nth-child(2n){background-color:#f9faff}.user-table tr:hover{background-color:#edf6ff;transition:background-color .2s ease}.user-table a{color:#5a6e99;text-decoration:none}.user-table a:hover{color:#3a4a66;text-decoration:underline}.simulation-link{color:#5a6e99;text-decoration:none;font-weight:500}.simulation-link:hover{color:#3a4a66;text-decoration:underline}.empty-row{text-align:center;color:#6b7280;font-style:italic;padding:2rem 1rem}.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}.activate-btn{background-color:#6686cc}.activate-btn:hover{background-color:#4b61aa}.edit-btn{background-color:#10b981}.edit-btn:hover{background-color:#059669}.delete-btn{background-color:#ef4444;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}.delete-btn:hover{background-color:#dc2626}.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}.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-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}.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}.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}@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}}.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}.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}.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}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;margin-bottom:1rem;text-decoration:none}.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:linear-gradient(90deg,#2563eb,#4f46e5);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:#10b981;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:#059669;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}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;margin-bottom:1rem;text-decoration:none}.back-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.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:#2563eb;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:linear-gradient(135deg,#6686cc,#3b82f6);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:linear-gradient(135deg,#6686cc,#3b82f6);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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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-students-modal{max-width:800px}.modal-box.manage-students-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{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 10px 18px #4f46e540}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #4f46e559}.primary-btn:disabled{background:#cbd5f5;color:#7c8aa3;cursor:not-allowed;box-shadow:none;transform:none}.secondary-btn{background:#e2e8f0;color:#475569}.secondary-btn:hover:not(:disabled){background:#cbd5e1;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}.students-section-compact{margin-top:1.5rem}.section-label{display:block;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.75rem}.students-list{max-height:250px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;background-color:#f9fafb}.students-list.compact-list{max-height:300px}.student-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;border-bottom:1px solid #e5e7eb;gap:1rem;transition:background .2s ease}.student-row:hover{background:#f1f5f9}.student-row:last-child{border-bottom:none}.student-row.compact-row{padding:.5rem .75rem}.student-name{font-weight:500;color:#374151;font-size:.875rem;flex:1}.student-email{font-size:.75rem;color:#6b7280}.student-checkbox{width:18px;height:18px;margin:0;cursor:pointer;flex-shrink:0}.no-students{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}.students-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-students-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem 0}.students-section{display:flex;flex-direction:column}.students-section h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1e293b}.students-list.manage-list{max-height:350px}.student-row.manage-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.student-actions{display:flex;align-items:center;gap:.75rem}.student-checkbox.add-checkbox,.student-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:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0}.activate-btn{background:linear-gradient(135deg,#6686cc,#3b82f6);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-students-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}.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}.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{background:none;border:1px solid #d1d5db;color:#6b7280;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.back-btn:hover{background-color:#f3f4f6;color:#374151}.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:2rem;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem}.profile-header{display:flex;gap:2rem;align-items:flex-start}.avatar-section{flex-shrink:0}.character-avatar{font-size:4rem;color:#6b7280}.basic-info{flex:1}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.details-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem}.section-title{font-size:1.3rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f3f4f6}.voice-selection-container{max-width:500px}.fields-grid{display:flex;flex-direction:column;gap:1.5rem}.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:.75rem 1rem;border-bottom:1px solid #e5e7eb}.field-label{font-weight:600;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.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:1rem}.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}.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-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: 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}}.dynamic-field-wrapper{width:100%}.dynamic-field-error{color:#ef4444;padding:.5rem;background-color:#fee2e2;border-radius:4px;font-size:.9rem}.dynamic-input,.dynamic-textarea,.dynamic-select{width:100%;border:2px solid #d1d5db;border-radius:6px;padding:.75rem;font-size:.95rem;font-family:inherit;transition:all .2s ease;background-color:#fff}.dynamic-input:focus,.dynamic-textarea:focus,.dynamic-select:focus{outline:none;border-color:#6686cc;box-shadow:0 0 0 4px #6686cc26;background-color:#fefefe}.dynamic-input:disabled,.dynamic-textarea:disabled,.dynamic-select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.dynamic-textarea{resize:vertical;min-height:100px}.dynamic-select{cursor:pointer;background-color:#fff}.dynamic-select:disabled{cursor:not-allowed}.array-field{display:flex;flex-direction:column;gap:.75rem}.array-item{display:flex;gap:.5rem;align-items:center}.array-item .dynamic-input{flex:1}.object-field{display:flex;flex-direction:column;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-label{font-weight:600;color:#374151;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.required-mark{color:#ef4444;font-weight:700}.help-text,.field-help-text{font-size:.85rem;color:#6b7280;margin-top:-.25rem}.simple-object{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.key-value-pair{display:flex;flex-direction:column;gap:.75rem}.key-label{font-weight:600;color:#374151;text-transform:capitalize;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.key-label:before{content:"";width:3px;height:16px;background-color:#6686cc;border-radius:2px}.key-value{color:#374151;flex:1}.editable-value{display:flex;gap:.5rem;align-items:center}.editable-value .dynamic-input,.editable-value .dynamic-textarea{flex:1}.remove-btn-textarea{align-self:flex-start;margin-top:.25rem}.nested-object{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;margin-top:.25rem}.nested-field{display:flex;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.nested-field:last-child{border-bottom:none}.nested-key{font-weight:600;color:#6b7280;min-width:120px;font-size:.9rem}.nested-value{color:#374151;flex:1}.nested-array{list-style:disc;padding-left:1.5rem;margin:.5rem 0;color:#374151}.nested-array li{padding:.25rem 0}.nested-json-editor{font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;line-height:1.5;background-color:#f9fafb}.nested-json-editor-small{font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem;line-height:1.4;background-color:#f9fafb;min-height:60px}.nested-editable-object{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;margin-top:.5rem;box-shadow:0 1px 3px #0000000d}.nested-editable-field{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.nested-editable-field:first-child{padding-top:0}.nested-editable-field:last-of-type{border-bottom:none;padding-bottom:0}.nested-field-label{font-weight:600;color:#4b5563;font-size:.9rem;text-transform:capitalize;margin-bottom:.25rem}.nested-editable-field>.dynamic-input,.nested-editable-field>.dynamic-textarea{margin-bottom:0}.nested-editable-field>.editable-value{display:flex;gap:.5rem;align-items:flex-start}.nested-editable-field .remove-btn-small{margin-top:0;align-self:center}.editable-array{display:flex;flex-direction:column;gap:.75rem}.editable-array-item{display:flex;gap:.75rem;align-items:center;padding:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:border-color .2s}.editable-array-item:hover{border-color:#cbd5e1}.editable-array-item .dynamic-input{flex:1}.add-btn-small,.remove-btn-small{padding:.5rem 1rem;font-size:.85rem;font-weight:600;background-color:#6686cc;color:#fff;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 1px 2px #0000000d;align-self:flex-end;max-width:fit-content}.add-btn-small:hover{background-color:#57b;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.add-btn-small:active{transform:translateY(0)}.remove-btn-small{background-color:#fee2e2;color:#dc2626;padding:.4rem .75rem;font-weight:500}.remove-btn-small:hover{background-color:#fecaca;color:#b91c1c}.remove-section-btn{background-color:#fef2f2;color:#b91c1c;padding:.6rem 1rem;margin-top:1rem;border:2px solid #fee2e2;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;font-weight:600;transition:all .2s;align-self:flex-end;max-width:fit-content}.remove-section-btn:hover{background-color:#fee2e2;border-color:#fecaca;transform:translateY(-1px);box-shadow:0 2px 4px #dc26261a}.editable-array-of-objects{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.array-object-item{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.array-object-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.array-object-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(to bottom,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb}.array-object-number{font-weight:700;color:#374151;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.array-object-number:before{content:"";width:8px;height:8px;background-color:#6686cc;border-radius:50%}.array-object-fields{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#fefefe}.deeply-nested-object{background-color:#f9fafb;border:1px dashed #cbd5e1;border-radius:6px;padding:.75rem;margin-top:.5rem}.deeply-nested-field{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;padding:.75rem 0;border-bottom:1px dashed #e5e7eb}.deeply-nested-field:first-child{padding-top:0}.deeply-nested-field:last-child{border-bottom:none;padding-bottom:0}.deeply-nested-label{font-weight:600;color:#6b7280;font-size:.85rem;text-transform:capitalize}.deeply-nested-field .dynamic-input{width:100%}.object-array-field{display:flex;flex-direction:column;gap:1rem}.object-array-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .2s ease}.object-array-item:hover{border-color:#d1d5db}.item-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none}.expand-toggle{background:none;border:none;cursor:pointer;color:#6b7280;font-size:.85rem;padding:.25rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:color .2s ease}.expand-toggle:hover{color:#374151}.item-number{font-weight:600;color:#374151;font-size:.9rem;flex:1}.item-fields{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#fff}.add-btn,.remove-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:6px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.add-btn{background-color:#6686cc;color:#fff;align-self:flex-start;margin-top:.5rem}.add-btn:hover{background-color:#57b;box-shadow:0 2px 6px #6686cc4d;transform:translateY(-2px)}.add-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.remove-btn{background-color:#fee2e2;color:#dc2626;padding:.5rem;flex-shrink:0;font-weight:500}.remove-btn:hover{background-color:#fecaca;color:#b91c1c;box-shadow:0 2px 6px #dc262633}.item-header .remove-btn{margin-left:auto;padding:.35rem .75rem}.empty-state{color:#9ca3af;font-style:italic;padding:1rem;text-align:center;background-color:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}.dynamic-field-wrapper.depth-1{padding-left:.5rem;border-left:2px solid #e5e7eb}.dynamic-field-wrapper.depth-2{padding-left:.5rem;border-left:2px solid #f3f4f6}@media (max-width: 768px){.array-item{flex-direction:column;align-items:stretch}.array-item .dynamic-input{width:100%}.remove-btn{align-self:flex-end}.key-value-pair{flex-direction:column;gap:.25rem}.key-label{min-width:auto;font-size:.85rem}}.dynamic-input:focus-visible,.dynamic-textarea:focus-visible,.dynamic-select:focus-visible{outline:2px solid #6686cc;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.array-item,.object-array-item{animation:fadeIn .2s ease-out}.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-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#e2e8f0;border:1px solid #cbd5f5;border-radius:6px;color:#334155;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#cbd5f5;color:#1e293b}.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:#2563eb;color:#fff}.primary-btn:hover{background:#1d4ed8;box-shadow:0 12px 24px #2563eb40;transform:translateY(-1px)}.primary-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.secondary-btn{background:#e2e8f0;color:#334155}.secondary-btn:hover{background:#cbd5e1;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}.grading-placeholder{flex:1;display:flex;align-items:center;justify-content:center}.placeholder-card{background:#fff;padding:48px;border-radius:20px;box-shadow:0 16px 40px #0f172a1f;text-align:center;display:flex;flex-direction:column;gap:16px;max-width:520px}.placeholder-card h2{margin:0;font-size:1.5rem;color:#0f172a}.placeholder-card p{margin:0;color:#475569}.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}}.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}.btn{padding:.45rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:.9rem}.btn-primary{background-color:#6686cc;border:none;color:#fff;font-weight:600}.btn-primary:hover{background-color:#5a7bc4}.btn-secondary{background-color:#fff;border:1px solid #cbd5e1;color:#1e293b}.btn-secondary:hover{background-color:#f8fafc}.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:#fff;border:1px solid #cbd5e1;color:#1e293b}.logout-btn:hover{background-color:#f8fafc}.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}.btn{width:100%}.countdown-time{font-size:1.25rem}}