body{margin:0;font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text: var(--gray-900, #1C1917);--text-primary: var(--gray-900, #1C1917);--text-secondary: var(--gray-600, #57534E);--border-stroke: var(--gray-200, #E5E2DD);--accent-blue: var(--brand-primary-light, #8B83FF);--accent-blue-active-bg: var(--brand-primary-50, rgba(108, 99, 255, .08));--accent-blue-active: var(--brand-primary, #6C63FF);--accent-blue-headers: var(--brand-primary, #6C63FF);--accent-green: var(--accent-green, #4AD491);--midnight-blue: var(--gray-900, #1C1917);--blue-30: var(--brand-primary-light, #8B83FF);--accent-red: var(--error, #FF6B7A);--background: var(--bg-secondary, #F7F4F0);--color: var(--text);scrollbar-color:var(--gray-300) var(--bg-secondary);scrollbar-width:thin;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--Neutral-00: var(--bg-primary, #FEFCFA);--Neutral-5: var(--bg-secondary, #F7F4F0);--Neutral-10: var(--bg-tertiary, #EFEBE6);--Neutral-15: var(--gray-100, #F2F0ED);--Neutral-20: var(--gray-200, #E5E2DD);--Neutral-30: var(--gray-300, #D0CCC6);--Neutral-50: var(--gray-400, #A8A29E);--Neutral-60: var(--gray-500, #78716C);--Neutral-80: var(--gray-600, #57534E);--Neutral-90: var(--gray-700, #44403C);--Green-500: #2EBB75;--Green-700: #1A8A55;--Blue-400: var(--brand-primary-light, #8B83FF);--Blue-500: var(--brand-primary, #6C63FF);--Blue-800: var(--brand-primary-dark, #5147E5);--Red-400: #FF8A9B;--Red-500: #FF6B7A;--Red-600: #E04E5D;--Red-700: #C43A48;--card-header: var(--brand-primary, #6C63FF);--card-border: var(--gray-200, #E5E2DD);--card-background: var(--white, #FFFFFF);--card-border-radius: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-secondary, #F7F4F0);color:var(--gray-900, #1C1917);color-scheme:light}:root{background:var(--bg-secondary, #F7F4F0);color:var(--gray-900, #1C1917);font-family:var(--font-family);color-scheme:light}h1,h2,h3,h4,h5,h6{font-weight:400}li{list-style:none}input,textarea{font-family:var(--font-family);background:none;color:#fff;border:none;outline:none;font-size:18px;resize:none;-webkit-user-select:text;user-select:text}input::placeholder,textarea::placeholder{-webkit-user-select:none;user-select:none}select{font-family:inherit;padding:10px;border:1px solid var(--gray-700);background:var(--background);color:#fff;border-radius:4px;font-size:16px;cursor:pointer;accent-color:var(--text)}select:focus-visible{outline:none}button{font-family:var(--font-family);background:none;color:#fff;border:none;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px}button.primary{background:#4285f4}button.icon{font-size:1.2em}.button{background:var(--Neutral-30);display:inline-flex;padding:10px;border-radius:8px;gap:4px;align-items:center;justify-content:center;color:#fffc}.button .icon{font-size:1.2em}button:focus{outline:none}button[disabled]{opacity:.5;cursor:not-allowed}button .icon{display:block}.icon{font-family:Material Symbols Outlined;font-weight:300;line-height:1}.space-mono-regular{font-family:Space Mono,monospace;font-weight:400;font-style:normal}.space-mono-bold{font-family:Space Mono,monospace;font-weight:700;font-style:normal}.space-mono-regular-italic{font-family:Space Mono,monospace;font-weight:400;font-style:italic}.space-mono-bold-italic{font-family:Space Mono,monospace;font-weight:700;font-style:italic}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}header{padding:20px;display:flex;align-items:center;justify-content:space-between;position:fixed;width:100%;z-index:999}header>*{pointer-events:auto}header:hover h1,header:hover .roomDescription,header:hover .createButton{opacity:1}.simpleMode header{opacity:0;transition:all .3s}.simpleMode header:hover{opacity:1}.streaming-console{background:var(--Neutral-10);color:var(--gray-300);display:flex;height:100vh;width:100vw}.streaming-console a,.streaming-console a:visited,.streaming-console a:active{color:var(--gray-300)}.streaming-console .disabled{pointer-events:none}.streaming-console .disabled>*{pointer-events:none}.streaming-console main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:1rem;max-width:100%;overflow:hidden}.streaming-console .main-app-area{display:flex;flex:1;align-items:center;justify-content:center;position:relative;width:100%}.streaming-console .function-call{position:absolute;top:0;width:100%;height:50%;overflow-y:auto}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}.action-button{display:flex;align-items:center;justify-content:center;background:var(--Neutral-20);color:var(--Neutral-60);font-size:1.25rem;line-height:1.75rem;text-transform:lowercase;animation:opacity-pulse 3s ease-in infinite;transition:all .2s ease-in-out;width:48px;height:48px;border-radius:18px;border:1px solid rgba(0,0,0,0);-webkit-user-select:none;user-select:none;cursor:pointer}.action-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.action-button.outlined{background:var(--Neutral-2);border:1px solid var(--Neutral-20)}.action-button .no-action{pointer-events:none}.action-button:hover{background:#0000;border:1px solid var(--Neutral-20)}.action-button.connected{background:var(--Blue-800);color:var(--Blue-500)}.action-button.connected:hover{border:1px solid var(--Blue-500)}@property --volume{syntax: "length"; inherit: false; initial-value: 0px;}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button{position:relative;background-color:var(--accent-red);z-index:1;color:#000;transition:all .2s ease-in}.mic-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Red-500)}.mic-button:hover{background-color:var(--Red-400)}.mic-button:before{position:absolute;z-index:-1;top:calc(var(--volume) * -1);left:calc(var(--volume) * -1);display:block;content:"";opacity:.35;background-color:var(--Red-500);width:calc(100% + var(--volume) * 2);height:calc(100% + var(--volume) * 2);border-radius:24px;transition:all .02s ease-in-out}.connect-toggle:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.connect-toggle:not(.connected){background-color:var(--Blue-500);color:var(--Neutral-5)}.control-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:inline-flex;justify-content:center;align-items:flex-start;gap:8px;padding-bottom:18px;z-index:12}.control-tray .disabled .action-button,.control-tray .action-button.disabled{background:#0000;border:1px solid var(--Neutral-30, #404547);color:var(--Neutral-30)}.control-tray .connection-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.control-tray .connection-container .connection-button-container{border-radius:27px;border:1px solid var(--Neutral-30);background:var(--Neutral-5);padding:10px}.control-tray .connection-container .text-indicator{font-size:11px;color:var(--Blue-500);-webkit-user-select:none;user-select:none}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{background:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:27px;display:inline-flex;gap:12px;align-items:center;overflow:clip;padding:10px;transition:all .6s ease-in}.actions-nav>*{display:flex;align-items:center;flex-direction:column;gap:1rem}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.top{width:100%;flex-grow:0;flex-shrink:0;height:30px;display:flex;align-self:flex-end;align-items:center;transition:all .2s ease-in}.top button{background:transparent;border:0;cursor:pointer;font-size:1.25rem;line-height:1.75rem;padding:4px}.keynote-companion{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.counter-container{position:absolute;right:2rem;top:2rem;z-index:10}.modalShroud{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:9999}.modalShroud .modal{background:var(--gray-900);border:1px solid var(--gray-800);border-radius:10px;padding:40px;position:relative;min-width:350px;max-height:80vh;overflow:auto}.modalShroud .modal.modal--titled{min-width:0;max-width:calc(100vw - 40px);display:flex;flex-direction:column;padding:0;overflow:hidden}.modalShroud .modal.modal--titled .modalContent{min-height:0;overflow-y:auto}.modalShroud .modal h2{margin-bottom:20px}.modalClose{position:absolute;top:10px;right:10px;color:#fff;font-size:24px}.userSettings{width:480px;display:flex;flex-direction:column;gap:20px}.userSettings p{font-size:18px;line-height:1.5}.userSettings form{margin-top:10px;padding-top:20px;border-top:1px solid var(--gray-800)}.userSettingsButton{display:flex;align-items:center;gap:6px;color:#555;transition:all .3s;font-size:18px}.userSettingsButton .icon{font-size:30px}.userSettingsButton:hover{color:#fff}form{display:flex;flex-direction:column;gap:20px}form .largeInput{font-size:28px;border-bottom:1px solid var(--gray-700)}form>div,form label,form details div{display:flex;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none}form details>div{display:flex;flex-direction:column;gap:30px}form summary{margin-bottom:10px;cursor:pointer}form input,form textarea{border:1px solid var(--gray-700);border-radius:5px;padding:10px;font-size:18px;resize:none;line-height:1.4}form input:focus,form textarea:focus{outline:2px solid var(--brand-primary, #6C63FF);outline-offset:1px;border-color:var(--brand-primary, #6C63FF)}form textarea{resize:none}form hr{margin:20px 0}form button:first-of-type{margin-top:30px}input[type=range]{padding:0;accent-color:var(--text);flex:1}.checkbox{flex-direction:row;color:var(--gray-600)}.temperature{display:flex;flex-direction:row;align-items:center;gap:10px}.temperature span{font-family:monospace;font-size:14px}.colorPicker{display:flex;flex-wrap:wrap;gap:10px}.colorPicker li{width:35px;height:35px;border-radius:100%}.colorPicker li.active{outline:4px solid var(--text)}.colorPicker li button{width:100%;height:100%;border-radius:100%;border:none;cursor:pointer}.editAgent{display:flex;flex-direction:column;gap:50px}.editAgent>div:first-child{min-width:500px}.editAgent>div:nth-child(2){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.agentPreview{width:280px;height:280px;background:var(--Neutral-00);display:flex;align-items:center;justify-content:center;border-radius:10px;pointer-events:none;position:relative}.agentPreview .agent{position:static;left:unset;top:unset;translate:0 0!important}.voicePicker{display:flex;gap:10px;align-items:center;justify-content:center}.voicePicker select{accent-color:var(--Neutral-00);background:none;color:#fff;padding:5px;font-size:16px;border-radius:5px}.voicePicker select:focus-visible{outline:none}.sleep label{display:flex;gap:10px;align-items:center;justify-content:center}.sleep input{accent-color:white}.roomInfo{position:relative}.roomInfo h1{font-size:28px;font-weight:400;display:flex;align-items:center;opacity:.5;transition:all .2s;text-align:left}.roomInfo h1:hover,.roomInfo h1.active{opacity:1}.roomInfo .edit{font-size:22px}.roomInfo .createButton{opacity:0}.roomName{display:flex}.roomDescription{font-size:16px;color:var(--gray-500);margin-top:10px;width:max-content;max-width:380px;line-height:1.5;position:absolute;opacity:0;transition:opacity .3s}.createButton{transition:opacity .3s;background:var(--Blue-500)}.hint .createButton{margin-top:10px}.deleteRoomButton{background:var(--Red-500);font-size:12px;margin-top:15px}.roomList{display:flex;flex-direction:column;gap:10px;position:absolute;background:var(--gray-900);border:1px solid var(--gray-800);padding:20px;border-radius:8px;width:300px;margin-top:10px;opacity:0;pointer-events:none;transition:all .1s;-webkit-user-select:none;user-select:none;max-height:70vh;overflow:auto}.roomList.active{opacity:1;pointer-events:auto}.roomList h3{font-size:15px;margin-bottom:10px;color:var(--gray-500)}.roomList ul{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--gray-800);padding-bottom:20px;margin-bottom:5px}.roomList li{font-size:22px}.roomList li button{color:var(--gray-500);transition:all .2s;width:100%}.roomList li.active button,.roomList li:hover button{color:#fff}.roomList .newRoomButton{margin-top:15px}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100%;background:#000;color:#fff;gap:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99991}.error-screen .error-message-container,.error-screen .error-raw-message-container{width:100%;text-align:center;max-width:650px;padding-left:.5rem;padding-right:.5rem}.error-screen .close-button{color:#fff;font-size:24px}.modal .windowControls{position:absolute;top:12px;right:44px;display:flex;gap:6px;align-items:center;z-index:1}.modal .dot{width:28px;height:28px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;transition:transform .15s ease,background .15s ease,border-color .15s ease}.modal .dot .icon{font-size:20px;line-height:1}.modal .dot:hover{transform:scale(1.05);background:#ffffff40}.modal .dot.expand{background:#3cb371;border-color:#2e8b57}.modal .dot.collapse{background:#9aa0a6;border-color:#80868b}.modalShroud .modal.expanded{width:min(960px,95vw);max-width:95vw;max-height:90vh}.modalShroud .modal.modal--titled.expanded{width:calc(100vw - 40px);max-width:none;height:calc(100dvh - 40px);max-height:none}.modalShroud .modal.expanded .modalContent{max-height:calc(90vh - 100px);overflow:auto}.modalShroud .modal.modal--titled.expanded .modalContent{max-height:none;flex:1 1 auto}@media (max-width: 480px){.modalShroud .modal.modal--titled,.modalShroud .modal.modal--titled.expanded{width:calc(100vw - 16px);max-width:none;height:auto;max-height:calc(100dvh - 16px)}.modalShroud .modal.modal--titled.expanded{height:calc(100dvh - 16px)}}.modalShroud .modal.expanded .modalContent input,.modalShroud .modal.expanded .modalContent select,.modalShroud .modal.expanded .modalContent textarea{font-size:16px;padding:12px 14px}.modalShroud .modal.expanded .modalContent textarea{min-height:200px}.modalShroud .modal.expanded .editAgent textarea{min-height:400px}.video-library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;overflow-y:auto}.video-library-panel{width:100%;max-width:960px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--white, #ffffff);border-radius:18px;box-shadow:0 20px 60px #0f172a59;animation:video-library-in .18s ease-out;margin:auto;overflow:hidden}@keyframes video-library-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.video-library-header{display:flex;align-items:flex-start;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--border-color, #e7e5e4);flex-shrink:0}.video-library-header-text{flex:1;min-width:0}.video-library-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:var(--gray-900, #1c1917);margin:0 0 4px}.video-library-title .material-symbols-outlined{font-size:1.5rem;color:var(--brand-primary, #6c63ff)}.video-library-subtitle{font-size:.875rem;color:var(--gray-500, #78716c);margin:0;line-height:1.45}.video-library-close{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--gray-50, #faf9f7);border:1px solid var(--border-color, #e7e5e4);border-radius:50%;color:var(--gray-600, #57534e);cursor:pointer;transition:background .15s ease,color .15s ease}.video-library-close:hover{background:var(--gray-100, #f5f5f4);color:var(--gray-900, #1c1917)}.video-library-close:focus-visible{outline:2px solid var(--brand-primary, #6c63ff);outline-offset:2px}.video-library-body{padding:22px 24px 26px;overflow-y:auto;flex:1}.video-library-empty{padding:40px 20px;text-align:center;color:var(--gray-500, #78716c);font-size:.9rem}@media (max-width: 640px){.video-library-overlay{padding:0}.video-library-panel{max-width:100%;max-height:100vh;height:100vh;border-radius:0}.video-library-header{padding:18px 16px 14px}.video-library-body{padding:16px}}.video-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.video-tile{display:flex;flex-direction:column;padding:0;background:transparent;border:none;border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;transition:transform .15s ease}.video-tile:hover{transform:translateY(-2px)}.video-tile:focus-visible{outline:2px solid var(--brand-primary, #6c63ff);outline-offset:3px}.video-tile-thumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--gray-100, #f5f5f4)}.video-tile-thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.video-tile-thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,var(--brand-primary, #6c63ff),var(--brand-primary-dark, #5147e5));color:#fff;font-size:.8rem;font-weight:600;text-align:center;line-height:1.35}.video-tile-thumb-fallback .material-symbols-outlined{font-size:2rem;opacity:.9}.video-tile-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a40;opacity:0;transition:opacity .15s ease}.video-tile:hover .video-tile-play,.video-tile:focus-visible .video-tile-play{opacity:1}.video-tile-play-icon{width:52px;height:52px;border-radius:50%;background:#fffffff2;color:var(--brand-primary, #6c63ff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0f172a4d}.video-tile-play-icon .material-symbols-outlined{font-size:1.9rem;margin-left:3px}.video-tile-duration{position:absolute;bottom:8px;right:8px;padding:2px 7px;background:#0f172ad1;color:#fff;font-size:.72rem;font-weight:600;border-radius:5px;letter-spacing:.02em}.video-tile-meta{padding:11px 2px 0}.video-tile-category{display:inline-block;margin-bottom:5px;padding:2px 8px;background:var(--brand-primary-50, rgba(108, 99, 255, .08));color:var(--brand-primary-dark, #5147e5);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px}.video-tile-title{font-size:.95rem;font-weight:600;color:var(--gray-900, #1c1917);margin:0 0 4px;line-height:1.35}.video-tile-desc{font-size:.82rem;color:var(--gray-500, #78716c);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.video-library-grid{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion: reduce){.video-library-panel,.video-tile,.video-tile-play{animation:none;transition:none}}.video-library-back{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--gray-50, #faf9f7);border:1px solid var(--border-color, #e7e5e4);border-radius:50%;color:var(--gray-600, #57534e);cursor:pointer;transition:background .15s ease,color .15s ease}.video-library-back:hover{background:var(--gray-100, #f5f5f4);color:var(--gray-900, #1c1917)}.video-library-back:focus-visible{outline:2px solid var(--brand-primary, #6c63ff);outline-offset:2px}.video-library-player{display:flex;flex-direction:column;gap:16px}.video-library-player-video{width:100%;max-height:65vh;aspect-ratio:16 / 9;background:#000;border-radius:12px;display:block}.video-library-player-video:focus-visible{outline:2px solid var(--brand-primary, #6c63ff);outline-offset:3px}.video-library-back-text{align-self:flex-start;display:flex;align-items:center;gap:6px;padding:9px 16px;background:var(--gray-50, #faf9f7);border:1px solid var(--border-color, #e7e5e4);border-radius:10px;color:var(--gray-700, #44403c);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease}.video-library-back-text:hover{background:var(--gray-100, #f5f5f4)}.video-library-back-text:focus-visible{outline:2px solid var(--brand-primary, #6c63ff);outline-offset:2px}.video-library-back-text .material-symbols-outlined{font-size:1.1rem}@media (max-width: 640px){.video-library-player-video{max-height:45vh;border-radius:8px}}.video-tile-thumb-fallback--failed{background:linear-gradient(135deg,var(--gray-300, #d0ccc6),var(--gray-400, #a8a29e));color:var(--gray-700, #44403c)}.video-tile--unavailable:hover{transform:none}.video-tile--unavailable .video-tile-title{color:var(--gray-600, #57534e)}.video-library-player-error{width:100%;aspect-ratio:16 / 9;max-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:var(--gray-100, #f5f5f4);border:1px solid var(--border-color, #e7e5e4);border-radius:12px;color:var(--gray-600, #57534e)}.video-library-player-error .material-symbols-outlined{font-size:2.5rem;color:var(--gray-400, #a8a29e)}.video-library-player-error p{margin:0;font-size:.9rem;max-width:340px;line-height:1.5}.auth-page{min-height:100vh;display:flex;background:var(--bg-primary)}.auth-brand-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-12);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--accent-cyan) 100%);position:relative;overflow:hidden}.auth-brand-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 10% 30%,rgba(92,214,200,.3),transparent 50%),radial-gradient(ellipse 60% 50% at 90% 70%,rgba(74,212,145,.2),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(255,255,255,.15),transparent 50%);animation:authBgPulse 15s ease-in-out infinite}@keyframes authBgPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.auth-brand-floaters{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-floater{position:absolute;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:floaterFloat 20s ease-in-out infinite;box-shadow:4px 4px 12px #00000014,inset 1px 1px 3px #fff6}.auth-floater-1{width:120px;height:80px;top:15%;left:10%;animation-delay:0s}.auth-floater-2{width:100px;height:100px;top:60%;left:15%;animation-delay:-5s}.auth-floater-3{width:140px;height:60px;top:30%;right:10%;animation-delay:-10s}.auth-floater-4{width:80px;height:120px;top:70%;right:20%;animation-delay:-15s}@keyframes floaterFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}25%{transform:translateY(-20px) rotate(3deg);opacity:.8}50%{transform:translateY(10px) rotate(-2deg);opacity:.5}75%{transform:translateY(-15px) rotate(2deg);opacity:.7}}.auth-brand-content{position:relative;z-index:1;text-align:center;max-width:500px;color:var(--white)}.auth-brand-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.auth-brand-logo img{height:48px;width:auto;filter:brightness(0) invert(1)}.auth-brand-logo-text{font-size:var(--font-size-3xl);font-weight:var(--font-extrabold);color:var(--white)}.auth-brand-tagline{font-size:var(--font-size-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight)}.auth-brand-description{font-size:var(--font-size-lg);color:#fffc;line-height:var(--leading-relaxed);margin-bottom:var(--space-10)}.auth-brand-stats{display:flex;justify-content:center;gap:var(--space-10)}.auth-brand-stat{text-align:center}.auth-brand-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-1)}.auth-brand-stat-label{font-size:var(--font-size-sm);color:#ffffffb3}.auth-brand-testimonial{margin-top:var(--space-12);padding:var(--space-6);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-brand-testimonial-quote{font-size:var(--font-size-base);font-style:italic;color:#ffffffe6;margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.auth-brand-testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.auth-brand-testimonial-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--font-size-sm)}.auth-brand-testimonial-info h4{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--white);margin:0}.auth-brand-testimonial-info p{font-size:var(--font-size-xs);color:#ffffffb3;margin:0}.auth-form-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-8);background:var(--bg-primary);position:relative}.auth-form-container{width:100%;max-width:420px}.auth-mobile-logo{display:none;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.auth-mobile-logo img{height:32px;width:auto}.auth-mobile-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--gray-900)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-size:var(--font-size-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.auth-subtitle{font-size:var(--font-size-base);color:var(--gray-500);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-700)}.auth-input-wrapper{position:relative}.auth-input{width:100%;padding:var(--space-3-5) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-900)!important;background:var(--white)!important;border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-sizing:border-box}.auth-input::placeholder{color:var(--gray-400)}.auth-input:hover:not(:disabled):not(:focus){border-color:var(--border-color-dark)}.auth-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-100);background:var(--white)!important;color:var(--gray-900)!important}.auth-input:disabled{background:var(--gray-50)!important;color:var(--gray-400)!important;cursor:not-allowed}.auth-input-error{border-color:var(--error)}.auth-input-error:focus{box-shadow:0 0 0 3px #ff475726}.auth-password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:var(--space-1);background:transparent;border:none;color:var(--gray-400);cursor:pointer;transition:color var(--transition-fast)}.auth-password-toggle:hover{color:var(--gray-600)}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.auth-remember{display:flex;align-items:center;gap:var(--space-2)}.auth-checkbox{width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer}.auth-remember-label{font-size:var(--font-size-sm);color:var(--gray-600);cursor:pointer}.auth-forgot-link{font-size:var(--font-size-sm);color:var(--brand-primary);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.auth-forgot-link:hover{color:var(--brand-primary-dark);text-decoration:underline}.auth-error{padding:var(--space-3) var(--space-4);background:var(--error-light);border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-lg);color:var(--error-dark);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2)}.auth-error-icon{flex-shrink:0;color:var(--error)}.auth-success{padding:var(--space-3) var(--space-4);background:var(--success-light);border:1px solid rgba(0,214,143,.2);border-radius:var(--radius-lg);color:var(--success-dark);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2)}.auth-submit-btn{width:100%;padding:var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--white);background:var(--brand-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-primary);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-submit-btn:hover:not(:disabled){background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.auth-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:var(--radius-full);animation:spin .8s linear infinite}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider-line{flex:1;height:1px;background:var(--border-color)}.auth-divider-text{font-size:var(--font-size-sm);color:var(--gray-400);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.auth-social-btns{display:flex;flex-direction:column;gap:var(--space-3)}.auth-social-btn{width:100%;padding:var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-700);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.auth-social-btn:hover{background:var(--gray-50);border-color:var(--border-color-dark)}.auth-social-btn-icon{width:20px;height:20px}.auth-toggle{text-align:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color-light)}.auth-toggle-text{font-size:var(--font-size-sm);color:var(--gray-500)}.auth-toggle-link{color:var(--brand-primary);font-weight:var(--font-semibold);text-decoration:none;cursor:pointer;background:none;border:none;font-size:var(--font-size-sm);padding:0;margin-left:var(--space-1);transition:color var(--transition-fast)}.auth-toggle-link:hover{color:var(--brand-primary-dark);text-decoration:underline}.auth-back-link{position:absolute;top:var(--space-6);left:var(--space-6);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-500);text-decoration:none;transition:color var(--transition-fast)}.auth-back-link:hover{color:var(--gray-700)}.auth-password-strength{margin-top:var(--space-2)}.auth-password-strength-bar{height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.auth-password-strength-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal),background var(--transition-normal)}.auth-password-strength-fill.weak{width:33%;background:var(--error)}.auth-password-strength-fill.medium{width:66%;background:var(--warning)}.auth-password-strength-fill.strong{width:100%;background:var(--success)}.auth-password-strength-text{font-size:var(--font-size-xs);color:var(--gray-500)}@media (max-width: 1024px){.auth-brand-panel{display:none}.auth-form-panel{flex:none;width:100%;min-height:100vh;padding:var(--space-6)}.auth-mobile-logo{display:flex}.auth-back-link{top:var(--space-4);left:var(--space-4)}}@media (max-width: 640px){.auth-form-panel{padding:var(--space-4);padding-top:var(--space-16)}.auth-form-container{max-width:100%}.auth-title{font-size:var(--font-size-2xl)}.auth-options{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.landing-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--bg-secondary)}.landing-background,.word-container{display:none}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl)}.gradient-text{color:var(--gray-900)}.auth-button{width:100%;padding:var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--white);background:var(--brand-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-primary);display:flex;align-items:center;justify-content:center}.auth-button:hover:not(:disabled){background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.toggle-button{background:transparent;border:none;color:var(--brand-primary);font-weight:var(--font-semibold);cursor:pointer;padding:0;text-decoration:none;transition:color var(--transition-fast)}.toggle-button:hover{color:var(--brand-primary-dark);text-decoration:underline}.error-message{padding:var(--space-3) var(--space-4);background:var(--error-light);border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-lg);color:var(--error-dark);font-size:var(--font-size-sm)}.alt-login{display:none}.dashboard-container{min-height:100vh;background:var(--bg-primary, #FEFCFA);display:flex;flex-direction:column}.dashboard-content{flex:1;width:100%;max-width:var(--container-7xl);margin:0 auto;padding:var(--space-8) var(--space-6);animation:fadeIn .5s ease-out;position:relative}.dashboard-bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 10% 20%,rgba(255,176,103,.06),transparent 60%),radial-gradient(ellipse 50% 50% at 90% 80%,rgba(108,99,255,.05),transparent 60%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(255,213,153,.04),transparent 60%)}.dashboard-content>*:not(.dashboard-bg-mesh){position:relative;z-index:1}.dashboard-welcome{margin-bottom:var(--space-8)}.dashboard-welcome-text h1{font-size:var(--font-size-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-2)}.dashboard-welcome-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin:0;transition:all .3s ease}.dashboard-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}@media (max-width: 1200px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-stats{grid-template-columns:1fr}}.dashboard-stat-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-color-dark)}.dashboard-stat-card.streak-active{border-color:var(--brand-primary-200);background:linear-gradient(135deg,var(--white) 0%,var(--clay-surface) 100%);box-shadow:var(--shadow-sm),0 0 0 1px var(--brand-primary-50)}.dashboard-stat-card.streak-active:hover{box-shadow:var(--shadow-md),0 0 12px #6c63ff26}.dashboard-stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.dashboard-stat-icon.primary{background:var(--brand-primary-50);color:var(--brand-primary)}.dashboard-stat-icon.success{background:var(--success-light);color:var(--success-dark)}.dashboard-stat-icon.warning{background:var(--warning-light);color:var(--warning-dark)}.dashboard-stat-icon.info{background:var(--info-light);color:var(--info-dark)}.dashboard-stat-icon.streak-active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:var(--white);animation:firePulse 2s ease-in-out infinite}@keyframes firePulse{0%,to{box-shadow:0 0 #6c63ff4d;transform:scale(1)}50%{box-shadow:0 0 12px 4px #6c63ff33;transform:scale(1.05)}}.dashboard-stat-icon.trophy{background:linear-gradient(135deg,var(--clay-surface),rgba(108,99,255,.12));color:var(--brand-primary-dark)}.dashboard-stat-info{flex:1}.dashboard-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--gray-900);line-height:1;margin-bottom:var(--space-1)}.dashboard-stat-label{font-size:var(--font-size-sm);color:var(--gray-500)}.dashboard-actions-grid{--dashboard-action-tile-height: 250px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"speech analytics trophy";grid-auto-rows:var(--dashboard-action-tile-height);gap:var(--space-6);margin-bottom:var(--space-12)}.dashboard-actions-grid.case-workspace-enabled{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"speech analytics trophy" "case-workspace . .";grid-template-rows:repeat(2,var(--dashboard-action-tile-height));align-items:stretch}@media (max-width: 1024px){.dashboard-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"speech analytics" "trophy ."}.dashboard-actions-grid.case-workspace-enabled{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"speech analytics" "case-workspace trophy";grid-template-rows:repeat(2,var(--dashboard-action-tile-height))}}@media (max-width: 640px){.dashboard-actions-grid{grid-template-columns:1fr;grid-template-areas:"speech" "analytics" "trophy";grid-auto-rows:auto}.dashboard-actions-grid.case-workspace-enabled{grid-template-columns:1fr;grid-template-areas:"speech" "analytics" "trophy" "case-workspace";grid-template-rows:auto}}.dashboard-action-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;position:relative;overflow:hidden;height:var(--dashboard-action-tile-height, 250px);min-height:var(--dashboard-action-tile-height, 250px);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font:inherit;animation:cardSlideUp .5s ease-out backwards}.dashboard-action-card.speech{grid-area:speech}.dashboard-action-card.analytics{grid-area:analytics}.dashboard-action-card.trophy{grid-area:trophy}.dashboard-action-card.case-workspace{grid-area:case-workspace}.dashboard-action-card:focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-action-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:background var(--transition-fast)}.dashboard-action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary-200)}.dashboard-action-card:hover:before{background:var(--brand-primary)}.dashboard-action-header{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:var(--space-3)}.dashboard-action-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all var(--transition-normal)}.dashboard-action-card.speech{background:linear-gradient(135deg,var(--white) 0%,var(--brand-primary-50) 100%);border:1px solid var(--brand-primary-200);box-shadow:0 4px 6px -1px #4f46e51a,0 2px 4px -1px #4f46e50f}.dashboard-action-card.speech:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #4f46e533,0 4px 6px -2px #4f46e51a;border-color:var(--brand-primary);background:linear-gradient(135deg,var(--white) 0%,var(--brand-primary-100) 100%)}.dashboard-action-card.speech .dashboard-action-icon{background:var(--brand-primary);color:var(--white);box-shadow:0 4px 6px -1px #4f46e533}.dashboard-action-card.speech:hover .dashboard-action-icon{background:var(--brand-primary-dark);transform:scale(1.05)}.dashboard-action-card.speech .dashboard-action-arrow{background:var(--brand-primary-100);color:var(--brand-primary);border-color:var(--brand-primary-200)}.dashboard-action-card.speech:hover .dashboard-action-arrow{background:var(--brand-primary);color:var(--white);border-color:var(--brand-primary);transform:translate(4px)}.dashboard-action-card.analytics{background:linear-gradient(135deg,var(--white) 0%,var(--clay-surface-teal) 100%);border:1px solid rgba(92,214,200,.25);box-shadow:0 4px 6px -1px #5cd6c81a,0 2px 4px -1px #5cd6c80f}.dashboard-action-card.analytics:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #5cd6c833,0 4px 6px -2px #5cd6c81a;border-color:var(--accent-cyan);background:linear-gradient(135deg,var(--white) 0%,rgba(92,214,200,.15) 100%)}.dashboard-action-card.analytics:before{background:transparent}.dashboard-action-card.analytics:hover:before{background:var(--accent-cyan)}.dashboard-action-card.analytics .dashboard-action-icon{background:var(--accent-cyan);color:var(--white);box-shadow:0 4px 6px -1px #5cd6c840}.dashboard-action-card.analytics:hover .dashboard-action-icon{background:var(--accent-cyan-dark);transform:scale(1.05)}.dashboard-action-card.analytics .dashboard-action-arrow{background:#5cd6c81f;color:var(--accent-cyan-dark);border-color:#5cd6c840}.dashboard-action-card.analytics:hover .dashboard-action-arrow{background:var(--accent-cyan);color:var(--white);border-color:var(--accent-cyan);transform:translate(4px)}.dashboard-action-card.trophy{background:linear-gradient(135deg,var(--white) 0%,var(--clay-surface-orange) 50%,#FFF8F0 100%);border:1px solid rgba(255,176,103,.25);box-shadow:0 4px 6px -1px #ffb0671a,0 2px 4px -1px #ffb0670f}.dashboard-action-card.trophy:hover{transform:translateY(-4px);box-shadow:0 10px 20px -3px #ffb06733,0 4px 8px -2px #ffb0671f;border-color:var(--accent-orange);background:linear-gradient(135deg,var(--white) 0%,rgba(255,176,103,.15) 50%,var(--clay-surface-orange) 100%)}.dashboard-action-card.trophy:before{background:transparent}.dashboard-action-card.trophy:hover:before{background:linear-gradient(to bottom,var(--accent-orange),var(--accent-orange-dark))}.dashboard-action-card.trophy .dashboard-action-icon{background:linear-gradient(135deg,var(--accent-orange),var(--accent-orange-dark));color:var(--white);box-shadow:0 4px 8px -1px #ffb0674d}.dashboard-action-card.trophy:hover .dashboard-action-icon{background:linear-gradient(135deg,var(--accent-orange-dark),#D4802E);transform:scale(1.05)}.dashboard-action-card.trophy .dashboard-action-arrow{background:#ffb0671f;color:var(--accent-orange-dark);border-color:#ffb06740}.dashboard-action-card.trophy:hover .dashboard-action-arrow{background:var(--accent-orange);color:var(--white);border-color:var(--accent-orange);transform:translate(4px)}.dashboard-action-card.case-workspace{background:linear-gradient(135deg,var(--white) 0%,rgba(74,212,145,.12) 100%);border-color:#4ad4914d;box-shadow:0 4px 6px -1px #4ad4911f}.dashboard-action-card.case-workspace:hover{border-color:var(--accent-green);box-shadow:0 10px 15px -3px #4ad49133}.dashboard-action-card.case-workspace:hover:before{background:var(--accent-green)}.dashboard-action-card.case-workspace .dashboard-action-icon{background:var(--accent-green);color:var(--white);box-shadow:0 4px 6px -1px #4ad49140}.dashboard-action-card.case-workspace .dashboard-action-arrow{background:#4ad4911f;color:var(--accent-green-dark);border-color:#4ad4914d}.trophy-preview{margin:var(--space-3) 0}.trophy-badge-strip{display:flex;align-items:center;margin-bottom:var(--space-3)}.trophy-badge-thumb{width:36px;height:36px;border-radius:50%;object-fit:contain;border:2px solid var(--white);background:var(--white);box-shadow:0 1px 3px #0000001a;margin-right:-8px;transition:all .2s ease;position:relative}.trophy-badge-thumb:hover{transform:scale(1.2) translateY(-2px);z-index:2;box-shadow:0 4px 8px #00000026}.trophy-badge-thumb.tier-gold{border-color:gold}.trophy-badge-thumb.tier-silver{border-color:silver}.trophy-badge-thumb.tier-bronze{border-color:#cd7f32}.trophy-counts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.trophy-count-badge,.trophy-count-cert{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--accent-orange-dark);background:#ffb0671f;padding:2px 8px;border-radius:var(--radius-full)}.trophy-count-cert{color:var(--accent-orange-dark);background:#ffb0671f}.trophy-empty{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;color:var(--gray-500)}.trophy-empty-icon{font-size:1.25rem;opacity:.7}.trophy-empty-text{font-size:var(--font-size-sm);font-style:italic}.dashboard-action-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-2);width:100%}.dashboard-action-arrow{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--gray-400);border:1px solid var(--gray-200);transition:all var(--transition-fast);margin-left:auto;flex-shrink:0}.dashboard-action-card:hover .dashboard-action-arrow{background:var(--brand-primary);color:var(--white);border-color:var(--brand-primary);transform:translate(4px)}.dashboard-action-content{flex:1;display:flex;flex-direction:column;min-height:0}.dashboard-action-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-1);display:block}.dashboard-action-description{font-size:var(--font-size-sm);color:var(--gray-600);margin:0 0 var(--space-2);line-height:var(--leading-relaxed);display:block}.dashboard-action-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--gray-100);color:var(--gray-600);font-size:var(--font-size-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard-section-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.dashboard-section-link{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--brand-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-1);transition:color var(--transition-fast)}.dashboard-section-link:hover{color:var(--brand-primary-dark);text-decoration:underline}.dashboard-activity-list{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.dashboard-activity-item{display:flex;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color-light);transition:background var(--transition-fast)}.dashboard-activity-item:last-child{border-bottom:none}.dashboard-activity-item:hover{background:var(--gray-50)}.dashboard-activity-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;margin-right:var(--space-4);font-size:1.25rem}.dashboard-activity-content{flex:1}.dashboard-activity-title{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-900);margin:0 0 var(--space-1)}.dashboard-activity-time{font-size:var(--font-size-xs);color:var(--gray-500)}.dashboard-activity-score{font-size:var(--font-size-lg);font-weight:var(--font-bold)}.dashboard-activity-score .score-ring{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-bold);transition:all .2s ease}.dashboard-activity-score.score-high .score-ring{background:#4ad4911f;color:#16a34a;border:2px solid rgba(74,212,145,.3)}.dashboard-activity-score.score-mid .score-ring{background:#6c63ff1a;color:var(--brand-primary-dark);border:2px solid rgba(108,99,255,.25)}.dashboard-activity-score.score-low .score-ring{background:#ef44441a;color:#dc2626;border:2px solid rgba(239,68,68,.2)}.dashboard-activity-score.score-neutral .score-ring{background:var(--gray-100);color:var(--gray-600);border:2px solid var(--gray-200)}.dashboard-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);background:var(--white);border:1px dashed var(--border-color);border-radius:var(--radius-xl);color:var(--gray-500);text-align:center}.dashboard-activity-empty .material-symbols-outlined{font-size:2.5rem;margin-bottom:var(--space-4);color:var(--gray-400)}.dashboard-activity-empty p{margin:0;font-size:var(--font-size-base);max-width:300px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}header.app-header--dashboard{position:sticky;top:0;z-index:var(--z-sticky);display:block;width:100%;padding:var(--space-4) 0;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.dashboard-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;max-width:var(--container-7xl);margin:0 auto;padding:0 var(--space-6);flex-wrap:wrap;row-gap:var(--space-2)}.dashboard-header-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;height:48px;padding:0 1.5rem;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--gray-700);font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease}.dashboard-header-btn:hover{background:var(--gray-50);border-color:var(--border-color-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-header-btn--primary{background:var(--accent-green);border-color:var(--accent-green-dark);color:var(--white);box-shadow:var(--shadow-success)}.dashboard-header-btn--primary:hover{background:var(--accent-green-dark);border-color:var(--accent-green-dark);box-shadow:var(--shadow-success);transform:translateY(-1px)}.dashboard-header-btn--chip{padding:0 1.2rem;color:var(--gray-500);font-size:.85rem;font-weight:500;cursor:default}.dashboard-header-btn--chip:hover{background:var(--white);border-color:var(--border-color);box-shadow:var(--shadow-sm);transform:none}.dashboard-header-icon{font-size:1.1rem}.dashboard-header-lang{display:flex;align-items:center;gap:.5rem;font-size:14px}.dashboard-header-lang-field{position:relative}.dashboard-header-select{height:48px;min-width:140px;padding:0 36px 0 16px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--gray-700);font-family:inherit;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.dashboard-header-select:hover{background:var(--gray-50);border-color:var(--border-color-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-header-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--gray-500);pointer-events:none}.dashboard-header-btn:focus-visible,.dashboard-header-select:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (max-width: 900px){.dashboard-header-btn:not(.dashboard-header-btn--chip){width:48px;padding:0}.dashboard-header-btn-label{display:none}.dashboard-header-select{min-width:120px}}@media (max-width: 768px){.dashboard-header-actions{gap:var(--space-3);row-gap:var(--space-2)}.dashboard-header-btn--chip{padding:0 var(--space-3)}}.gradient-orb{display:none!important}@media (max-width: 640px){.dashboard-content{padding:var(--space-5) var(--space-4)}.dashboard-welcome-text h1{font-size:var(--font-size-2xl)}.dashboard-action-card{height:auto;min-height:220px;padding:var(--space-5)}.dashboard-action-icon{width:48px;height:48px}.dashboard-action-title{font-size:var(--font-size-lg)}.trophy-badge-thumb{width:30px;height:30px}.dashboard-activity-item{padding:var(--space-3) var(--space-4)}.dashboard-activity-score .score-ring{width:38px;height:38px;font-size:var(--font-size-xs)}}html{scroll-behavior:smooth}.landing-features,.landing-demo,.landing-benefits,.landing-testimonials,.landing-pricing,.landing-faq{scroll-margin-top:80px}.landing-page{min-height:100vh;background:var(--bg-primary);color:var(--gray-900);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--space-4) var(--space-6);background:#fefcfad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:all var(--transition-normal)}.landing-nav.scrolled{background:#fefcfaf7;border-bottom-color:var(--border-color);box-shadow:var(--shadow-sm)}.landing-nav-container{max-width:var(--container-7xl);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.landing-nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.landing-nav-logo img{height:32px;width:auto}.landing-nav-logo-img{height:36px;width:auto;object-fit:contain}.landing-nav-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--gray-900)}.landing-nav-links{display:flex;align-items:center;gap:var(--space-8)}.landing-nav-link{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-600);text-decoration:none;transition:color var(--transition-fast);position:relative}.landing-nav-link:hover{color:var(--gray-900)}.landing-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--brand-primary);transition:width var(--transition-fast)}.landing-nav-link:hover:after{width:100%}.landing-nav-actions{display:flex;align-items:center;gap:var(--space-3)}.landing-nav-signin{padding:var(--space-2-5) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--gray-900);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.landing-nav-signin:hover{color:var(--brand-primary);background:var(--gray-50);border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.landing-nav-cta{padding:var(--space-2-5) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--white);background:var(--brand-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-primary)}.landing-nav-cta:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.landing-nav-mobile-toggle{display:none;padding:var(--space-2);background:transparent;border:none;cursor:pointer;color:var(--gray-700)}@media (max-width: 1024px){.landing-nav-links{display:none}.landing-nav-mobile-toggle{display:flex}}@media (max-width: 640px){.landing-nav{padding:var(--space-3) var(--space-4)}.landing-nav-actions .landing-nav-signin{display:none}}.landing-hero{padding:var(--space-40) var(--space-6) var(--space-24);position:relative;overflow:hidden}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(108,99,255,.1),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(255,176,103,.08),transparent),radial-gradient(ellipse 40% 30% at 20% 70%,rgba(255,213,153,.06),transparent);z-index:0}.landing-hero-container{max-width:var(--container-6xl);margin:0 auto;position:relative;z-index:1}.landing-hero-content{text-align:center;max-width:900px;margin:0 auto}.landing-hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);background:var(--brand-primary-50);border:1px solid var(--brand-primary-100);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--brand-primary-dark);margin-bottom:var(--space-6);animation:fadeInUp .6s ease-out}.landing-hero-badge-icon{font-size:1rem}.landing-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-extrabold);line-height:var(--leading-tight);color:var(--gray-900);margin:0 0 var(--space-6);letter-spacing:var(--tracking-tight);animation:fadeInUp .6s ease-out .1s backwards}.landing-hero-title-highlight{background:linear-gradient(135deg,var(--brand-primary),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-description{font-size:var(--font-size-xl);line-height:var(--leading-relaxed);color:var(--gray-600);margin:0 0 var(--space-10);max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out .2s backwards}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;animation:fadeInUp .6s ease-out .3s backwards}.landing-hero-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--white);background:var(--brand-primary);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-primary)}.landing-hero-btn-primary:hover{background:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.landing-hero-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--gray-700);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.landing-hero-btn-secondary:hover{background:var(--gray-50);border-color:var(--border-color-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.landing-hero-trust{margin-top:var(--space-12);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-500);animation:fadeInUp .6s ease-out .4s backwards}.landing-hero-trust-icon{color:var(--accent-green)}.landing-hero-preview{margin-top:var(--space-16);max-width:1100px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .5s backwards}.landing-hero-preview-wrapper{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);border:1px solid var(--border-color);background:var(--white)}.landing-hero-preview-image{width:100%;height:auto;display:block}.landing-hero-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 60%,rgba(255,255,255,.8));pointer-events:none}.landing-social-proof{padding:var(--space-16) var(--space-6);background:var(--bg-secondary);border-top:1px solid var(--border-color-light);border-bottom:1px solid var(--border-color-light)}.landing-social-proof-container{max-width:var(--container-6xl);margin:0 auto;text-align:center}.landing-social-proof-label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-500);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-8)}.landing-social-proof-logos{display:flex;align-items:center;justify-content:center;gap:var(--space-12);flex-wrap:wrap}.landing-social-proof-logo{height:32px;opacity:.5;filter:grayscale(100%);transition:all var(--transition-normal)}.landing-social-proof-logo:hover{opacity:1;filter:grayscale(0%)}.landing-social-proof-placeholder{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gray-100);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--gray-400);opacity:.7;transition:opacity var(--transition-fast)}.landing-social-proof-placeholder:hover{opacity:1}.landing-features{padding:var(--space-24) var(--space-6)}.landing-features-container{max-width:var(--container-6xl);margin:0 auto}.landing-section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.landing-section-label{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--brand-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-4)}.landing-section-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--gray-900);margin:0 0 var(--space-4);letter-spacing:var(--tracking-tight)}.landing-section-description{font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--gray-600);margin:0}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media (max-width: 1024px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.landing-features-grid{grid-template-columns:1fr}}.landing-feature-card{padding:var(--space-8);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.landing-feature-card:hover{border-color:var(--brand-primary-100);box-shadow:var(--shadow-lg),0 0 0 1px var(--brand-primary-50);transform:translateY(-4px)}.landing-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary-50);border-radius:var(--radius-lg);font-size:1.5rem;margin-bottom:var(--space-5);transition:all var(--transition-fast)}.landing-feature-card:hover .landing-feature-icon{background:var(--brand-primary);transform:scale(1.05)}.landing-feature-card:hover .landing-feature-icon svg{color:var(--white)}.landing-feature-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-3)}.landing-feature-description{font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--gray-600);margin:0}.landing-feature-icon-svg{width:24px;height:24px;color:var(--brand-primary);transition:color var(--transition-fast)}.landing-demo{padding:var(--space-24) var(--space-6);background:var(--bg-dark);color:var(--white)}.landing-demo-container{max-width:var(--container-6xl);margin:0 auto}.landing-demo .landing-section-label{color:var(--accent-cyan)}.landing-demo .landing-section-title{color:var(--white)}.landing-demo .landing-section-description{color:var(--gray-400)}.landing-demo-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;margin-top:var(--space-12)}@media (max-width: 1024px){.landing-demo-content{grid-template-columns:1fr}}.landing-demo-text{display:flex;flex-direction:column;gap:var(--space-8)}.landing-demo-feature{display:flex;gap:var(--space-4)}.landing-demo-feature-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#635bff33;border-radius:var(--radius-lg);font-size:1.25rem}.landing-demo-feature-content h4{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--white);margin:0 0 var(--space-2)}.landing-demo-feature-content p{font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--gray-400);margin:0}.landing-demo-visual{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.landing-demo-video{width:100%;height:auto;display:block;border-radius:var(--radius-2xl)}.landing-demo-carousel{position:relative;aspect-ratio:16 / 10;background:var(--bg-dark-elevated);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.1);overflow:hidden}.landing-demo-carousel-image{width:100%;height:100%;object-fit:cover}.landing-demo-carousel-nav{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2)}.landing-demo-carousel-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#ffffff4d;border:none;cursor:pointer;transition:all var(--transition-fast)}.landing-demo-carousel-dot.active{background:var(--white);width:24px}.landing-benefits{padding:var(--space-24) var(--space-6)}.landing-benefits-container{max-width:var(--container-6xl);margin:0 auto}.landing-benefits-tabs{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-12);flex-wrap:wrap}.landing-benefits-tab{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-600);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.landing-benefits-tab:hover{background:var(--gray-50);border-color:var(--border-color-dark)}.landing-benefits-tab.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--white);box-shadow:var(--shadow-primary)}.landing-benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}@media (max-width: 1024px){.landing-benefits-content{grid-template-columns:1fr}}.landing-benefits-list{display:flex;flex-direction:column;gap:var(--space-6)}.landing-benefit-item{display:flex;gap:var(--space-4)}.landing-benefit-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-green-light);border-radius:var(--radius-full);color:var(--accent-green-dark);font-size:.875rem}.landing-benefit-text h4{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-1)}.landing-benefit-text p{font-size:var(--font-size-sm);color:var(--gray-600);margin:0;line-height:var(--leading-relaxed)}.landing-benefits-image{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.landing-benefits-image img{width:100%;height:auto;display:block}.landing-testimonials{padding:var(--space-24) var(--space-6);background:var(--bg-secondary)}.landing-testimonials-container{max-width:var(--container-6xl);margin:0 auto}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-12)}@media (max-width: 1024px){.landing-testimonials-grid{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}}.landing-testimonial-card{padding:var(--space-8);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.landing-testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.landing-testimonial-quote{font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--gray-700);margin:0 0 var(--space-6);font-style:italic}.landing-testimonial-quote:before{content:'"';font-size:2rem;color:var(--brand-primary);line-height:0;vertical-align:-.4em;margin-right:var(--space-1)}.landing-testimonial-author{display:flex;align-items:center;gap:var(--space-4)}.landing-testimonial-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--brand-primary-100);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--brand-primary)}.landing-testimonial-info h4{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-0-5)}.landing-testimonial-info p{font-size:var(--font-size-sm);color:var(--gray-500);margin:0}.landing-testimonial-metric{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-color-light);display:flex;align-items:center;gap:var(--space-2)}.landing-testimonial-metric-value{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--accent-green)}.landing-testimonial-metric-label{font-size:var(--font-size-sm);color:var(--gray-600)}.landing-pricing{padding:var(--space-24) var(--space-6)}.landing-pricing-container{max-width:var(--container-6xl);margin:0 auto}.landing-pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-top:var(--space-12);align-items:start;max-width:800px;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.landing-pricing-grid{grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}}.landing-pricing-card{padding:var(--space-8);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);transition:all var(--transition-normal);position:relative}.landing-pricing-card:hover{box-shadow:var(--shadow-lg)}.landing-pricing-card.featured{border-color:var(--brand-primary);box-shadow:var(--shadow-xl),0 0 0 1px var(--brand-primary-100);transform:scale(1.02)}.landing-pricing-card.featured:hover{transform:scale(1.03)}.landing-pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1-5) var(--space-4);background:var(--brand-primary);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.landing-pricing-name{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-2)}.landing-pricing-description{font-size:var(--font-size-sm);color:var(--gray-500);margin:0 0 var(--space-6)}.landing-pricing-price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-6)}.landing-pricing-currency{font-size:var(--font-size-xl);font-weight:var(--font-semibold);color:var(--gray-500)}.landing-pricing-amount{font-size:var(--font-size-5xl);font-weight:var(--font-extrabold);color:var(--gray-900);line-height:1}.landing-pricing-period{font-size:var(--font-size-base);color:var(--gray-500)}.landing-pricing-btn{width:100%;padding:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-semibold);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-8)}.landing-pricing-btn-primary{background:var(--brand-primary);color:var(--white);border:none;box-shadow:var(--shadow-primary)}.landing-pricing-btn-primary:hover{background:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.landing-pricing-btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--border-color)}.landing-pricing-btn-secondary:hover{background:var(--gray-50);border-color:var(--border-color-dark)}.landing-pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.landing-pricing-feature{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--gray-600)}.landing-pricing-feature-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--accent-green-light);border-radius:var(--radius-full);color:var(--accent-green-dark);font-size:.75rem}.landing-pricing-feature-icon.disabled{background:var(--gray-100);color:var(--gray-400)}.landing-faq{padding:var(--space-24) var(--space-6);background:var(--bg-secondary)}.landing-faq-container{max-width:var(--container-4xl);margin:0 auto}.landing-faq-list{margin-top:var(--space-12);display:flex;flex-direction:column;gap:var(--space-4)}.landing-faq-item{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.landing-faq-item:hover{border-color:var(--border-color-dark)}.landing-faq-item.open{box-shadow:var(--shadow-md)}.landing-faq-question{width:100%;padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left}.landing-faq-question-text{font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--gray-900)}.landing-faq-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:transform var(--transition-fast)}.landing-faq-item.open .landing-faq-icon{transform:rotate(180deg)}.landing-faq-answer{padding:0 var(--space-6) var(--space-6);font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--gray-600);display:none}.landing-faq-item.open .landing-faq-answer{display:block}.landing-final-cta{padding:var(--space-24) var(--space-6);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));position:relative;overflow:hidden}.landing-final-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1),transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,212,255,.15),transparent 50%)}.landing-final-cta-container{max-width:var(--container-4xl);margin:0 auto;text-align:center;position:relative;z-index:1}.landing-final-cta-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.landing-final-cta-description{font-size:var(--font-size-lg);color:#fffc;margin:0 0 var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.landing-final-cta-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.landing-final-cta-btn-primary{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--brand-primary);background:var(--white);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.landing-final-cta-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.landing-final-cta-btn-secondary{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-semibold);color:var(--white);background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.landing-final-cta-btn-secondary:hover{background:#ffffff1a;border-color:#fffc}.landing-footer{padding:var(--space-16) var(--space-6) var(--space-8);background:var(--bg-dark);color:var(--gray-400)}.landing-footer-container{max-width:var(--container-6xl);margin:0 auto}.landing-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-12);margin-bottom:var(--space-12)}@media (max-width: 1024px){.landing-footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.landing-footer-grid{grid-template-columns:1fr}}.landing-footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.landing-footer-logo{display:flex;align-items:center;gap:var(--space-3)}.landing-footer-logo-img{height:32px;width:auto;filter:brightness(0) invert(1)}.landing-footer-logo-img{height:32px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.landing-footer-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--white)}.landing-footer-description{font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--gray-500);max-width:300px}.landing-footer-social{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.landing-footer-social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-lg);color:var(--gray-400);text-decoration:none;transition:all var(--transition-fast)}.landing-footer-social-link:hover{background:var(--brand-primary);color:var(--white)}.landing-footer-column h4{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--white);margin:0 0 var(--space-5);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.landing-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.landing-footer-link{font-size:var(--font-size-sm);color:var(--gray-500);text-decoration:none;transition:color var(--transition-fast)}.landing-footer-link:hover{color:var(--white)}.landing-footer-bottom{padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.landing-footer-copyright{font-size:var(--font-size-sm);color:var(--gray-500)}.landing-footer-legal{display:flex;gap:var(--space-6)}.landing-footer-legal-link{font-size:var(--font-size-sm);color:var(--gray-500);text-decoration:none;transition:color var(--transition-fast)}.landing-footer-legal-link:hover{color:var(--white)}@media (max-width: 640px){.landing-hero{padding:var(--space-32) var(--space-4) var(--space-16)}.landing-hero-description{font-size:var(--font-size-lg)}.landing-hero-actions{flex-direction:column;width:100%}.landing-hero-btn-primary,.landing-hero-btn-secondary{width:100%;justify-content:center}.landing-section-header{margin-bottom:var(--space-10)}.landing-features,.landing-benefits,.landing-testimonials,.landing-pricing,.landing-faq,.landing-final-cta{padding:var(--space-16) var(--space-4)}}.window-title-bar{--window-caption-height: 48px;min-height:var(--window-caption-height);display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding-left:1.25rem;background:var(--glass-bg-strong, rgba(255, 255, 255, .98));border-bottom:1px solid var(--gray-200, #E5E2DD);color:var(--gray-900, #1C1917);-webkit-user-select:none;user-select:none}.window-title-bar .window-title-bar__title{min-width:0;margin:0;overflow:hidden;color:inherit;font-size:.9375rem;font-weight:600;line-height:1.25;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.window-title-bar__controls{align-self:stretch;display:flex;flex:0 0 auto;align-items:stretch;margin-left:1rem}.window-title-bar .window-title-bar__button{width:48px;min-width:48px;height:100%;min-height:var(--window-caption-height);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;color:var(--gray-600, #57534E);box-shadow:none;cursor:pointer;transition:background-color .12s ease,color .12s ease}.window-title-bar .window-title-bar__button .material-symbols-outlined{font-size:18px;line-height:1}.window-title-bar .window-title-bar__button--size:hover{background:var(--gray-100, #F2F0ED);color:var(--gray-900, #1C1917)}.window-title-bar .window-title-bar__button--close:hover{background:var(--error-dark, #E04E5D);color:var(--white, #FFFFFF)}.window-title-bar .window-title-bar__button:focus-visible{position:relative;z-index:1;outline:2px solid var(--brand-primary, #6C63FF);outline-offset:-3px}@media (max-width: 480px){.window-title-bar{padding-left:1rem}.window-title-bar__controls{margin-left:.5rem}.window-title-bar .window-title-bar__button{width:44px;min-width:44px}}.voicePreviewButton{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;font-size:.8rem;line-height:1;cursor:pointer;color:var(--brand-primary, #6c63ff);background:var(--white, #ffffff);border:1px solid var(--gray-300, #d6d3ce);border-radius:var(--radius-md, 12px);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.voicePreviewButton:hover:not(:disabled){background:var(--bg-secondary, #f7f4f0);border-color:var(--brand-primary, #6c63ff)}.voicePreviewButton:focus-visible{outline:2px solid var(--brand-primary, #6c63ff);outline-offset:2px}.voicePreviewButton.isPlaying{color:var(--white, #ffffff);background:var(--brand-primary, #6c63ff);border-color:var(--brand-primary, #6c63ff)}.voicePreviewButton:disabled{cursor:not-allowed;opacity:.45}.voicePickerRow{display:flex;align-items:center;gap:8px}.voicePickerRow select{flex:1 1 auto;min-width:0}.modalShroud:has(.editAgent){background:#1c191726;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modalShroud .modal:has(.editAgent){background:var(--glass-bg-strong, rgba(255, 255, 255, .98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(0, 0, 0, .06));border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-xl);color:var(--gray-900, #1C1917);padding:0}.modalShroud .modal:has(.editAgent) .modalContent{padding:1.5rem 2rem 2rem;overflow-x:hidden}.modalShroud .editAgent{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2rem;align-items:start;width:min(1040px,86vw);max-width:100%;color:var(--gray-900, #1C1917)}.modalShroud .editAgent>div:first-child,.modalShroud .editAgent>div:nth-child(2){min-width:0;display:block;gap:normal}.modalShroud .editAgent>*,.modalShroud .editAgent form{min-width:0}.editAgentHeader{grid-column:1 / -1;padding-bottom:1rem;border-bottom:1px solid var(--gray-200, #E5E2DD)}.editAgentSubtitle{margin:0;font-size:.875rem;color:var(--gray-500, #78716C)}.editAgentColumn>div+div,.editAgent form>div+div{margin-top:1rem}@media (max-width: 900px){.modalShroud .editAgent{grid-template-columns:1fr;width:100%}}.editAgent label{display:block;color:var(--gray-600, #57534E);font-size:.875rem;font-weight:500}.editAgentLabel{display:block;margin-bottom:.5rem;color:var(--gray-600, #57534E);font-size:.875rem;font-weight:500}.editAgent input[type=text],.editAgent textarea,.editAgent select{box-sizing:border-box;width:100%;margin-top:.4rem;padding:.75rem .9rem;border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917);font-size:1rem;font-family:var(--font-family, "Inter", sans-serif);outline:none;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.editAgent input[type=text]::placeholder,.editAgent textarea::placeholder{color:var(--gray-400, #A8A29E)}.editAgent input[type=text]:focus,.editAgent textarea:focus,.editAgent select:focus{border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.editAgent select:disabled,.editAgent input:disabled,.editAgent textarea:disabled{background:var(--gray-50, #FAF9F7);color:var(--gray-400, #A8A29E);cursor:not-allowed}.editAgent select option{background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917)}.editAgent textarea{min-height:110px;resize:vertical;line-height:1.5}.editAgent .largeInput{font-size:1.15rem;font-weight:600}.editAgentHint{display:block;margin-top:.35rem;font-size:.8rem;line-height:1.4;color:var(--gray-500, #78716C)}.editAgentSection+.editAgentSection{margin-top:1.25rem}.editAgent .colorPicker{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.editAgent .colorPicker li{width:35px;height:35px;border-radius:100%;box-shadow:var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .08))}.editAgent .colorPicker li.active{outline:3px solid var(--brand-primary, #6C63FF);outline-offset:2px}.editAgent .voicePicker{display:block;color:var(--gray-600, #57534E);font-size:.875rem;font-weight:500}.editAgent .voicePicker select{accent-color:var(--brand-primary, #6C63FF);background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917);font-size:1rem;border-radius:var(--radius-md, 12px)}.editAgent .voicePicker optgroup{color:var(--gray-600, #57534E);font-style:normal;font-weight:600}.editAgent .voicePicker option{color:var(--gray-900, #1C1917);font-weight:400}.editAgentIconGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:10px;background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px)}.editAgentIconButton{font-size:24px;padding:8px;border:2px solid transparent;border-radius:6px;background:var(--white, #FFFFFF);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.editAgentIconButton:hover{background:var(--gray-100, #F2F0ED);border-color:var(--gray-300, #D0CCC6)}.editAgentIconButton.selected{border-color:var(--brand-primary, #6C63FF);background:var(--brand-primary-50, rgba(108, 99, 255, .08))}.editAgentIconSelected{margin-top:.5rem;font-size:.875rem;color:var(--gray-500, #78716C)}.editAgent .knowledgeSection input[type=file]{display:block;margin-bottom:.75rem;font-size:.875rem;color:var(--gray-700, #44403C)}.editAgentKnowledgeList{list-style:none;margin:.5rem 0 0;padding:0}.editAgentKnowledgeItem{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;margin-bottom:.4rem;background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);font-size:.875rem;color:var(--gray-700, #44403C)}.editAgentRemoveKnowledge{background:none;border:none;padding:.2rem .4rem;color:var(--error-dark, #E04E5D);font-size:.8rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;border-radius:6px}.editAgentRemoveKnowledge:hover{background:var(--error-light, #FFF0F1)}.editAgent .saveButtonContainer{display:flex;justify-content:flex-end;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--gray-200, #E5E2DD)}.editAgent .saveButtonContainer .button,.editAgent .saveButtonContainer .button.primaryButton{padding:.7rem 1.4rem;border:1px solid var(--brand-primary, #6C63FF);border-radius:var(--radius-md, 12px);background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);font-size:1rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;box-shadow:var(--shadow-primary);transition:all var(--transition-fast, .15s ease)}.editAgent .saveButtonContainer .button:hover,.editAgent .saveButtonContainer .button.primaryButton:hover{background:var(--brand-primary-dark, #5147E5);border-color:var(--brand-primary-dark, #5147E5);box-shadow:var(--shadow-primary-hover)}.editAgent .saveButtonContainer .button:active{transform:translateY(1px)}.conversation-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.conversation-history-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:1200px;height:80vh;display:flex;flex-direction:column;overflow:hidden}.conversation-history-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.conversation-history-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px 8px;border-radius:4px;transition:color .2s,background-color .2s}.close-button:hover{color:#374151;background-color:#e5e7eb}.conversation-history-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.search-section{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.search-bar{display:flex;gap:8px;margin-bottom:16px}.search-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-button{padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.search-button:hover{background:#2563eb}.search-results{margin-top:16px}.search-results h3{margin:0 0 12px;color:#374151;font-size:1.1rem;font-weight:500}.search-results-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.search-result-item{padding:12px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.search-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-type{font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.message-type.user{color:#059669}.message-type.assistant{color:#3b82f6}.message-date,.message-time{font-size:12px;color:#6b7280}.search-result-content{color:#374151;font-size:14px;line-height:1.4}.conversation-sections{display:grid;grid-template-columns:1fr 2fr;gap:24px;flex:1;min-height:0}.sessions-section,.messages-section{display:flex;flex-direction:column;min-height:0}.sessions-section h3,.messages-section h3{margin:0 0 16px;color:#374151;font-size:1.1rem;font-weight:500}.sessions-list,.messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:0}.session-item{padding:16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.session-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.session-item.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 2px 8px #3b82f61a}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.session-title{font-weight:500;color:#1f2937;flex:1;margin-right:8px}.session-actions{display:flex;gap:4px}.download-session-button,.delete-session-button{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:4px;opacity:.6;transition:opacity .2s,background-color .2s}.download-session-button:hover{opacity:1;background-color:#3b82f61a}.delete-session-button:hover{opacity:1;background-color:#ef44441a}.session-info{display:flex;justify-content:space-between;align-items:center;font-size:12px}.session-date{color:#6b7280}.session-status{font-weight:500;text-transform:uppercase;letter-spacing:.5px}.session-status.active{color:#059669}.session-status.inactive{color:#6b7280}.message{margin-bottom:15px;padding:12px;border-radius:8px;max-width:80%;display:flex;flex-direction:column}.user-message{background-color:#007bff4d;align-self:flex-end;margin-left:auto;text-align:right}.agent-message{background-color:#16161633;align-self:flex-start;margin-right:auto}.message-sender{font-weight:700;margin-bottom:5px;font-size:.9rem}.message-text{font-size:1rem;line-height:1.4}.message-timestamp{font-size:.75rem;opacity:.7;margin-top:8px;align-self:flex-end}.loading{text-align:center;color:#6b7280;padding:20px;font-style:italic}.no-sessions,.no-messages{text-align:center;color:#9ca3af;padding:40px 20px;font-style:italic}.conversation-history-footer{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end}.close-footer-button{padding:8px 24px;background:#6b7280;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.close-footer-button:hover{background:#4b5563}@media (max-width: 768px){.conversation-history-modal{width:95%;height:85vh}.conversation-sections{grid-template-columns:1fr;gap:16px}.sessions-section{max-height:300px}}.ai-badge{display:inline-flex;align-items:center;gap:4px;font-weight:600;line-height:1;border-radius:999px;background:#6c63ff1f;color:#5a52d5;border:1px solid rgba(108,99,255,.35);white-space:nowrap;vertical-align:middle}.ai-badge__icon{font-size:1em;line-height:1}.ai-badge--inline{font-size:.65rem;padding:2px 7px;letter-spacing:.02em}.ai-badge--pill{font-size:.75rem;padding:5px 12px;box-shadow:0 1px 4px #6c63ff2e}.ai-badge--pill .ai-badge__icon{font-size:1.05em}.transcript-container{background:transparent;border-radius:12px;padding:0;color:#1a2a3a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;height:100%;min-height:0;flex:1 1 0}.transcript-header{padding-bottom:10px;border-bottom:1px solid rgba(0,51,102,.1);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.transcript-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#036}.transcript-messages{flex:1 1 0;min-height:0;overflow-y:auto;padding-right:6px;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-direction:column;gap:10px}.transcript-messages::-webkit-scrollbar{width:5px}.transcript-messages::-webkit-scrollbar-track{background:#0033660a;border-radius:4px}.transcript-messages::-webkit-scrollbar-thumb{background:#00336626;border-radius:4px}.transcript-messages::-webkit-scrollbar-thumb:hover{background:#00336640}.message{margin-bottom:2px;padding:10px 14px;max-width:85%;display:flex;flex-direction:column;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;position:relative;transition:transform .2s ease}.message:hover{transform:translateY(-1px)}.user-message{background:linear-gradient(145deg,#fff,#f0f2f5);color:#1a2a3a;align-self:flex-end;margin-left:auto;text-align:left;border-radius:18px 18px 4px;box-shadow:4px 4px 12px #0033660f,-3px -3px 8px #fffc,inset 0 1px 2px #fff9;border:1px solid rgba(0,51,102,.08)}.user-message .message-sender{color:#4a5568}.user-message .message-text{color:#1a2a3a}.user-message .message-timestamp{color:#718096}.agent-message{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;align-self:flex-start;margin-right:auto;text-align:left;border-radius:18px 18px 18px 4px;box-shadow:4px 4px 14px #2563eb33,-2px -2px 8px #ffffff26,inset 0 1px 2px #ffffff26;border:1px solid rgba(37,99,235,.3)}.agent-message .message-sender{color:#ffffffd9}.agent-message .message-text{color:#fff}.agent-message .message-timestamp{color:#ffffffa6}.message-sender{font-weight:600;margin-bottom:3px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.message-text{font-size:.92rem;line-height:1.55;word-wrap:break-word;overflow-wrap:break-word}.message-timestamp{font-size:.68rem;opacity:.8;margin-top:5px;align-self:flex-end}.agent-message .message-timestamp{align-self:flex-start}.ai-disclosure-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;overflow-y:auto}.ai-disclosure-card{width:100%;max-width:440px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:18px;padding:28px 26px 22px;box-shadow:0 20px 60px #0f172a59;text-align:center;animation:ai-disclosure-in .18s ease-out;margin:auto}@keyframes ai-disclosure-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-disclosure-icon{font-size:40px;color:#6c63ff;background:#6c63ff1f;width:68px;height:68px;line-height:68px;border-radius:50%;margin:0 auto 14px}.ai-disclosure-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 10px}.ai-disclosure-body{font-size:.95rem;color:#334155;line-height:1.5;margin:0 0 14px}.ai-disclosure-points{text-align:left;margin:0 0 22px;padding-left:18px;color:#475569;font-size:.85rem;line-height:1.5}.ai-disclosure-points li{margin-bottom:6px}.ai-disclosure-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ai-disclosure-btn{border:none;border-radius:12px;padding:11px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.ai-disclosure-btn:hover{transform:translateY(-1px)}.ai-disclosure-btn--primary{background:#6c63ff;color:#fff}.ai-disclosure-btn--secondary{background:#f1f5f9;color:#475569}.scenario-required-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;overflow-y:auto}.scenario-required-card{width:100%;max-width:440px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:18px;padding:28px 26px 22px;box-shadow:0 20px 60px #0f172a59;text-align:center;animation:scenario-required-in .18s ease-out;margin:auto}@keyframes scenario-required-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.scenario-required-card{animation:none}}.scenario-required-icon{font-size:40px;color:#d97706;background:#d977061f;width:68px;height:68px;line-height:68px;border-radius:50%;margin:0 auto 14px}.scenario-required-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 10px}.scenario-required-body{font-size:.95rem;color:#334155;line-height:1.5;margin:0 0 22px}.scenario-required-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.scenario-required-btn{border:none;border-radius:12px;padding:11px 20px;font-size:.9rem;font-weight:600;cursor:pointer;background:#036;color:#fff;transition:transform .12s ease,opacity .12s ease}.scenario-required-btn:hover{transform:translateY(-1px)}.scenario-tasks-widget{background-color:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:18px;color:#036;font-family:Roboto,sans-serif;box-shadow:0 4px 20px #0033661a;border:1px solid rgba(0,51,102,.1)}.scenario-tasks-widget .task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.scenario-tasks-widget h3{margin:0;font-size:1.44rem;font-weight:600;flex:1;color:#036}.scenario-tasks-widget .task-controls{display:flex;gap:10px}.scenario-tasks-widget .validation-button{padding:6px 12px;font-size:.82rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#ff9500,#ffb347);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.scenario-tasks-widget .validation-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ff95004d}.scenario-tasks-widget .start-review-button{width:100%;padding:14px 12px;font-size:1.05rem;font-weight:600;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#036,#0056b3);border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1.2rem;margin-top:.5rem;box-shadow:0 4px 6px #0363;text-transform:uppercase}.scenario-tasks-widget .start-review-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0033664d;background:linear-gradient(135deg,#004080,#06c);filter:brightness(1.1)}.scenario-tasks-widget .start-review-button:active{transform:translateY(0);box-shadow:0 2px 4px #0363}.scenario-tasks-widget .task-list{list-style-type:none;padding:0;margin:0}.scenario-tasks-widget .task-item{margin-bottom:.72rem;font-size:.96rem;line-height:1.4;transition:all .3s ease;border-radius:7px;padding:7px;position:relative;border:1px solid transparent;color:#036}.scenario-tasks-widget .task-item:hover{background-color:#0033660d;border-color:#0033661a}.scenario-tasks-widget .task-content{display:flex;align-items:center;gap:.6rem}.scenario-tasks-widget .task-number{font-weight:600;min-width:24px;color:#036}.scenario-tasks-widget .task-icon{font-size:1.32em;min-width:24px;text-align:center}.scenario-tasks-widget .task-text{flex:1;transition:all .3s ease;color:#036}.scenario-tasks-widget .info-toggle{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;margin-right:4px;opacity:.6;filter:grayscale(100%)}.scenario-tasks-widget .info-toggle:hover,.scenario-tasks-widget .info-toggle:focus{opacity:1;background-color:#0033661a;transform:scale(1.1);filter:grayscale(0%)}.scenario-tasks-widget .manual-toggle{padding:5px 10px;font-size:.96rem;background:#0033661a;border:1px solid rgba(0,51,102,.2);border-radius:5px;color:#036;cursor:pointer;transition:all .2s ease;opacity:.7}.scenario-tasks-widget .manual-toggle:hover{opacity:1;background:#0363;transform:scale(1.05)}.scenario-tasks-widget .info-toggle{padding:5px 8px;font-size:1.1rem;background:transparent;border:none;border-radius:5px;cursor:pointer;transition:all .2s ease;opacity:.6;display:flex;align-items:center;justify-content:center;color:#036}.scenario-tasks-widget .info-toggle:hover{opacity:1;background:#0033661a;transform:scale(1.1)}.scenario-tasks-widget .task-item.pending .task-text{color:#0369}.scenario-tasks-widget .task-item.completed-high .task-text{text-decoration:line-through;color:#28a745}.scenario-tasks-widget .task-item.completed-medium .task-text{text-decoration:line-through;color:#ffc107}.scenario-tasks-widget .task-item.completed-low .task-text{text-decoration:line-through;color:#ff9800}.scenario-tasks-widget .task-item.completed-manual .task-text{text-decoration:line-through;color:#17a2b8}.scenario-tasks-widget .task-item.completed-basic .task-text{text-decoration:line-through;color:#00336680}.scenario-tasks-widget .task-details{margin-top:10px;padding:10px;background:#0033660d;border-radius:7px;font-size:1.02rem;animation:slideDown .2s ease-out;color:#036}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.scenario-tasks-widget .task-info{display:flex;align-items:center;gap:10px;margin-bottom:5px;color:#036}.scenario-tasks-widget .confidence-bar{width:72px;height:5px;background:#0363;border-radius:2px;overflow:hidden;position:relative}.scenario-tasks-widget .confidence-fill{height:100%;background:linear-gradient(90deg,#dc3545,#ffc107,#28a745);border-radius:2px;transition:width .3s ease}.scenario-tasks-widget .task-meta{font-size:.9rem;color:#003366b3;flex:1}.scenario-tasks-widget .task-reasoning{font-size:.96rem;color:#036c;font-style:italic;margin:5px 0;padding:5px 10px;background:#0033660d;border-radius:5px;border-left:4px solid rgba(0,86,179,.5)}.scenario-tasks-widget .validate-single{padding:5px 10px;font-size:.9rem;background:linear-gradient(135deg,#ff9500,#ffb347);border:none;border-radius:5px;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:5px}.scenario-tasks-widget .validate-single:hover{transform:translateY(-1px);box-shadow:0 2px 4px #ff95004d}.scenario-tasks-widget .task-inline-details{margin-top:10px;padding:10px;background:#fff9;border-radius:7px;font-size:.96rem;animation:slideDown .2s ease-out;color:#036;border:1px solid rgba(0,51,102,.15)}.scenario-tasks-widget .task-inline-status{font-weight:500;margin-bottom:4px}.scenario-tasks-widget .task-inline-reasoning{font-style:italic;color:#036c;margin-top:4px;font-size:.9rem}.scenario-tasks-widget .task-summary{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(0,51,102,.2)}.scenario-tasks-widget .completion-stats{display:flex;justify-content:space-between;font-size:1.02rem;color:#036c}.scenario-tasks-widget .completion-stats span{padding:5px 10px;background:#0033661a;border-radius:5px;color:#036}@keyframes taskComplete{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.scenario-tasks-widget .task-item.completed-high .task-icon,.scenario-tasks-widget .task-item.completed-medium .task-icon,.scenario-tasks-widget .task-item.completed-low .task-icon,.scenario-tasks-widget .task-item.completed-manual .task-icon{animation:taskComplete .5s ease-out}@media (max-width: 768px){.scenario-tasks-widget{margin-left:0;margin-top:1rem}.scenario-tasks-widget .task-header{flex-direction:column;align-items:flex-start;gap:8px}.scenario-tasks-widget .task-controls{width:100%;justify-content:flex-end}}.soft-skills-container{background:var(--white, #FFFFFF);border-radius:20px;padding:14px;border:1px solid var(--gray-200, #E5E2DD);position:relative;transition:all .3s ease;box-shadow:6px 6px 12px #00000012,-3px -3px 8px #ffffffd9,inset 2px 2px 4px #ffffff80,inset -1px -1px 3px #00000008}.soft-skills-container:hover{background:var(--white, #FFFFFF);box-shadow:8px 8px 16px #00000017,-4px -4px 10px #ffffffe6,inset 2px 2px 4px #ffffff80,inset -1px -1px 3px #00000008}.soft-skills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--gray-200, #E5E2DD)}.soft-skills-header h3{margin:0;font-size:14px;font-weight:600;color:var(--gray-900, #1C1917);display:flex;align-items:center;gap:5px}.overall-score{display:flex;flex-direction:column;align-items:center;padding:5px 10px;border-radius:12px;border:1px solid;background:var(--bg-secondary, #F7F4F0);transition:all .3s ease;box-shadow:inset 1px 1px 3px #fff9,inset -1px -1px 2px #0000000a}.score-value{font-size:17px;font-weight:700;color:var(--gray-900, #1C1917)}.score-label{font-size:10px;text-transform:uppercase;letter-spacing:.3px;opacity:.8;margin-top:1px}.header-loading-dot{display:inline-block;width:8px;height:8px;margin-left:8px;background-color:#2196f3;border-radius:50%;animation:headerPulse 1.5s ease-in-out infinite;vertical-align:middle}@keyframes headerPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.header-right{display:flex;align-items:center;gap:8px}.view-mode-select{padding:4px 8px;font-size:11px;font-weight:500;color:var(--gray-700, #44403C);background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:10px;cursor:pointer;outline:none;transition:all .2s ease;box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #00000008;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:90px}.view-mode-select option{background-color:#fff;color:#44403c;padding:4px 8px}.view-mode-select:hover{border-color:var(--brand-primary, #6C63FF);background:var(--white, #FFFFFF)}.view-mode-select:focus{border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 2px #6c63ff26}.skills-grid{display:flex;flex-direction:column;gap:8px}.skills-radar-container{display:flex;flex-direction:column;align-items:center;padding:8px 0}.skills-badges{display:flex;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap}.skill-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;border:1.5px solid;background:var(--white, #FFFFFF);box-shadow:3px 3px 6px #0000000f,-2px -2px 4px #fffc,inset 1px 1px 2px #ffffff80;transition:all .2s ease}.skill-badge:hover{transform:translateY(-1px);box-shadow:4px 4px 8px #00000014,-3px -3px 6px #ffffffd9,inset 1px 1px 2px #ffffff80}.skill-badge-icon{font-size:12px}.skill-badge-value{font-size:13px;font-weight:700}.radar-tooltip{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:12px;padding:10px 14px;box-shadow:6px 6px 12px #00000014,-3px -3px 8px #ffffffe6,inset 1px 1px 3px #ffffff80;max-width:200px}.radar-tooltip-name{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--gray-800, #292524)}.radar-tooltip-value{margin:0 0 4px;font-size:16px;font-weight:700}.radar-tooltip-desc{margin:0;font-size:11px;color:var(--gray-500, #78716C);line-height:1.4}.skills-labels{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px;padding:8px 4px}.skill-label-row{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:10px;background:var(--bg-secondary, #F7F4F0);box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #00000005;transition:all .2s ease}.skill-label-row:hover{background:var(--white, #FFFFFF);box-shadow:3px 3px 6px #0000000d,-2px -2px 4px #fffc,inset 1px 1px 2px #ffffff80}.skill-label-left{display:flex;align-items:center;gap:6px}.skill-label-icon{font-size:13px}.skill-label-name{font-size:12px;font-weight:500;color:var(--gray-700, #44403C)}.skill-label-score{font-size:14px;font-weight:700;min-width:28px;text-align:right}@media (max-width: 768px){.skills-radar-container{padding:4px 0}.skills-badges{gap:6px}.skill-badge{padding:3px 8px}}.skill-slider{position:relative;padding:5px 0;transition:transform .2s ease}.skill-slider:hover{transform:translate(5px)}.skill-header{display:flex;align-items:center;margin-bottom:7px;font-size:12px;color:var(--text-primary);flex-wrap:wrap}.skill-icon{margin-right:7px;font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.skill-label{flex:1;font-weight:500;letter-spacing:.2px;word-wrap:break-word;overflow-wrap:break-word}.skill-score-box{display:inline-flex;align-items:center;justify-content:center;padding:3px 12px;border-radius:6px;margin-bottom:6px;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.skill-score-box:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.skill-value{font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.skill-tooltip{position:absolute;top:-70px;left:50%;transform:translate(-50%);background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff80;color:#036;padding:10px 14px;border-radius:10px;font-size:12px;white-space:normal;max-width:250px;min-width:200px;z-index:100;pointer-events:none;animation:fadeIn .2s ease}.skill-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(255,255,255,.1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.skill-description{margin:0 0 6px;opacity:1;font-weight:500;line-height:1.4}.skill-performance{margin:0;font-size:11px;opacity:.9;font-weight:600}.skill-performance strong{color:#ff6b35;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.skill-bar-container{position:relative;height:7px;background:var(--gray-100, #F2F0ED);border-radius:8px;overflow:visible;box-shadow:inset 1px 1px 3px #00000014,inset -1px -1px 2px #ffffffb3}.skill-bar-fill{height:100%;border-radius:6px;position:relative;box-shadow:0 2px 8px #0003;background-image:linear-gradient(90deg,#ffffff1a,#fff0);transition:width .8s cubic-bezier(.2,.8,.3,1)}.skill-bar-glow{position:absolute;top:-2px;left:0;right:0;bottom:-2px;border-radius:5px;filter:blur(6px);opacity:.2;pointer-events:none}@keyframes pulse{0%,to{opacity:.2;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(1.05)}}.skill-milestones{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.milestone{position:absolute;top:0;bottom:0;width:1px;background:var(--gray-300, #D0CCC6);opacity:.5}.skills-analysis{margin-top:20px;padding:12px;background:var(--bg-secondary, #F7F4F0);border-radius:16px;border:1px solid var(--gray-200, #E5E2DD);animation:slideIn .3s ease;box-shadow:inset 1px 1px 3px #fff9,inset -1px -1px 2px #00000008}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.analysis-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--gray-600, #57534E);text-transform:uppercase;letter-spacing:.5px}.analysis-icon{font-size:16px}.analysis-text{margin:0;font-size:14px;line-height:1.5;color:var(--gray-900, #1C1917);opacity:.9}.skills-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--gray-200, #E5E2DD);font-size:11px;color:var(--gray-500, #78716C);opacity:.7}.update-time{display:flex;align-items:center;gap:5px}.evaluation-info{display:flex;align-items:center;gap:7px}.info-icon{font-size:17px;opacity:.8}.info-text{letter-spacing:.3px}@media (max-width: 768px){.soft-skills-container{padding:16px}.soft-skills-header h3{font-size:16px}.overall-score{padding:6px 12px}.score-value{font-size:20px}.skill-slider{padding:6px 0}.skill-header{font-size:13px}.skill-icon{font-size:18px}.skill-value{font-size:14px}.skill-bar-container{height:8px}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.skill-bar-fill[data-level=excellent]{background-color:#4caf50!important}.skill-bar-fill[data-level=good]{background-color:#2196f3!important}.skill-bar-fill[data-level=fair]{background-color:#ff9800!important}.skill-bar-fill[data-level=needs-improvement]{background-color:#f44336!important}.violations-alert{margin-top:16px;padding:12px;background:#ff00000d;border-radius:8px;border:1px solid rgba(255,0,0,.2);animation:slideIn .3s ease}.alert-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,0,0,.1)}.alert-icon{font-size:18px;animation:pulse 2s ease-in-out infinite}.alert-title{font-size:13px;font-weight:600;color:#f44;text-transform:uppercase;letter-spacing:.5px}.violations-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.violation-item{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:6px;border-left:3px solid;transition:transform .2s ease,background .2s ease}.violation-item:hover{transform:translate(4px)}.violation-item.critical{background:#f443361a;border-left-color:#f44336}.violation-item.major{background:#ff98001a;border-left-color:#ff9800}.violation-item.moderate{background:#ffeb3b1a;border-left-color:#ffeb3b}.violation-item.minor{background:#4caf501a;border-left-color:#4caf50}.violation-badge{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:#0000001a;text-transform:uppercase;letter-spacing:.3px}.violation-item.critical .violation-badge{color:#f44336;background:#f4433626}.violation-item.major .violation-badge{color:#ff9800;background:#ff980026}.violation-item.moderate .violation-badge{color:#f57c00;background:#ffeb3b26}.violation-item.minor .violation-badge{color:#388e3c;background:#4caf5026}.violation-text{flex:1;font-size:13px;line-height:1.4;color:var(--text-primary);opacity:.9}.tone-assessment{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:8px;background:#ffffff08;border-radius:6px;font-size:12px}.tone-label{font-weight:600;color:var(--text-secondary);opacity:.8}.tone-value{flex:1;color:#f44;font-weight:500;font-style:italic}.adjustment-reason{padding:8px;margin-bottom:8px;background:#ffffff08;border-radius:6px;font-size:12px;line-height:1.4;color:var(--text-primary);opacity:.85;border-left:2px solid rgba(255,68,68,.3)}.adjustment-reason em{font-style:normal;color:var(--text-secondary)}.penalty-notice{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f443361a;border-radius:6px;border:1px solid rgba(244,67,54,.2);font-size:12px;font-weight:600;color:#f44336}.penalty-icon{font-size:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-color-scheme: dark){.violations-alert{background:#ff000014;border-color:#ff000040}.violation-item.critical{background:#f4433626}.violation-item.major{background:#ff980026}.violation-item.moderate{background:#ffeb3b26}.penalty-notice{background:#f4433626;border-color:#f443364d}.toggle-more-btn{width:100%;margin-top:16px;padding:10px 14px;background:#2196f314;border:1px solid rgba(33,150,243,.25);border-radius:6px;color:#2196f3;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;justify-content:center}.toggle-more-btn:hover{background:#2196f31f;border-color:#2196f366;box-shadow:0 2px 8px #2196f326}.toggle-more-btn:active{transform:scale(.98)}.toggle-more-btn .btn-icon{font-size:12px;transition:transform .2s ease}.more-details-section{animation:slideDown .3s ease;overflow:hidden;margin-top:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}.more-details-section .violations-alert{margin-top:0;animation:none}.more-details-section .skills-analysis{margin-top:0;margin-bottom:12px}.skill-slider.warning .skill-header{color:#ff6b6b}.skill-slider.warning .skill-icon{filter:drop-shadow(0 1px 3px rgba(244,67,54,.3))}.skill-slider.warning .skill-value{color:#f44336;font-weight:700}.skill-slider.warning .skill-bar-container{background:#f443361a}.skill-slider.warning .skill-bar-glow{animation:pulseWarning 2s ease-in-out infinite}@keyframes pulseWarning{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.6;transform:scaleY(1.3)}}.skill-slider.warning .skill-tooltip{background:#f443361a;border-color:#f443364d;color:#f44336}.skill-slider.warning .skill-tooltip:after{border-top-color:#f443361a}@media (max-width: 768px){.toggle-more-btn{padding:12px 16px;font-size:13px}.toggle-more-btn .btn-icon{font-size:14px}}.toggle-more-btn{background:#2196f31f;border-color:#2196f359}.toggle-more-btn:hover{background:#2196f333;border-color:#2196f380}.skill-slider.warning .skill-bar-container{background:#f4433626}}@media (max-width: 768px){.violations-alert{padding:14px}.violation-item{flex-direction:column;gap:6px}.violation-badge{align-self:flex-start}.alert-title,.violation-text{font-size:14px}}.panel-tabs{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.panel-tabs-list{display:flex;align-items:center;gap:8px;padding:6px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,51,102,.1);border-radius:14px;box-shadow:0 2px 10px #0033660d;overflow-x:auto}.panel-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--dark-blue, #003366);font-family:inherit;font-size:.9rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.panel-tab:hover:not(.panel-tab--active){background:#0033660d}.panel-tab--active{background:#fff;border-color:#0363;font-weight:600;box-shadow:0 2px 8px #00336614}.panel-tab:focus-visible{outline:2px solid var(--dark-blue, #003366);outline-offset:2px}.panel-tab-icon{font-size:1rem;line-height:1}.panel-tab-label{overflow:hidden;text-overflow:ellipsis}.panel-tab-panel:not([hidden]){display:flex;flex-direction:column;min-width:0}:root{--dark-blue: var(--gray-700, #44403C);--dark-blue-light: var(--gray-600, #57534E);--dark-blue-lighter: var(--brand-primary, #6C63FF);--glass-white: rgba(255, 255, 255, .95);--glass-white-light: rgba(255, 255, 255, .98);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 6px 6px 12px rgba(0, 0, 0, .08), -3px -3px 8px rgba(255, 255, 255, .9);--glass-shadow-hover: 8px 8px 16px rgba(0, 0, 0, .1), -4px -4px 10px rgba(255, 255, 255, .95)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1c191726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{max-width:500px;width:90%;max-height:90vh;overflow-y:auto;padding:var(--space-6);animation:slideUp .3s ease;background:var(--glass-white-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(0,51,102,.1)}.modal-header h3{margin:0;color:var(--dark-blue);font-size:var(--font-size-xl);font-weight:600}.modal-body p{color:var(--dark-blue);margin-bottom:var(--space-4)}.upload-help{margin-top:var(--space-2);text-align:center}.upload-help small{color:var(--dark-blue-light);font-size:var(--font-size-sm)}.document-context{position:fixed;top:var(--space-20);right:var(--space-6);max-width:300px;padding:var(--space-4);z-index:100;animation:slideInRight .3s ease;background:var(--glass-white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow)}.context-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.context-header span{font-size:var(--font-size-sm);color:var(--dark-blue);font-weight:600;flex:1}.speech-zone-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;position:relative;padding:18px 32px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-top:none;border-bottom:1px solid rgba(0,51,102,.1);border-radius:0 0 24px 24px;box-shadow:0 2px 10px #0033660d}.speech-nav-actions{display:flex;align-items:center;gap:12px;min-width:0}.speech-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,51,102,.2);border-radius:12px;color:var(--dark-blue);font-family:inherit;font-size:.95rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;text-decoration:none;box-shadow:0 2px 8px #00336614;cursor:pointer;transition:all .3s ease}.speech-nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00336626}.speech-nav-btn:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.speech-nav-btn-icon{font-size:1.1rem;line-height:1}.nav-center{display:flex;align-items:center;justify-content:center;min-width:0}.config-button{background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,51,102,.2);border-radius:12px;color:var(--dark-blue);transition:all .3s ease}.config-button:hover{background:var(--glass-white-light);color:var(--dark-blue-lighter);transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)}.page-title{margin:0;color:var(--dark-blue);font-weight:500;font-size:2rem;letter-spacing:.02em;text-align:center;min-width:0}.agent-selector-bar{background:linear-gradient(135deg,#ffffffeb,#f8fafce0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.4);border-radius:20px;padding:12px 20px;margin:15px 30px;box-shadow:0 8px 32px #00336614,0 2px 8px #0033660a,inset 0 1px 2px #ffffffe6;transition:all .3s ease}.agent-selector-bar:hover{box-shadow:0 10px 36px #0033661a,0 3px 10px #0033660d,inset 0 1px 2px #fffffff2}.agent-selector-container{display:flex;align-items:center;justify-content:center;max-width:860px;margin:0 auto;gap:15px;row-gap:10px;flex-wrap:wrap;padding:2px 0}.agent-label{color:var(--dark-blue);font-weight:600;font-size:14px;white-space:nowrap;margin-right:8px;letter-spacing:.2px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.reset-button-text{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(0,51,102,.25);border-radius:10px;color:var(--dark-blue);font-size:12px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 6px #0033660f,0 1px 2px #00336608,inset 0 1px 1px #ffffff80;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);height:46px;flex:0 0 auto}.reset-button-text:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0033661a,0 1px 3px #0033660d,inset 0 1px 2px #fffc;background:linear-gradient(135deg,#fff,#fafcfffa);border-color:#00336659}.reset-button-text:active{transform:translateY(0);box-shadow:0 1px 3px #00336614,inset 0 1px 2px #0033660d}.reset-button-text:focus-visible{outline:none;box-shadow:0 0 0 3px #00336626,0 2px 8px #00336614}.agent-select{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(0,51,102,.25);border-radius:10px;color:var(--dark-blue);font-size:12px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:10px 36px 10px 16px;height:46px;min-width:182px;max-width:230px;flex:0 0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0033660f,0 1px 2px #00336608,inset 0 1px 1px #ffffff80;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}.agent-select:hover{background:linear-gradient(135deg,#fff,#fafcfffa);border-color:#00336659;box-shadow:0 3px 8px #0033661a,0 1px 3px #0033660d,inset 0 1px 2px #fffc;transform:translateY(-1px)}.agent-select:focus{outline:none;border-color:var(--dark-blue-lighter);box-shadow:0 0 0 2px #0033661f,0 3px 8px #0033661a,inset 0 1px 2px #fffc;background:linear-gradient(135deg,#fff,#fafcff)}.agent-select:active{transform:translateY(0);box-shadow:0 1px 3px #00336614,inset 0 1px 2px #0033660d}.agent-select:disabled{opacity:.6;cursor:not-allowed;background:#f8fafccc}.agent-select option{background:#fff;color:var(--dark-blue);padding:12px 16px;font-size:14px;font-weight:400;line-height:1.5}.agent-select option:checked{background:linear-gradient(90deg,#0033661a,#0033660d);font-weight:500}.agent-select option:hover{background:#0033660d}@supports (text-overflow: ellipsis){.agent-select{text-overflow:ellipsis}}@-moz-document url-prefix(){.agent-select{padding-right:35px}}@supports (-ms-ime-align: auto){.agent-select{padding-right:35px}}.speech-zone{width:100vw;height:100vh;height:100dvh;background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:background .8s ease}.speech-zone-container{display:flex;flex-direction:column;flex:1;min-height:0;background:transparent;padding-bottom:100px}.back-button{background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,51,102,.2);color:var(--dark-blue);padding:10px 20px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;margin:auto 0}.back-button:hover{background:var(--glass-white-light);transform:translate(-3px);border-color:var(--dark-blue-lighter);box-shadow:var(--glass-shadow-hover)}.nav-controls{display:flex;gap:10px}.main-content{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;position:relative;padding:20px;gap:16px;background:transparent;overflow-y:auto;margin-bottom:20px}.speech-columns{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;align-items:flex-start;justify-content:center;gap:20px}.speech-panel{flex-shrink:0;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,51,102,.1);border-radius:14px;padding:14px;box-shadow:0 2px 10px #0033660d}.speech-panel--skills{width:320px;min-height:315px;max-height:760px;overflow-y:auto;overflow-x:hidden;font-size:.96rem;transition:all .3s ease}.speech-panel--tasks{width:374px;min-height:400px;font-size:1.02rem}.agent-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.conversation-display{flex:1.12;display:flex;height:100%;min-height:0}.transcript-display{flex:1;display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow)}.agent-info{margin-bottom:40px}.agent-name{font-size:2.5rem;font-weight:700;margin-bottom:12px;color:var(--dark-blue)}.agent-personality{color:var(--dark-blue-light);font-size:1.2rem;line-height:1.5;max-width:400px;margin:0 auto}.speech-bubble-clay{background:linear-gradient(145deg,#fff,#f0f0f3);border-radius:28px;padding:16px 22px 12px;box-shadow:8px 8px 20px #00336614,-6px -6px 16px #ffffffe6,inset 0 1px 3px #fff9;border:1.5px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .4s cubic-bezier(.4,0,.2,1);width:264px;height:auto;min-height:288px;flex-shrink:0;overflow:visible;position:relative}.speech-bubble-clay:hover{box-shadow:10px 10px 24px #0033661a,-8px -8px 20px #fffffff2,inset 0 1px 4px #ffffffb3;transform:translateY(-2px)}.center-area{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;flex:1;min-width:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.center-area.centered{justify-content:center}.center-area.with-transcript{justify-content:flex-start;gap:20px}.transcript-slide{overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .35s ease .05s,max-height .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-radius:14px}.transcript-slide.hidden{width:0;max-height:0;opacity:0;padding:0;border:none}.transcript-slide.visible{flex:1 1 300px;min-width:300px;max-height:calc((100vh - 220px)*.9);min-height:360px;opacity:1;background:linear-gradient(145deg,#fff,#f7f8fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.5);padding:18px;box-shadow:6px 6px 16px #0033660f,-4px -4px 12px #ffffffd9,inset 0 1px 2px #ffffff80}.transcript-slide .transcript-content{font-size:.95rem;line-height:1.6;color:#1a2a3a;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;word-wrap:break-word;overflow-wrap:break-word;padding-right:4px}.transcript-slide .transcript-close-btn{position:absolute;top:10px;right:10px;background:#00336614;border:1px solid rgba(0,51,102,.15);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:.8rem;color:#036;font-weight:500;z-index:10;transition:all .2s ease}.transcript-slide .transcript-close-btn:hover{background:#00336626}.waveform-display{margin:40px 0}.circular-waveform{width:280px;height:280px;position:relative;margin:0 auto}.waveform-container{width:100%;height:100%;position:relative}.waveform-svg{width:100%;height:100%}.main-circle{transition:all .4s ease;fill:none!important;stroke-opacity:.8}.circular-waveform.responding .main-circle{filter:drop-shadow(0 0 20px currentColor)}.wave-circle-outer,.wave-circle-middle,.wave-circle-inner{fill:none!important;stroke-opacity:.6}.wave-circle-middle{animation-delay:.4s}.wave-circle-inner{animation-delay:.8s}@keyframes wave-pulse{0%,to{opacity:.2;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}}.center-core{transition:all .3s ease;fill-opacity:.3!important}.circular-waveform.responding .center-core{filter:drop-shadow(0 0 15px currentColor);fill-opacity:.5!important}.center-dot{transition:all .3s ease;fill:var(--dark-blue)!important}.connection-status{margin-top:8px}.status-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;background:var(--glass-white);border:1px solid rgba(0,51,102,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glass-shadow)}.status-dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.status-dot.offline{background:#999}.status-dot.ready{background:#28a745;box-shadow:0 0 15px #28a74599}.status-dot.talking{background:var(--dark-blue-lighter);box-shadow:0 0 20px #0056b3cc}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0056b3cc;transform:scale(1)}50%{box-shadow:0 0 30px #0056b3;transform:scale(1.1)}}.status-text{color:var(--dark-blue);font-size:14px;font-weight:500}.status-indicator.connected .status-text{color:var(--dark-blue);font-weight:600}.control-section{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);z-index:900;display:flex;justify-content:center;align-items:center}.control-tray{position:static;left:auto;bottom:auto;transform:none;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:30px;padding:12px 20px;box-shadow:var(--shadow-md, 0 4px 12px rgba(28, 25, 23, .08));display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.controls-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:0;margin:0}.glass-button{width:48px;height:48px;border-radius:50%;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);box-shadow:var(--shadow-xs, 0 1px 2px rgba(28, 25, 23, .05));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--gray-600, #57534E);position:relative;overflow:hidden}.glass-button:hover:not(:disabled){background:var(--bg-secondary, #F7F4F0);border-color:var(--gray-300, #D6D2CC);transform:translateY(-2px);box-shadow:var(--shadow-sm, 0 2px 6px rgba(28, 25, 23, .06))}.glass-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs, 0 1px 2px rgba(28, 25, 23, .05))}.glass-button:disabled{opacity:.5;cursor:not-allowed}.glass-button .material-symbols-outlined{font-size:24px;color:var(--gray-600, #57534E)}.glass-button.mic-button.muted{background:var(--error-light, #FFF0F1);border-color:var(--error, #FF6B7A)}.glass-button.mic-button.muted .material-symbols-outlined{color:var(--error, #FF6B7A)}.glass-button.play-button{width:56px;height:56px;background:var(--brand-primary-50, rgba(108, 99, 255, .08));border-color:var(--brand-primary-200, rgba(108, 99, 255, .25))}.glass-button.play-button:hover:not(:disabled){background:var(--brand-primary-100, rgba(108, 99, 255, .15));border-color:var(--brand-primary, #6C63FF)}.glass-button.play-button .material-symbols-outlined{font-size:28px;color:var(--brand-primary, #6C63FF)}.tray-divider{width:1px;height:28px;background:var(--gray-200, #E5E2DD);flex-shrink:0}.timer-display{display:flex;align-items:center;gap:7px;padding:0 6px;cursor:default;min-width:76px;color:var(--gray-600, #57534E);-webkit-user-select:none;user-select:none}.timer-display .material-symbols-outlined{font-size:18px;color:var(--gray-400, #A8A29E)}.timer-display .timer-text{font-size:.95rem;font-weight:600;letter-spacing:.5px;font-variant-numeric:tabular-nums}.timer-display.live{color:var(--brand-primary, #6C63FF)}.timer-live-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary, #6C63FF);flex-shrink:0;animation:timerPulse 1.5s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.glass-button.end-review-button{width:auto;padding:0 20px;border-radius:24px;background:var(--error-light, #FFF0F1);border-color:#ff6b7a59;gap:8px}.glass-button.end-review-button:hover:not(:disabled){background:var(--error, #FF6B7A);border-color:var(--error, #FF6B7A)}.glass-button.end-review-button:hover:not(:disabled) .material-symbols-outlined,.glass-button.end-review-button:hover:not(:disabled) .button-text{color:var(--white, #FFFFFF)}.glass-button.end-review-button .material-symbols-outlined{font-size:20px;color:var(--error-dark, #E04E5D)}.glass-button.end-review-button .button-text{font-size:14px;font-weight:600;color:var(--error-dark, #E04E5D);white-space:nowrap}.material-symbols-outlined{font-size:24px;-webkit-user-select:none;user-select:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.floating-element{background:var(--glass-white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);padding:20px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 1200px){.speech-panel--skills{width:280px}.speech-panel--tasks{width:320px}}@media (max-width: 1024px){.speech-columns{flex-direction:column;align-items:center}.speech-compact-tabs{width:100%;max-width:720px}.speech-compact-tabs .panel-tab-panel:not([hidden]){background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,51,102,.1);border-radius:14px;padding:14px;box-shadow:0 2px 10px #0033660d}}@media (max-width: 1024px){.speech-zone-nav{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:12px;padding:10px 16px 12px}.nav-center{grid-row:1;grid-column:1}.speech-nav-actions{grid-row:2;grid-column:1;justify-content:center;gap:10px}.speech-nav-btn{width:42px;height:42px;padding:0;justify-content:center}.speech-nav-btn>span:not(.speech-nav-btn-icon){display:none}}@media (max-width: 768px){.speech-zone-nav{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:12px;padding:10px 16px 12px}.nav-center{grid-row:1;grid-column:1}.speech-nav-actions{grid-row:2;grid-column:1;justify-content:center;gap:10px}.speech-nav-btn{width:42px;height:42px;padding:0;justify-content:center;font-size:.9rem}.speech-nav-btn>span:not(.speech-nav-btn-icon){display:none}.page-title{font-size:1.25rem}.agent-selector-bar{padding:10px 16px;margin:12px 16px;border-radius:18px}.agent-selector-container{flex-direction:row;gap:8px;align-items:center;flex-wrap:wrap}.agent-label{font-size:12px;margin-right:6px;display:none}.agent-select{width:auto;min-width:160px;max-width:45%;padding:8px 30px 8px 12px;height:36px;font-size:12px;background-size:14px;background-position:right 8px center}.reset-button-text{height:36px;padding:6px 12px;font-size:11px;gap:6px}.control-tray{padding:10px}}@media (max-width: 600px){.speech-zone-container{padding-bottom:90px}.page-title{font-size:1.15rem}.control-section{bottom:12px;width:calc(100vw - 24px)}.control-tray{width:100%;padding:8px}.controls-row{flex-wrap:nowrap;gap:6px;width:100%}.control-tray .ai-badge--pill{padding:5px 8px}.control-tray .ai-badge__label,.glass-button.end-review-button .button-text{display:none}.glass-button,.glass-button.end-review-button{width:40px;height:40px;padding:0;flex:0 0 40px}.glass-button.play-button{width:46px;height:46px;flex-basis:46px}.tray-divider{height:24px}.timer-display{min-width:58px;padding:0 2px}}@media (min-width: 769px) and (max-width: 1024px){.page-title{font-size:1.5rem}.agent-selector-bar{padding:12px 20px;margin:15px 25px}.agent-selector-container{gap:10px}.agent-select{min-width:180px;max-width:220px;padding:8px 32px 8px 13px;height:38px;font-size:13px}.reset-button-text{height:38px;padding:8px 14px;font-size:12px}}@media (max-height: 700px){.transcript-slide.visible{min-height:220px}.speech-compact-tabs .panel-tab-panel:not([hidden]){max-height:45vh;overflow-y:auto}}@media (max-height: 500px){.speech-zone-nav{gap:8px;padding:8px 16px}.agent-selector-bar{margin:8px 12px;padding:8px 12px}.main-content{padding:12px;margin-bottom:8px}}@media (min-width: 480px) and (max-width: 1024px) and (max-height: 500px){.speech-zone-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto}.nav-center{grid-row:1;grid-column:2}.speech-nav-actions{grid-row:1;grid-column:1;justify-content:flex-start}}@media (max-width: 480px){.agent-selector-bar{padding:8px 12px;margin:10px 12px;border-radius:16px}.agent-select{min-width:140px;max-width:42%;padding:7px 28px 7px 10px;height:34px;font-size:11px;background-size:12px;background-position:right 6px center}.reset-button-text{height:34px;font-size:10px;padding:5px 10px;gap:5px}.agent-label{display:none}}.gradient-text{background:linear-gradient(45deg,var(--dark-blue),var(--dark-blue-lighter));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;transition:background .8s ease}.scenario-tasks-container{background:var(--glass-white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow)}.speech-zone *{color:var(--dark-blue)}.speech-zone input,.speech-zone select,.speech-zone textarea{color:var(--dark-blue);background:var(--glass-white-light);border-color:#0363}.speech-zone button{color:var(--dark-blue)}body{background:#fff!important}.practice-page{max-width:1280px;margin:0 auto;padding:96px 28px 28px;color:var(--gray-900);font-family:var(--font-family);letter-spacing:0}.growth-report-page{padding-top:96px}.practice-page h1{font-size:1.7rem;margin:0 0 8px;letter-spacing:0}.practice-page h2,.practice-section h2{font-size:1.2rem;margin:0 0 16px;letter-spacing:0}.practice-page h3{font-size:1rem}.practice-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.practice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.practice-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--white);color:var(--gray-900);font:inherit;font-size:.9rem;cursor:pointer;text-decoration:none}.practice-button.primary{background:var(--accent-green, #4ad491);color:#16392b;border-color:transparent;font-weight:600}.practice-button:disabled{opacity:.5;cursor:not-allowed}.practice-button[aria-pressed=true]{border-color:var(--accent-green-dark);background:var(--success-light)}.practice-page :is(button,input,select,textarea,a):focus-visible,.practice-section :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.practice-section{padding:24px 0;border-top:1px solid var(--border-color, #ddd);min-width:0}.practice-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:32px}.practice-fields{display:grid;gap:16px}.practice-field{display:grid;gap:6px;min-width:0;font-size:.9rem}.practice-field>span{font-weight:600}.practice-field :is(input,select,textarea),.practice-search{box-sizing:border-box;min-width:0;width:100%;border:1px solid var(--border-color, #ddd);border-radius:6px;padding:10px 12px;color:var(--gray-900);background:var(--white);font:inherit}.practice-field textarea{min-height:130px;resize:vertical;line-height:1.5}.practice-prose{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.practice-muted{color:var(--gray-600);font-size:.85rem}.practice-error{border-left:3px solid #bc3434;padding:12px;background:#fff1f1;color:#8d2222;overflow-wrap:anywhere}.practice-status{padding:10px 0;min-height:1.25rem;font-size:.85rem}.practice-list{list-style:none;padding:0;margin:0}.practice-list>li{padding:16px 0;border-bottom:1px solid var(--border-color, #ddd)}.practice-choice{display:flex;align-items:flex-start;gap:10px;margin:10px 0;line-height:1.5}.practice-choice input{margin-top:5px}.practice-split-list{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.practice-list-button{background:transparent;border:0;text-align:left;width:100%;padding:12px;cursor:pointer;color:inherit;border-radius:6px;font:inherit}.practice-list-button[aria-pressed=true]{background:var(--success-light);box-shadow:inset 3px 0 var(--accent-green)}.practice-list-button small{display:block;margin-top:5px;color:var(--gray-600)}.practice-pill{display:inline-block;font-size:.75rem;padding:4px 8px;border-radius:4px;background:var(--info-light);color:var(--gray-700)}.practice-confidence{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:12px 0}.practice-confidence legend{width:100%;margin-bottom:12px;font-weight:600}.practice-confidence label{display:flex;gap:6px;align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:10px;cursor:pointer}.practice-highlight{border-left:3px solid var(--accent-green);padding:8px 16px;margin:16px 0}.practice-highlight.improvement{border-color:var(--accent-orange)}.practice-highlight blockquote{margin:8px 0;line-height:1.5}.practice-turns{max-height:520px;overflow:auto;scroll-behavior:smooth}.practice-turn{padding:16px;border-bottom:1px solid var(--border-color);scroll-margin-top:16px;overflow-wrap:anywhere}.practice-turn.selected{background:var(--info-light);box-shadow:inset 3px 0 var(--accent-cyan)}.practice-turn header{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--gray-600)}.practice-turn p{margin-bottom:0;line-height:1.6}.growth-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--border-color);margin:24px 0}.growth-stat{padding:20px 16px;border-right:1px solid var(--border-color)}.growth-stat:last-child{border:0}.growth-stat strong{display:block;font-size:1.9rem;color:var(--accent-green-dark, #17764b);margin:6px 0}.growth-chart{height:240px;min-width:0}.growth-empty{min-height:160px;display:grid;place-content:center;text-align:center;padding:24px;color:var(--gray-600);border-block:1px dashed var(--border-color)}.growth-table-wrap{overflow:auto}.growth-table{width:100%;border-collapse:collapse;font-size:.9rem}.growth-table :is(th,td){text-align:left;padding:12px;border-bottom:1px solid var(--border-color)}.growth-table th{color:var(--gray-600);font-weight:600}.growth-progress{height:8px;min-width:80px;width:140px;accent-color:var(--accent-green)}@media (max-width: 800px){.practice-grid,.practice-split-list{grid-template-columns:minmax(0,1fr)}.practice-page{padding:96px 18px 18px}.growth-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-toolbar{align-items:flex-start}}@media (prefers-reduced-motion: reduce){.practice-turns{scroll-behavior:auto}}.post-confidence-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10020;display:grid;place-items:center;padding:20px;background:#1c19177a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.post-confidence-dialog{position:relative;width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;box-sizing:border-box;padding:32px;border:1px solid var(--border-color);border-radius:8px;background:var(--white);box-shadow:var(--shadow-xl);color:var(--gray-900);font-family:var(--font-family);letter-spacing:0}.post-confidence-dialog:focus{outline:none}.post-confidence-dialog h2{margin:12px 0 8px;font-size:1.35rem;letter-spacing:0}.post-confidence-dialog>p{line-height:1.55}.post-confidence-icon{color:var(--accent-green-dark);font-size:32px}.post-confidence-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;background:transparent;color:var(--gray-600);cursor:pointer}.post-confidence-options{display:grid;gap:8px;margin:24px 0 16px;padding:0;border:0}.post-confidence-options legend{margin-bottom:10px;font-weight:600}.post-confidence-options label{display:grid;grid-template-columns:20px 28px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.post-confidence-options label.selected{border-color:var(--accent-green);background:var(--success-light)}.post-confidence-options input{accent-color:var(--accent-green-dark)}.post-confidence-privacy{color:var(--gray-600);font-size:.85rem}.post-confidence-error{padding:10px 12px;border-left:3px solid var(--error-dark);background:var(--error-light);color:var(--error-dark)}.post-confidence-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}.post-confidence-dialog :is(button,input):focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}@media (max-width: 560px){.post-confidence-dialog{padding:24px 18px}.post-confidence-actions{flex-direction:column-reverse}.post-confidence-actions .practice-button{width:100%}}.report-preview{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #1f2d3d14;border:1px solid rgb(226,232,240);display:flex;flex-direction:column}.report-preview__band{color:#fff;padding:16px 22px;display:flex;align-items:baseline;gap:14px}.report-preview__brand{font-weight:700;font-size:1.1rem;letter-spacing:.02em}.report-preview__band-title{font-size:.95rem;opacity:.9}.report-preview__slot{padding:14px 22px 0}.report-preview__card{margin:18px 22px 0;border:1px solid;border-radius:10px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.report-preview__meta{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}.report-preview__meta-row{display:grid;grid-template-columns:96px 1fr;align-items:baseline;gap:10px}.report-preview__meta-row dt{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a8999;margin:0}.report-preview__meta-row dd{margin:0;font-size:.92rem;font-weight:600;color:#2d3748;word-break:break-word}.report-preview__chip{color:#fff;border-radius:10px;min-width:110px;padding:10px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 14px #1f2d3d26}.report-preview__chip-score{font-weight:700;font-size:1.9rem;line-height:1;display:inline-flex;align-items:baseline}.report-preview__chip-suffix{font-size:.7rem;font-weight:500;margin-left:2px;opacity:.9}.report-preview__chip-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.report-preview__bar{margin:12px 22px 0;height:6px;border-radius:3px;overflow:hidden}.report-preview__bar>span{display:block;height:100%;border-radius:3px;transition:width .3s ease}.report-preview__section{padding:22px 22px 6px}.report-preview__section:last-child{padding-bottom:22px}.report-preview__section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.report-preview__section-head h2{margin:0;font-size:1.1rem;font-weight:700}.report-preview__actions{display:flex;gap:8px}.report-preview__section-rule{display:flex;gap:4px;margin:8px 0 14px}.report-preview__section-rule>span:first-child{height:3px;width:44px;border-radius:2px}.report-preview__section-rule>span:last-child{height:3px;flex:1;border-radius:2px}.report-preview__section-lede{margin:0 0 10px;font-size:.88rem}.report-preview__body{color:#2d3748;line-height:1.6;font-size:.95rem}.report-preview__body h1,.report-preview__body h2,.report-preview__body h3,.report-preview__body h4{color:#1f5f8b;margin:18px 0 8px;font-weight:700}.report-preview__body h1{font-size:1.15rem}.report-preview__body h2{font-size:1.05rem}.report-preview__body h3{font-size:.98rem}.report-preview__body h4{font-size:.92rem}.report-preview__body p{margin:0 0 10px}.report-preview__body ul,.report-preview__body ol{padding-left:22px;margin:0 0 10px}.report-preview__body li{margin-bottom:6px}.report-preview__body strong{color:#1f5f8b}.report-preview__body code{background:#edf5fb;padding:1px 6px;border-radius:4px;font-size:.88em}.report-preview__placeholder{margin:0;color:#7a8999;font-style:italic}.report-preview__error{background:#ce424214;border:1px solid rgba(206,66,66,.3);color:#9b2626;padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:.9rem}.report-preview__skeleton{display:flex;flex-direction:column;gap:8px}.report-preview__skeleton>span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#e2e8f080 25%,#e2e8f0e6,#e2e8f080 75%);background-size:200% 100%;animation:report-preview-skeleton 1.4s ease-in-out infinite}.report-preview__skeleton>span:nth-child(2){width:92%}.report-preview__skeleton>span:nth-child(3){width:88%}.report-preview__skeleton>span:nth-child(4){width:70%}@keyframes report-preview-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 640px){.report-preview__card{grid-template-columns:1fr}.report-preview__chip{justify-self:start;min-width:140px}.report-preview__meta-row{grid-template-columns:88px 1fr}}.document-manager{max-width:1200px;margin:0 auto;padding:var(--space-6);font-family:var(--font-family)}.document-manager-header{text-align:center;margin-bottom:var(--space-8);position:relative}.document-manager-header h2{background:linear-gradient(135deg,var(--primary-blue),var(--caring-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);font-size:var(--font-size-3xl);font-weight:700}.document-manager-header p{color:var(--gray-600);font-size:var(--font-size-lg)}.child-selector{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--glass-shadow)}.child-selector label{color:var(--gray-700);font-weight:600;margin-bottom:var(--space-3);display:block}.child-select{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--gray-700);margin-right:var(--space-3);transition:all var(--transition-fast)}.child-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.add-child-btn{background:linear-gradient(135deg,var(--caring-teal),var(--primary-blue));border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.add-child-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #2563eb4d}.upload-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--glass-shadow);text-align:center}.upload-btn{background:linear-gradient(135deg,var(--primary-blue),var(--caring-teal));border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);color:#fff;font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #2563eb66}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.document-controls{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6);display:flex;gap:var(--space-4);align-items:center}.search-input{flex:1;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--gray-700);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a;font-size:1.1rem}.child-selector{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:10px;border:2px solid #e9ecef}.child-selector label{font-weight:600;color:#495057;white-space:nowrap}.child-select{flex:1;padding:8px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.child-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.add-child-btn{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-child-btn:hover{background:#218838;transform:translateY(-1px)}.upload-section{margin-bottom:25px;text-align:center}.file-input{display:none}.upload-btn{padding:15px 30px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #007bff4d}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.upload-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.document-controls{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.search-input,.filter-select{flex:1;min-width:200px;padding:12px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;transition:border-color .2s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.documents-list{display:grid;gap:20px}.loading{text-align:center;padding:40px;color:#6c757d;font-size:1.1rem}.empty-state{text-align:center;padding:60px 20px;color:#6c757d;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.document-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.document-item:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.document-info{flex:1}.document-info h4{margin:0 0 8px;color:#2c3e50;font-size:1.1rem}.document-meta{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap}.doc-type,.file-size,.upload-date{padding:4px 8px;background:#e9ecef;border-radius:4px;font-size:12px;color:#495057;font-weight:500}.doc-type{background:#d1ecf1;color:#0c5460}.document-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:2px 6px;background:#fff3cd;color:#856404;border-radius:4px;font-size:11px;font-weight:500}.document-actions{display:flex;gap:10px;align-items:center}.view-btn,.delete-btn{padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}.view-btn{background:#17a2b8;color:#fff}.view-btn:hover{background:#138496;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{margin:0 0 20px;color:#2c3e50;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#495057}.form-group input,.form-group select{width:100%;padding:10px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.cancel-btn,.save-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}@media (max-width: 768px){.document-manager{padding:15px}.child-selector{flex-direction:column;align-items:stretch;gap:10px}.child-selector label{white-space:normal}.document-controls{flex-direction:column}.search-input,.filter-select{min-width:auto}.document-item{flex-direction:column;align-items:stretch;gap:15px}.document-actions{justify-content:center}.modal-content{margin:20px;width:auto}.modal-actions{flex-direction:column}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading{animation:pulse 1.5s ease-in-out infinite}.report-generator{max-width:1200px;margin:0 auto;padding:var(--space-6);font-family:var(--font-family)}.report-header{text-align:center;margin-bottom:var(--space-10);position:relative}.report-header h2{background:linear-gradient(135deg,var(--primary-blue),var(--caring-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);font-size:var(--font-size-3xl);font-weight:700}.report-header p{color:var(--gray-600);font-size:var(--font-size-lg)}.back-button{position:absolute;left:0;top:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500}.back-button:hover{background:var(--glass-bg-light);color:var(--primary-blue);transform:translateY(-1px);box-shadow:var(--glass-shadow)}.report-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.report-type-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--glass-shadow);transition:all var(--transition-fast);cursor:pointer}.report-type-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #2563eb26;border-color:var(--primary-blue)}.report-type-card h3{color:var(--gray-800);margin-bottom:var(--space-3);font-size:var(--font-size-xl);font-weight:600}.report-type-card p{color:var(--gray-600);margin-bottom:var(--space-4)}.generate-btn{background:linear-gradient(135deg,var(--primary-blue),var(--caring-teal));border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast);width:100%}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #2563eb66}.generate-btn:disabled{opacity:.6;cursor:not-allowed;font-size:1.1rem}.report-config{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.config-section{margin-bottom:30px}.config-section h3{color:#495057;margin-bottom:15px;font-size:1.3rem;border-bottom:2px solid #e9ecef;padding-bottom:8px}.report-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.report-type-card{padding:20px;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:center;background:#fff}.report-type-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.report-type-card.selected{border-color:#007bff;background:#f8f9ff;box-shadow:0 4px 12px #007bff33}.report-icon{font-size:2.5rem;margin-bottom:10px}.report-type-card h4{color:#2c3e50;margin:10px 0;font-size:1.1rem}.report-type-card p{color:#6c757d;font-size:.9rem;margin:0;line-height:1.4}.date-range{display:flex;gap:20px;flex-wrap:wrap}.date-input{flex:1;min-width:200px}.date-input label{display:block;margin-bottom:5px;font-weight:600;color:#495057}.date-input input{width:100%;padding:10px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.date-input input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.data-summary{display:flex;gap:30px;flex-wrap:wrap;margin-top:15px}.summary-item{text-align:center;padding:15px;background:#f8f9fa;border-radius:8px;min-width:100px}.summary-item .count{display:block;font-size:2rem;font-weight:700;color:#007bff;margin-bottom:5px}.summary-item .label{color:#6c757d;font-size:.9rem;font-weight:500}.generate-btn{width:100%;padding:15px 30px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d;margin-top:20px}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea688);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.report-preview{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #e9ecef;background:#f8f9fa;border-radius:10px 10px 0 0}.preview-header h3{color:#2c3e50;margin:0;font-size:1.4rem}.download-btn{padding:8px 16px;background:#17a2b8;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.download-btn:hover{background:#138496;transform:translateY(-1px)}.report-content{padding:30px}.report-content .section{margin-bottom:25px}.report-content .section h4{color:#495057;margin-bottom:10px;font-size:1.2rem;border-bottom:1px solid #dee2e6;padding-bottom:5px}.report-content .section p{color:#6c757d;line-height:1.6}.report-content .section ul{color:#6c757d;line-height:1.6;padding-left:20px}.saved-reports{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.saved-reports h3{color:#2c3e50;margin-bottom:20px;font-size:1.4rem;border-bottom:2px solid #e9ecef;padding-bottom:10px}.empty-state{text-align:center;padding:40px 20px;color:#6c757d;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.reports-list{display:grid;gap:15px}.report-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;transition:all .2s ease}.report-item:hover{border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 8px #007bff26}.report-info{flex:1}.report-info h4{margin:0 0 5px;color:#2c3e50;font-size:1.1rem}.report-meta{color:#6c757d;font-size:.9rem;margin:0}.report-actions{display:flex;gap:10px;align-items:center}.view-btn,.delete-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-btn{background:#007bff;color:#fff}.view-btn:hover{background:#0056b3;transform:translateY(-1px)}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333;transform:translateY(-1px)}@media (max-width: 768px){.report-generator{padding:15px}.report-config{padding:20px}.report-type-grid{grid-template-columns:1fr}.date-range{flex-direction:column}.date-input{min-width:auto}.data-summary{justify-content:center}.preview-header{flex-direction:column;gap:15px;text-align:center}.report-content,.saved-reports{padding:20px}.report-item{flex-direction:column;gap:15px;text-align:center}.report-actions{justify-content:center;flex-wrap:wrap}}.generate-btn:disabled:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite}@media print{.report-generator{padding:0}.report-config,.saved-reports{display:none}.report-preview{border:none;box-shadow:none;margin:0}.preview-header{background:none;border:none}.download-btn{display:none}}.settings-container{min-height:100vh;background:var(--bg-secondary, #F7F4F0);color:var(--gray-900, #1C1917);font-family:var(--font-family, "Inter", sans-serif);position:relative;overflow-x:hidden}.settings-header{display:flex;align-items:center;gap:1.5rem;padding:20px 30px 20px 40px;border-bottom:1px solid var(--gray-200, #E5E2DD);background:var(--white, #FFFFFF)}.settings-container .back-button{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-full, 9999px);color:var(--gray-700, #44403C);font-weight:600;font-size:1rem;padding:10px 24px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal, .2s ease);width:auto;height:auto}.settings-container .back-button:hover{background:var(--brand-primary, #6C63FF);border-color:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);transform:translate(-3px);box-shadow:var(--shadow-md)}.settings-container .back-button:not(.custom){border-radius:9999px!important;width:auto!important;height:auto!important}.settings-header h1{margin:0;font-size:var(--font-size-2xl, 1.5rem);font-weight:600;color:var(--gray-900, #1C1917);letter-spacing:var(--tracking-tight, -.02em)}.settings-content{display:flex;min-height:calc(100vh - 80px)}.settings-sidebar{width:260px;flex-shrink:0;background:var(--white, #FFFFFF);border-right:1px solid var(--gray-200, #E5E2DD);padding:24px 16px}.settings-nav{display:flex;flex-direction:column;gap:4px}.nav-group-label{margin:18px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500, #78716C)}.settings-nav .nav-group-label:first-child{margin-top:0}.nav-item{position:relative;background:transparent;border:none;border-radius:var(--radius-md, 12px);color:var(--gray-700, #44403C);padding:10px 14px;cursor:pointer;transition:all var(--transition-fast, .15s ease);text-align:left;font-size:14px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);display:flex;align-items:center;gap:10px;width:100%}.nav-item:hover{background:var(--bg-secondary, #F7F4F0);color:var(--gray-900, #1C1917)}.nav-item.active{background:var(--brand-primary-50, rgba(108, 99, 255, .08));color:var(--brand-primary, #6C63FF);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:2px;background:var(--brand-primary, #6C63FF)}.settings-main{flex:1;padding:32px;overflow-y:auto}.loading{text-align:center;padding:40px;font-size:16px;color:var(--gray-500, #78716C)}.data-section h2{margin:0 0 24px;font-size:var(--font-size-xl, 1.25rem);font-weight:600;color:var(--gray-900, #1C1917)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{margin:0}.add-agent-btn,.add-tag-btn{background:var(--brand-primary, #6C63FF);border:none;border-radius:var(--radius-md, 12px);color:var(--white, #FFFFFF);padding:10px 20px;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-primary)}.add-agent-btn:hover,.add-tag-btn:hover{background:var(--brand-primary-dark, #5147E5);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.data-grid{background:var(--white, #FFFFFF);border-radius:var(--radius-lg, 16px);border:1px solid var(--gray-200, #E5E2DD);overflow:hidden;box-shadow:var(--shadow-sm)}.grid-header{display:grid;grid-template-columns:1fr 1fr 120px 120px 120px 140px;gap:16px;padding:14px 20px;background:var(--bg-secondary, #F7F4F0);font-weight:600;font-size:13px;color:var(--gray-600, #57534E);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--gray-200, #E5E2DD)}.agents-grid .grid-header,.agents-header{grid-template-columns:40px 1fr 1fr 1fr 1fr 60px 90px 80px 140px}.grid-row{display:grid;grid-template-columns:1fr 1fr 120px 120px 120px 140px;gap:16px;padding:14px 20px;border-bottom:1px solid var(--gray-100, #F2F0ED);align-items:center;font-size:14px;color:var(--gray-800, #292524);transition:background var(--transition-fast, .15s ease)}.agents-grid .grid-row,.agents-row{grid-template-columns:40px 1fr 1fr 1fr 1fr 60px 90px 80px 140px}.users-grid .grid-header,.users-header,.users-grid .grid-row,.users-row{grid-template-columns:1fr 1.3fr 90px 90px 120px 120px 100px 130px}.tags-grid .grid-header,.tags-grid .grid-row{grid-template-columns:220px 1fr 140px}.departments-grid .grid-header,.departments-grid .grid-row{grid-template-columns:150px 1fr 140px}.business-units-grid .grid-header,.business-units-grid .grid-row{grid-template-columns:1fr 140px}.languages-grid .grid-header,.languages-grid .grid-row,.user-agent-config-grid .grid-header,.user-agent-config-grid .grid-row{grid-template-columns:1fr 1fr 140px}.grid-row:hover{background:var(--bg-secondary, #F7F4F0)}.grid-row:last-child{border-bottom:none}.role-badge{padding:4px 12px;border-radius:var(--radius-full, 9999px);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.admin{background:var(--brand-primary-50, rgba(108, 99, 255, .08));border:1px solid var(--brand-primary-200, rgba(108, 99, 255, .25));color:var(--brand-primary-dark, #5147E5)}.role-badge.user{background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);color:var(--gray-600, #57534E)}.role-badge.manager{background:var(--success-light, #EEFBF3);border:1px solid var(--accent-green-light, #7AE6B3);color:var(--accent-green-dark, #2EBB75)}.role-badge.PowerUser{background:var(--info-light, #EEFBF9);border:1px solid var(--accent-cyan-light, #8AE6DB);color:var(--accent-cyan-dark, #3DBFB1)}.role-badge.super_admin{background:var(--warning-light, #FFF6ED);border:1px solid var(--accent-orange-light, #FFCB96);color:var(--accent-orange-dark, #E89545)}.color-preview{width:24px;height:24px;border-radius:50%;border:2px solid var(--gray-200, #E5E2DD);box-shadow:var(--shadow-xs)}.agent-icon{font-size:20px;text-align:center}.actions{display:flex;gap:8px;align-items:center}.edit-btn{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);color:var(--gray-700, #44403C);padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);transition:all var(--transition-fast, .15s ease);box-shadow:var(--shadow-xs)}.edit-btn:hover{border-color:var(--brand-primary, #6C63FF);color:var(--brand-primary, #6C63FF);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.save-btn{background:var(--brand-primary, #6C63FF);border:none;border-radius:var(--radius-sm, 8px);color:var(--white, #FFFFFF);padding:6px 12px;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);transition:all var(--transition-fast, .15s ease)}.save-btn:hover{background:var(--brand-primary-dark, #5147E5);transform:translateY(-1px)}.delete-btn{background:var(--white, #FFFFFF);border:1px solid var(--error, #FF6B7A);border-radius:var(--radius-sm, 8px);color:var(--error-dark, #E04E5D);padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);transition:all var(--transition-fast, .15s ease)}.delete-btn:hover{background:var(--error, #FF6B7A);color:var(--white, #FFFFFF);transform:translateY(-1px);box-shadow:var(--shadow-error)}.cancel-btn{background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);color:var(--gray-600, #57534E);padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);transition:all var(--transition-fast, .15s ease)}.cancel-btn:hover{background:var(--gray-100, #F2F0ED);color:var(--gray-900, #1C1917)}.settings-container select{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);color:var(--gray-900, #1C1917);padding:4px 8px;font-size:12px;font-family:var(--font-family, "Inter", sans-serif)}.settings-container select option{background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917)}.add-form{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-lg, 16px);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.add-form h3{margin:0 0 16px;font-size:1.05rem;font-weight:600;color:var(--gray-900, #1C1917)}.form-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.form-input,.form-select,.search-input{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);color:var(--gray-900, #1C1917);padding:8px 12px;font-size:14px;font-family:var(--font-family, "Inter", sans-serif);min-width:150px;transition:all var(--transition-fast, .15s ease)}.form-input::placeholder,.search-input::placeholder{color:var(--gray-400, #A8A29E)}.form-input:focus,.form-select:focus,.search-input:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.search-input{width:100%;max-width:400px}.search-bar{margin-bottom:1rem}.sort-header-btn{display:inline-flex;align-items:center;gap:5px;padding:0;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;transition:color var(--transition-fast, .15s ease)}.sort-header-btn:hover{color:var(--brand-primary, #6C63FF)}.sort-header-btn:focus-visible{outline:2px solid var(--brand-primary, #6C63FF);outline-offset:2px;border-radius:var(--radius-sm, 8px)}.sort-header-btn__arrow{font-size:.8em;line-height:1;color:var(--brand-primary, #6C63FF)}.sort-header-btn--standalone{padding:8px 14px;border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);background:var(--white, #FFFFFF);color:var(--gray-700, #44403C);font-size:14px;font-weight:500;text-transform:none;letter-spacing:normal;box-shadow:var(--shadow-xs)}.toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.toolbar-search{width:240px;max-width:240px;flex-shrink:0}.toolbar-sort-fallback{display:none}.grid-empty{padding:28px 20px;text-align:center;color:var(--gray-500, #78716C);font-size:14px}.inline-input{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);color:var(--gray-900, #1C1917);padding:4px 8px;font-size:12px;font-family:var(--font-family, "Inter", sans-serif);width:100%}.inline-input:focus{outline:none;border-color:var(--brand-primary, #6C63FF)}.add-btn{background:var(--brand-primary, #6C63FF);border:none;border-radius:var(--radius-md, 12px);color:var(--white, #FFFFFF);padding:8px 16px;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);transition:all var(--transition-fast, .15s ease);box-shadow:var(--shadow-primary)}.add-btn:hover{background:var(--brand-primary-dark, #5147E5);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:6px;color:var(--gray-700, #44403C);font-size:14px;cursor:pointer}.checkbox-group input[type=checkbox]{accent-color:var(--brand-primary, #6C63FF)}.tag-pill{padding:.3rem .8rem;border-radius:var(--radius-full, 9999px);background:var(--clay-surface, #F0EDFF);border:1px solid var(--brand-primary-200, rgba(108, 99, 255, .25));color:var(--brand-primary-dark, #5147E5);font-size:.85rem;font-weight:500;display:inline-block}.department-badge{background:var(--clay-surface-teal, #E8F8F5);border:1px solid var(--accent-cyan, #5CD6C8);color:var(--accent-cyan-dark, #3DBFB1);padding:4px 8px;border-radius:var(--radius-full, 9999px);font-size:11px;font-weight:500}.all-agents-badge{background:var(--clay-surface-orange, #FFF5EB);border:1px solid var(--accent-orange, #FFB067);color:var(--accent-orange-dark, #E89545);padding:4px 8px;border-radius:var(--radius-full, 9999px);font-size:11px;font-weight:500}.info-message{background:var(--warning-light, #FFF6ED);border:1px solid var(--warning, #FFB067);border-radius:var(--radius-md, 12px);padding:16px;margin-bottom:24px;text-align:center}.info-message p{margin:0 0 8px;color:var(--warning-dark, #E89545);font-size:14px}.info-message p:last-child{margin-bottom:0;font-weight:500}.download-report-btn{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);border:none;padding:.65rem 1.4rem;border-radius:var(--radius-md, 12px);font-size:.95rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-primary)}.download-report-btn:hover:not(:disabled){background:var(--brand-primary-dark, #5147E5);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.download-report-btn:disabled{opacity:.5;cursor:not-allowed}.team-report-container{margin-top:1.5rem}.report-summary{display:flex;gap:2rem;padding:1.5rem;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-lg, 16px);margin-bottom:2rem;box-shadow:var(--shadow-sm)}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{color:var(--gray-500, #78716C);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value{color:var(--gray-900, #1C1917);font-size:1.75rem;font-weight:700}.team-report-grid{width:100%;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:var(--shadow-sm)}.team-report-header{display:grid;grid-template-columns:180px 150px 1fr 120px 80px;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary, #F7F4F0);color:var(--gray-600, #57534E);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200, #E5E2DD)}.team-report-row{display:grid;grid-template-columns:180px 150px 1fr 120px 80px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100, #F2F0ED);transition:background-color var(--transition-fast, .15s ease);align-items:center;font-size:.9rem;color:var(--gray-800, #292524)}.team-report-row:hover{background-color:var(--bg-secondary, #F7F4F0)}.team-report-row:last-child{border-bottom:none}.loading-message{padding:2rem;text-align:center;color:var(--gray-500, #78716C);font-size:1rem}@media (max-width: 768px){.settings-content{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--gray-200, #E5E2DD)}.settings-nav{flex-direction:row;overflow-x:auto;align-items:center}.nav-group-label{display:none}.nav-item{min-width:120px;justify-content:center}.nav-item.active:before{display:none}.settings-main{padding:20px}.grid-header,.grid-row{grid-template-columns:1fr;gap:8px;text-align:left}.grid-header{display:none}.toolbar-sort-fallback{display:inline-flex}.toolbar-search{width:100%;max-width:none}.toolbar-right{width:100%}.grid-row{display:block;padding:16px;border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);margin-bottom:8px}.grid-row>div{margin-bottom:8px}.grid-row>div:last-child{margin-bottom:0}.actions{justify-content:flex-start;margin-top:12px}.form-row{flex-direction:column;align-items:stretch}.form-input,.form-select{min-width:unset;width:100%}.checkbox-group{justify-content:flex-start}.add-form{padding:16px}}.tag-selector{width:100%}.tag-pills-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:#00000008;border-radius:12px;min-height:50px;align-items:center}.tag-pill{padding:.4rem 1rem;border-radius:20px;border:2px solid #e0e0e0;background:#fff;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;position:relative;-webkit-user-select:none;user-select:none}.tag-pill:hover{border-color:#4caf50;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tag-pill.selected{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff;font-weight:600}.tag-pill.selected:before{content:"✓";margin-right:.3rem;font-weight:700}.tag-pill.add-tag{border-style:dashed;border-color:#999;background:transparent;color:#666;min-width:40px;padding:.4rem .8rem}.tag-pill.add-tag:hover{border-color:#4caf50;color:#4caf50;background:#4caf500d}.plus-icon{font-size:1.2rem;font-weight:700}.tag-create-inline{display:flex;align-items:center;gap:.3rem}.tag-create-input{padding:.4rem .8rem;border:2px solid #4CAF50;border-radius:20px;font-size:.9rem;outline:none;width:120px}.tag-create-confirm,.tag-create-cancel{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;font-weight:700;transition:all .2s ease}.tag-create-confirm{background:#4caf50;color:#fff}.tag-create-confirm:hover{background:#45a049}.tag-create-cancel{background:#f44336;color:#fff}.tag-create-cancel:hover{background:#da190b}.scenario-modal-content .tag-pills-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.scenario-modal-content .tag-pill{background:#ffffff14;border-color:#fff3;color:#fff}.scenario-modal-content .tag-pill:hover{border-color:#4caf50;background:#ffffff1f}.scenario-modal-content .tag-pill.selected{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.scenario-modal-content .tag-pill.add-tag{border-color:#ffffff4d;background:transparent;color:#ffffffb3}.scenario-modal-content .tag-create-input{background:#ffffff1a;border-color:#4caf50;color:#fff}@media (max-width: 768px){.tag-pills-container{padding:.5rem}.tag-pill{padding:.3rem .8rem;font-size:.85rem}}.task-input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.task-input-row{display:flex;gap:.75rem;align-items:stretch}.task-input{flex:1;padding:.75rem .9rem;border-radius:var(--radius-md, 12px);border:1px solid var(--gray-200, #E5E2DD);background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917);font-size:1rem;font-family:var(--font-family, "Inter", sans-serif);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.task-input::placeholder{color:var(--gray-400, #A8A29E)}.task-input:focus{border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.add-description-button{padding:.75rem 1rem;background:var(--brand-primary-50, rgba(108, 99, 255, .08));border:1px solid var(--brand-primary-100, rgba(108, 99, 255, .15));border-radius:var(--radius-sm, 8px);color:var(--brand-primary-dark, #5147E5);font-size:.875rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-description-button:hover{background:var(--brand-primary-100, rgba(108, 99, 255, .15));border-color:var(--brand-primary, #6C63FF);transform:translateY(-1px)}.add-description-button:active{transform:translateY(0)}.description-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--clay-surface-green, #E8F7EE);border:1px solid var(--accent-green-light, #7AE6B3);border-radius:var(--radius-sm, 8px);font-size:.85rem;color:var(--gray-700, #44403C);line-height:1.4}.preview-icon{font-size:1rem;flex-shrink:0}.task-desc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1c191747;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:taskDescFadeIn .2s ease}@keyframes taskDescFadeIn{0%{opacity:0}to{opacity:1}}.task-desc-modal-content{background:var(--glass-bg-strong, rgba(255, 255, 255, .98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(0, 0, 0, .06));border-radius:var(--radius-xl, 20px);padding:2rem;width:700px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);color:var(--gray-900, #1C1917);animation:taskDescSlideUp .3s ease}@keyframes taskDescSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-desc-modal-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;letter-spacing:.3px;color:var(--gray-900, #1C1917);text-align:center}.task-desc-modal-content .task-context{margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-left:3px solid var(--brand-primary, #6C63FF);border-radius:var(--radius-md, 12px)}.task-desc-modal-content .task-context label{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:var(--gray-500, #78716C);text-transform:uppercase;letter-spacing:.5px}.task-desc-modal-content .task-display{color:var(--gray-900, #1C1917);font-size:1rem;line-height:1.5}.task-desc-modal-content .description-input-section{margin-bottom:1.5rem}.task-desc-modal-content .description-input-section label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:var(--gray-800, #292524);font-size:.95rem}.task-desc-modal-content .label-icon{font-size:1.1rem}.task-desc-modal-content .description-textarea{width:100%;min-height:180px;padding:1rem;border-radius:var(--radius-md, 12px);border:1px solid var(--gray-200, #E5E2DD);background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917);font-size:.95rem;line-height:1.6;resize:vertical;font-family:var(--font-family, "Inter", sans-serif);transition:border-color .2s ease,box-shadow .2s ease}.task-desc-modal-content .description-textarea::placeholder{color:var(--gray-400, #A8A29E)}.task-desc-modal-content .description-textarea:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.task-desc-modal-content .helper-text{margin-top:.75rem;padding:.75rem .8rem;background:var(--brand-primary-50, rgba(108, 99, 255, .08));border:1px solid var(--brand-primary-100, rgba(108, 99, 255, .15));border-left:3px solid var(--brand-primary, #6C63FF);border-radius:var(--radius-md, 12px);font-size:.85rem;color:var(--brand-primary-dark, #5147E5);line-height:1.5}.task-desc-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--gray-200, #E5E2DD)}.task-desc-modal-content .save-button{padding:.7rem 1.4rem;background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);border:1px solid var(--brand-primary, #6C63FF);border-radius:var(--radius-md, 12px);font-weight:600;font-size:.95rem;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;box-shadow:var(--shadow-primary);transition:all var(--transition-fast, .15s ease)}.task-desc-modal-content .save-button:hover{background:var(--brand-primary-dark, #5147E5);border-color:var(--brand-primary-dark, #5147E5);box-shadow:var(--shadow-primary-hover);transform:translateY(-1px)}.task-desc-modal-content .save-button:active{transform:translateY(0)}.task-desc-modal-content .cancel-button{padding:.7rem 1.4rem;background:var(--white, #FFFFFF);color:var(--gray-700, #44403C);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);font-weight:600;font-size:.95rem;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.task-desc-modal-content .cancel-button:hover{background:var(--bg-secondary, #F7F4F0);border-color:var(--gray-300, #D0CCC6);color:var(--gray-900, #1C1917)}.task-desc-modal-content .cancel-button:active{transform:translateY(1px)}@media (max-width: 768px){.task-desc-modal-content{width:95vw;padding:1.5rem}.task-input-row{flex-direction:column}.add-description-button{width:100%}}.translation-dropdown-container{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--brand-primary-50, rgba(108, 99, 255, .08));border:1px solid var(--brand-primary-100, rgba(108, 99, 255, .15));border-radius:var(--radius-md, 12px);margin-bottom:1.5rem}.translation-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--brand-primary-dark, #5147E5);font-size:.95rem;white-space:nowrap}.translation-icon{font-size:1.2rem}.translation-select-wrapper{position:relative;flex:1;display:flex;align-items:center;gap:1rem}.translation-select{flex:1;padding:.5rem .75rem;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);color:var(--gray-900, #1C1917);font-size:.95rem;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all .2s ease}.translation-select option{background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917)}.translation-select:hover:not(:disabled){background:var(--bg-secondary, #F7F4F0);border-color:var(--gray-300, #D0CCC6)}.translation-select:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.translation-select:disabled{opacity:.5;cursor:not-allowed}.translation-spinner{display:flex;align-items:center;gap:.5rem;color:var(--brand-primary-dark, #5147E5);font-size:.85rem;white-space:nowrap}.spinner{width:16px;height:16px;border:2px solid var(--brand-primary-200, rgba(108, 99, 255, .25));border-top-color:var(--brand-primary, #6C63FF);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.translation-dropdown-container{flex-direction:column;align-items:stretch}.translation-label{justify-content:center}}.scenario-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1c191726;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1050}.scenario-modal-content{background:var(--glass-bg-strong, rgba(255, 255, 255, .98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(0, 0, 0, .06));box-shadow:var(--shadow-xl);border-radius:var(--radius-xl, 20px);width:1120px;max-width:94vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;color:var(--gray-900, #1C1917);animation:scenarioModalSlideUp .3s ease}.scenario-modal-content--maximized{width:calc(100vw - 40px);max-width:none;height:calc(100dvh - 40px);max-height:none}.scenario-modal-body{min-height:0;flex:1 1 auto;padding:1.5rem 2rem 2rem;overflow-y:auto}@keyframes scenarioModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scenario-modal-content form{display:flex;flex-direction:column;gap:1rem}.scenario-modal-content input,.scenario-modal-content textarea,.scenario-modal-content select{width:100%;padding:.75rem .9rem;border-radius:var(--radius-md, 12px);border:1px solid var(--gray-200, #E5E2DD);background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917);font-size:1rem;font-family:var(--font-family, "Inter", sans-serif);outline:none;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.scenario-modal-content input::placeholder,.scenario-modal-content textarea::placeholder{color:var(--gray-400, #A8A29E)}.scenario-modal-content input:focus,.scenario-modal-content textarea:focus,.scenario-modal-content select:focus{border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.scenario-modal-content textarea{min-height:110px;resize:vertical}.scenario-modal-content .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.scenario-modal-content button{padding:.7rem 1.2rem;border-radius:var(--radius-md, 12px);border:1px solid var(--gray-200, #E5E2DD);cursor:pointer;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);background:var(--white, #FFFFFF);color:var(--gray-700, #44403C);transition:all var(--transition-fast, .15s ease)}.scenario-modal-content button:hover{background:var(--bg-secondary, #F7F4F0)}.scenario-modal-content button:active{transform:translateY(1px)}.scenario-modal-content button[type=submit]{background:var(--brand-primary, #6C63FF);border-color:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);box-shadow:var(--shadow-primary)}.scenario-modal-content button[type=submit]:hover{background:var(--brand-primary-dark, #5147E5)}.scenario-modal-content button[type=button]{background:var(--bg-secondary, #F7F4F0);color:var(--gray-600, #57534E)}.scenarios-grid.data-grid{display:flex;flex-direction:column;margin-top:1rem}.scenarios-grid .grid-header,.scenarios-grid .grid-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 150px;gap:1rem;padding:.75rem 1rem;align-items:center}.scenarios-grid .grid-row .actions{display:flex;gap:.5rem}@media (max-width: 768px){.scenarios-grid .grid-header{display:none}.scenarios-grid .grid-row{display:block;padding:1rem}}.form-group{margin-top:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.add-scenario-button{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);padding:.875rem 1.75rem;border-radius:var(--radius-md, 12px);border:none;font-size:1rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-primary);transition:all var(--transition-fast, .15s ease);letter-spacing:.3px;white-space:nowrap}.add-scenario-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary-hover);background:var(--brand-primary-dark, #5147E5)}.add-scenario-button:active{transform:translateY(0);box-shadow:var(--shadow-pressed)}.button-icon{font-size:1.1rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.scenario-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.scenario-form-full-width{grid-column:1 / -1}.form-section{margin-top:1.5rem}.form-section-heading{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;color:var(--gray-800, #292524);letter-spacing:.3px}.section-icon{font-size:1.2rem}.form-section--dimmed{opacity:.55;transition:opacity .2s ease}.form-section--dimmed:focus-within{opacity:1}.form-section-note{margin:0 0 .75rem;padding:.6rem .8rem;background:var(--brand-primary-50, rgba(108, 99, 255, .08));color:var(--brand-primary-dark, #5147E5);border:1px solid var(--brand-primary-100, rgba(108, 99, 255, .15));border-radius:var(--radius-md, 12px);font-size:.85rem;line-height:1.4}.unguided-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:.5rem;padding:.85rem 1rem;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-lg, 16px);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.unguided-toggle:hover{border-color:var(--brand-primary-100, rgba(108, 99, 255, .15))}.unguided-toggle:focus-within{border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-100, rgba(108, 99, 255, .15))}.unguided-toggle-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.unguided-toggle-title{font-size:.95rem;font-weight:600;color:var(--gray-900, #1C1917)}.unguided-toggle-caption{font-size:.78rem;color:var(--gray-600, #57534E);line-height:1.4}.unguided-toggle-switch{position:relative;flex-shrink:0;width:44px;height:24px;display:inline-block;margin-top:2px}.unguided-toggle-switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}.unguided-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray-300, #D0CCC6);border-radius:999px;transition:background .2s ease;pointer-events:none}.unguided-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--white, #FFFFFF);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.unguided-toggle-switch input:checked+.unguided-toggle-slider{background:var(--brand-primary, #6C63FF)}.unguided-toggle-switch input:checked+.unguided-toggle-slider:before{transform:translate(20px)}.unguided-toggle-switch input:focus-visible+.unguided-toggle-slider{box-shadow:0 0 0 3px var(--brand-primary-100, rgba(108, 99, 255, .15))}.grading-criteria-input{min-height:140px}.scenario-modal-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem}@media (max-width: 480px){.scenario-modal-overlay{padding:8px}.scenario-modal-content--maximized{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.scenario-modal-body{padding:1rem}}.modalShroud:has(>.editModal){background:#1c191726;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.editModal{background:var(--glass-bg-strong, rgba(255, 255, 255, .98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl, 20px);border:1px solid var(--glass-border, rgba(0, 0, 0, .06));box-shadow:var(--shadow-xl);width:500px;max-width:90vw;color:var(--gray-900, #1C1917);animation:editModalSlideUp .3s ease}@keyframes editModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editModalHeader{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--gray-200, #E5E2DD);position:relative}.editModalHeader h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--gray-900, #1C1917)}.editModal .modalClose{color:var(--gray-500, #78716C)}.editModalContent{padding:20px;display:flex;flex-direction:column;gap:1rem}.editModalContent label{display:flex;flex-direction:column;gap:8px;color:var(--gray-600, #57534E);font-size:14px;font-weight:500}.editModalContent input,.editModalContent select{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);color:var(--gray-900, #1C1917);padding:10px 12px;font-size:14px;font-family:var(--font-family, "Inter", sans-serif);transition:all var(--transition-fast, .15s ease)}.editModalContent input:focus,.editModalContent select:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.editModalFooter{display:flex;justify-content:flex-end;gap:1rem;padding:20px;border-top:1px solid var(--gray-200, #E5E2DD)}.editModal .windowControls{position:absolute;top:12px;right:44px;display:flex;gap:6px;align-items:center}.editModal .dot{width:28px;height:28px;border-radius:50%;background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600, #57534E);padding:0;transition:transform .15s ease,background .15s ease,border-color .15s ease}.editModal .dot .icon{font-size:20px;line-height:1}.editModal .dot:hover{transform:scale(1.05);background:var(--gray-100, #F2F0ED)}.editModal .dot.expand{background:var(--clay-surface-green, #E8F7EE);border-color:var(--accent-green, #4AD491);color:var(--accent-green-dark, #2EBB75)}.editModal .dot.collapse{background:var(--bg-secondary, #F7F4F0);border-color:var(--gray-300, #D0CCC6);color:var(--gray-500, #78716C)}.editModal.expanded{width:min(960px,95vw);max-width:95vw;max-height:90vh}.editModal.expanded .editModalContent{max-height:calc(90vh - 140px);overflow:auto}.editModal.expanded .editModalContent input,.editModal.expanded .editModalContent select,.editModal.expanded .editModalContent textarea{font-size:16px;padding:12px 14px}.editModal.expanded .editModalContent textarea{min-height:220px}.userImportModal .editModalContent{gap:1.25rem}.import-intro{margin:0;color:var(--gray-600, #57534E);font-size:.9rem;line-height:1.5}.import-columns h3,.import-preview h3,.import-issues h3{margin:0 0 .6rem;font-size:.95rem;font-weight:600;color:var(--gray-900, #1C1917)}.import-columns ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.import-columns li{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--gray-600, #57534E);line-height:1.45}.import-columns code,.import-issues code{background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);padding:1px 6px;font-size:.8rem;color:var(--gray-800, #292524);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.import-required{background:var(--brand-primary-50, rgba(108, 99, 255, .08));border:1px solid var(--brand-primary-200, rgba(108, 99, 255, .25));color:var(--brand-primary-dark, #5147E5);border-radius:var(--radius-full, 9999px);padding:1px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.import-guidance{flex:1 1 100%}.import-dropzone{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border:1px dashed var(--gray-300, #D0CCC6);border-radius:var(--radius-lg, 16px);background:var(--bg-secondary, #F7F4F0)}.import-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.import-notice{margin-bottom:0}.import-issues{background:var(--error-light, #FFF1F2);border:1px solid var(--error, #FF6B7A);border-radius:var(--radius-md, 12px);padding:14px 16px}.import-issues h3{color:var(--error-dark, #E04E5D)}.import-issues ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem}.import-issues li{font-size:.82rem;color:var(--gray-700, #44403C);line-height:1.45}.import-error{background:var(--error-light, #FFF1F2);border:1px solid var(--error, #FF6B7A);border-radius:var(--radius-md, 12px);color:var(--error-dark, #E04E5D);padding:12px 14px;font-size:.85rem;line-height:1.45}.import-truncated{margin:.5rem 0 0;font-size:.8rem;color:var(--gray-500, #78716C)}.import-summary{display:flex;gap:.75rem;flex-wrap:wrap}.import-stat{background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-full, 9999px);padding:5px 14px;font-size:.82rem;color:var(--gray-700, #44403C)}.import-stat strong{color:var(--gray-900, #1C1917)}.import-stat-ok{background:var(--clay-surface-green, #E8F7EE);border-color:var(--accent-green, #4AD491);color:var(--accent-green-dark, #2EBB75)}.import-stat-warn{background:var(--warning-light, #FFF6ED);border-color:var(--warning, #FFB067);color:var(--warning-dark, #E89545)}.import-stat-error{background:var(--error-light, #FFF1F2);border-color:var(--error, #FF6B7A);color:var(--error-dark, #E04E5D)}.import-table-wrap{max-height:320px;overflow:auto;border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);background:var(--white, #FFFFFF)}.import-table{width:100%;border-collapse:collapse;font-size:.82rem}.import-table th{position:sticky;top:0;background:var(--bg-secondary, #F7F4F0);color:var(--gray-600, #57534E);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:9px 12px;border-bottom:1px solid var(--gray-200, #E5E2DD)}.import-table td{padding:9px 12px;border-bottom:1px solid var(--gray-100, #F2F0ED);color:var(--gray-800, #292524);vertical-align:top}.import-table tr:last-child td{border-bottom:none}.import-table em{color:var(--gray-400, #A8A29E);font-style:italic}.import-password{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);padding:2px 6px;-webkit-user-select:all;user-select:all}.import-status{display:inline-block;border-radius:var(--radius-full, 9999px);padding:2px 10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.import-status-ready,.import-status-created{background:var(--clay-surface-green, #E8F7EE);border:1px solid var(--accent-green, #4AD491);color:var(--accent-green-dark, #2EBB75)}.import-status-skipped{background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-300, #D0CCC6);color:var(--gray-600, #57534E)}.import-status-invalid,.import-status-failed{background:var(--error-light, #FFF1F2);border:1px solid var(--error, #FF6B7A);color:var(--error-dark, #E04E5D)}.import-status-partial{background:var(--warning-light, #FFF6ED);border:1px solid var(--warning, #FFB067);color:var(--warning-dark, #E89545)}.modalShroud:has(.scenario-wizard){background:#1c191726;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modalShroud .modal:has(.scenario-wizard){background:var(--glass-bg-strong, rgba(255, 255, 255, .98));border:1px solid var(--glass-border, rgba(0, 0, 0, .06));border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-xl);color:var(--gray-900, #1C1917);padding:0}.scenario-wizard{width:100%;max-width:800px;margin:0 auto}.wizard-header{padding:1.5rem;border-bottom:1px solid var(--gray-200, #E5E2DD)}.step-indicator{display:flex;justify-content:space-between;position:relative}.step-indicator:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background:var(--gray-200, #E5E2DD);z-index:0}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1}.step-number{width:40px;height:40px;border-radius:50%;background:var(--gray-200, #E5E2DD);color:var(--gray-500, #78716C);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;transition:all .3s ease}.step.active .step-number{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);box-shadow:var(--shadow-primary)}.step-label{font-size:.875rem;color:var(--gray-500, #78716C);text-align:center}.step.active .step-label{color:var(--gray-900, #1C1917);font-weight:500}.wizard-body{padding:2rem;min-height:400px}.wizard-step{animation:fadeIn .3s ease}.wizard-step h3{margin:0 0 1rem;color:var(--gray-900, #1C1917);font-size:1.25rem}.wizard-step p{color:var(--gray-500, #78716C);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--gray-600, #57534E);font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);font-size:1rem;font-family:var(--font-family, "Inter", sans-serif);color:var(--gray-900, #1C1917);background-color:var(--white, #FFFFFF);transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.required{color:var(--error, #FF6B7A)}.field-hint{font-size:.875rem;color:var(--gray-500, #78716C);margin-top:.25rem}.selection-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.radio-option{display:flex;align-items:center;padding:1rem;border:2px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);background:var(--white, #FFFFFF);cursor:pointer;transition:all .3s ease}.radio-option:hover{border-color:var(--brand-primary, #6C63FF);background:var(--brand-primary-50, rgba(108, 99, 255, .08))}.radio-option input[type=radio]{margin-right:.75rem}.radio-option span{font-size:1rem;color:var(--gray-800, #292524)}.agent-list-container{margin-top:1.5rem}.agent-list-container label{display:block;margin-bottom:.5rem;color:var(--gray-600, #57534E);font-weight:500}.agent-select{width:100%;padding:.75rem;font-size:1rem;font-family:var(--font-family, "Inter", sans-serif);color:var(--gray-900, #1C1917);background-color:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.agent-select:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.no-agents-message{padding:1rem;background:var(--warning-light, #FFF8E7);border:1px solid var(--warning, #FFB443);border-radius:var(--radius-sm, 8px);color:var(--warning-dark, #E09A2B);margin-top:1rem}.file-upload-area{border:2px dashed var(--gray-300, #D6D2CC);border-radius:var(--radius-md, 12px);background:var(--white, #FFFFFF);padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.file-upload-area:hover{border-color:var(--brand-primary, #6C63FF);background:var(--bg-secondary, #F7F4F0)}.file-upload-area.drag-active{border-color:var(--brand-primary, #6C63FF);background:var(--brand-primary-50, rgba(108, 99, 255, .08))}.upload-prompt{color:var(--gray-500, #78716C)}.upload-icon{font-size:3rem;margin-bottom:1rem}.file-types{font-size:.875rem;color:var(--gray-500, #78716C);margin-top:.5rem}.file-preview{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary, #F7F4F0);border-radius:var(--radius-sm, 8px)}.file-icon{font-size:2rem;margin-right:1rem}.file-info{flex:1;text-align:left}.file-name{font-weight:500;color:var(--gray-900, #1C1917);margin:0}.file-size{font-size:.875rem;color:var(--gray-500, #78716C);margin:0}.remove-file{background:none;border:none;font-size:1.5rem;color:var(--gray-400, #A8A29E);cursor:pointer;padding:.5rem;transition:color .3s ease}.remove-file:hover{color:var(--error, #FF6B7A)}.processing-indicator,.saving-indicator{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--brand-primary-50, rgba(108, 99, 255, .08));border-radius:var(--radius-sm, 8px);margin-bottom:1rem;color:var(--gray-700, #44403C)}.spinner{width:24px;height:24px;border:3px solid var(--gray-200, #E5E2DD);border-top:3px solid var(--brand-primary, #6C63FF);border-radius:50%;animation:spin 1s linear infinite;margin-right:1rem}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--gray-700, #44403C);box-shadow:0 0 0 2px var(--white, #FFFFFF),0 0 0 4px var(--gray-700, #44403C)}.icon-picker{display:flex;gap:.5rem;flex-wrap:wrap}.icon-option{width:50px;height:50px;border:2px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);background:var(--white, #FFFFFF);font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.icon-option:hover{border-color:var(--brand-primary, #6C63FF);background:var(--bg-secondary, #F7F4F0)}.icon-option.selected{border-color:var(--brand-primary, #6C63FF);background:var(--brand-primary-50, rgba(108, 99, 255, .08))}.task-input-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.task-input-row label{min-width:60px;margin:0;font-weight:400;color:var(--gray-500, #78716C)}.task-input-row .form-input{flex:1}.error-message{padding:1rem;background:var(--error-light, #FFF0F1);border:1px solid var(--error, #FF6B7A);border-radius:var(--radius-sm, 8px);color:var(--error-dark, #E04E5D);margin-bottom:1rem}.wizard-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200, #E5E2DD)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:var(--radius-md, 12px);font-size:1rem;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all var(--transition-fast, .15s ease);border:none}.btn-primary{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-dark, #5147E5);box-shadow:var(--shadow-primary-hover)}.btn-primary:disabled{background:var(--gray-300, #D6D2CC);box-shadow:none;cursor:not-allowed}.btn-secondary{background:var(--white, #FFFFFF);color:var(--gray-700, #44403C);border:1px solid var(--gray-200, #E5E2DD)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary, #F7F4F0);border-color:var(--gray-300, #D6D2CC)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.wizard-header,.wizard-body{padding:1rem}.step-label{font-size:.75rem}.form-row{grid-template-columns:1fr}.wizard-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.advanced-settings-panel{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-secondary, #F7F4F0);color:var(--gray-900, #1C1917);overflow:hidden;border-radius:var(--radius-lg, 16px);border:1px solid var(--gray-200, #E5E2DD);box-shadow:var(--shadow-sm)}.panel-header{padding:24px;border-bottom:1px solid var(--gray-200, #E5E2DD);background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917)}.panel-header h2{margin:0 0 8px;font-size:1.25rem;font-weight:600}.panel-subtitle{margin:0;font-size:14px;color:var(--gray-500, #78716C)}.panel-content{flex:1;display:grid;grid-template-columns:250px 1fr 300px;gap:0;overflow:hidden;background:var(--bg-secondary, #F7F4F0)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200, #E5E2DD);border-top-color:var(--brand-primary, #6C63FF);border-radius:50%;animation:spin 1s linear infinite}.prompt-list{border-right:1px solid var(--gray-200, #E5E2DD);background:var(--white, #FFFFFF);padding:16px;overflow-y:auto}.prompt-list h3{margin:0 0 16px;font-size:12px;font-weight:600;color:var(--gray-500, #78716C);text-transform:uppercase;letter-spacing:.05em}.prompt-item{padding:12px;margin-bottom:8px;border-radius:var(--radius-md, 12px);cursor:pointer;transition:all var(--transition-fast, .15s ease);background:var(--bg-secondary, #F7F4F0);color:var(--gray-700, #44403C);border:1px solid var(--gray-200, #E5E2DD);display:flex;align-items:center;justify-content:space-between}.prompt-item:hover{border-color:var(--brand-primary, #6C63FF);transform:translate(4px);background:var(--brand-primary-50, rgba(108, 99, 255, .08))}.prompt-item.selected{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);border-color:var(--brand-primary, #6C63FF);box-shadow:var(--shadow-primary)}.prompt-item-header{display:flex;align-items:center;gap:8px}.prompt-icon{font-size:20px}.prompt-label{font-size:14px;font-weight:500}.modified-indicator{color:var(--warning-dark, #E89545);font-size:18px;animation:pulse 2s ease-in-out infinite}.prompt-item.selected .modified-indicator{color:var(--warning-light, #FFF6ED)}.editor-section{display:flex;flex-direction:column;padding:24px;overflow:hidden;background:var(--bg-secondary, #F7F4F0)}.editor-header{margin-bottom:16px}.editor-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--gray-900, #1C1917)}.editor-stats{display:flex;gap:16px;align-items:center;font-size:13px}.char-count{padding:4px 12px;border-radius:12px;font-weight:500}.char-count.ok{background:#d1fae5;color:#065f46}.char-count.too-short{background:#fef3c7;color:#92400e}.char-count.warning{background:#fed7aa;color:#9a3412}.char-count.too-long{background:#fecaca;color:#991b1b}.unsaved-indicator{color:var(--warning-dark, #E89545);font-weight:500;display:flex;align-items:center;gap:4px}.prompt-editor{flex:1;width:100%;padding:16px;border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:13px;line-height:1.6;resize:none;transition:border-color var(--transition-fast, .15s ease);background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917);box-shadow:var(--clay-inset)}.prompt-editor:focus{outline:none;border-color:var(--brand-primary, #6C63FF);background:var(--white, #FFFFFF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.prompt-editor:disabled{opacity:.6;cursor:not-allowed}.editor-actions{display:flex;gap:12px;margin-top:16px}.editor-actions button{padding:10px 20px;border:none;border-radius:var(--radius-md, 12px);font-size:14px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-save{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);font-weight:600;box-shadow:var(--shadow-primary)}.btn-save:hover:not(:disabled){background:var(--brand-primary-dark, #5147E5);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.btn-save:disabled{background:var(--gray-200, #E5E2DD);color:var(--gray-400, #A8A29E);cursor:not-allowed;box-shadow:none}.btn-reset{background:var(--white, #FFFFFF);color:var(--gray-700, #44403C);border:1px solid var(--gray-200, #E5E2DD);font-weight:600}.btn-reset:hover:not(:disabled){background:var(--bg-secondary, #F7F4F0);border-color:var(--brand-primary, #6C63FF)}.btn-reset:disabled{opacity:.5;cursor:not-allowed;color:var(--gray-400, #A8A29E)}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gray-500, #78716C);font-size:16px}.message{margin-top:12px;padding:12px 16px;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:8px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background:var(--error-light, #FFF0F1);color:var(--error-dark, #E04E5D);border:1px solid var(--error, #FF6B7A)}.success-message{background:var(--success-light, #EEFBF3);color:var(--success-dark, #2EBB75);border:1px solid var(--success, #4AD491)}.info-panel{border-left:1px solid var(--gray-200, #E5E2DD);background:var(--white, #FFFFFF);padding:24px;overflow-y:auto}.info-panel h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--gray-900, #1C1917)}.info-section{margin-bottom:24px}.info-section h4{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--gray-500, #78716C);text-transform:uppercase;letter-spacing:.05em}.variables-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.variable-tag{display:inline-block;padding:4px 8px;background:var(--clay-surface, #F0EDFF);color:var(--brand-primary-dark, #5147E5);border-radius:var(--radius-sm, 8px);font-size:12px;font-family:var(--font-mono, "Monaco", "Menlo", monospace);border:1px solid var(--brand-primary-200, rgba(108, 99, 255, .25))}.info-text{margin:0;font-size:13px;color:var(--gray-600, #57534E);line-height:1.5}.status-info{display:flex;gap:8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.modified{background:#fef3c7;color:#92400e}.status-badge.default{background:#dbeafe;color:#1e40af}.tips-list{margin:0;padding-left:20px;font-size:13px;color:var(--gray-600, #57534E);line-height:1.6}.tips-list li{margin-bottom:8px}@media (max-width: 1200px){.panel-content{grid-template-columns:200px 1fr 250px}}@media (max-width: 992px){.panel-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.prompt-list{border-right:none;border-bottom:1px solid #e5e7eb;padding:12px}.prompt-item{display:inline-flex;margin-right:8px;margin-bottom:0}.info-panel{border-left:none;border-top:1px solid #e5e7eb}}.context-selector{margin-bottom:1rem}.context-selector label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-600, #57534E);margin-bottom:.5rem}.context-selector select{width:100%;padding:.6rem;background:var(--white, #FFFFFF);color:var(--gray-900, #1C1917);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.context-selector select:hover:not(:disabled){border-color:var(--brand-primary, #6C63FF);background:var(--bg-primary, #FEFCFA)}.context-selector select:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.context-selector select:disabled{opacity:.6;cursor:not-allowed}.no-prompts-message{padding:1rem;background:var(--warning-light, #FFF6ED);border-left:3px solid var(--warning, #FFB067);color:var(--warning-dark, #E89545);font-size:.85rem;border-radius:var(--radius-sm, 8px);margin-top:.5rem}.watermark-section{margin-top:2rem;padding:1.5rem;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);box-shadow:var(--shadow-xs)}.watermark-section h4{margin:0 0 .5rem;color:var(--gray-900, #1C1917);font-size:1rem}.watermark-help{color:var(--gray-500, #78716C);font-size:.85rem;margin-bottom:1rem}.watermark-preview{display:flex;gap:1rem;align-items:center;padding:1rem;background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);margin-bottom:1rem}.watermark-thumbnail{max-width:150px;max-height:75px;object-fit:contain;border:1px solid var(--gray-200, #E5E2DD);border-radius:4px;background:#fff;padding:4px}.watermark-info{flex:1}.watermark-info p{margin:0 0 .5rem;color:var(--gray-700, #44403C);font-size:.9rem}.btn-remove-watermark{padding:.5rem 1rem;background:var(--white, #FFFFFF);color:var(--error-dark, #E04E5D);border:1px solid var(--error, #FF6B7A);border-radius:var(--radius-sm, 8px);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast, .15s ease)}.btn-remove-watermark:hover:not(:disabled){background:var(--error, #FF6B7A);color:var(--white, #FFFFFF)}.btn-remove-watermark:disabled{opacity:.6;cursor:not-allowed}.watermark-upload{margin-bottom:1rem}.watermark-upload input[type=file]{width:100%;padding:.75rem;background:var(--white, #FFFFFF);color:var(--gray-700, #44403C);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);cursor:pointer;font-size:.9rem}.watermark-upload input[type=file]:hover{border-color:var(--brand-primary, #6C63FF)}.file-selected{margin-top:1rem;padding:1rem;background:var(--bg-secondary, #F7F4F0);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px)}.file-selected p{margin:0 0 .75rem;color:var(--gray-700, #44403C);font-size:.9rem}.btn-upload-watermark{padding:.6rem 1.2rem;background:var(--accent-green, #4AD491);color:var(--white, #FFFFFF);border:none;border-radius:var(--radius-sm, 8px);cursor:pointer;font-size:.9rem;font-weight:600;transition:background var(--transition-fast, .15s ease)}.btn-upload-watermark:hover:not(:disabled){background:var(--accent-green-dark, #2EBB75)}.btn-upload-watermark:disabled{opacity:.6;cursor:not-allowed}.watermark-constraints{padding:.75rem;background:var(--info-light, #EEFBF9);border-left:3px solid var(--info, #5CD6C8);border-radius:var(--radius-sm, 8px)}.watermark-constraints small{color:var(--gray-600, #57534E);line-height:1.6}.watermark-notice{margin-top:2rem;padding:1rem;background:var(--info-light, #EEFBF9);border-left:3px solid var(--info, #5CD6C8);border-radius:var(--radius-sm, 8px)}.watermark-notice p{margin:0;color:var(--info-dark, #3DBFB1);font-size:.9rem}.context-info{padding:1rem;background:var(--bg-secondary, #F7F4F0);border-radius:var(--radius-sm, 8px)}.context-info p{margin:0 0 .5rem;color:var(--gray-700, #44403C);font-size:.9rem}.context-info p:last-child{margin-bottom:0}.scope-description{margin-top:.75rem!important;padding-top:.75rem;border-top:1px solid var(--gray-200, #E5E2DD);color:var(--gray-500, #78716C)!important;font-size:.85rem!important;font-style:italic}.badge-card{background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);padding:20px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .05))}.badge-card-clickable{cursor:pointer}.badge-card-clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .1));border-color:var(--brand-primary, #6C63FF)}.badge-image-container{position:relative;width:120px;height:120px;margin-bottom:16px}.badge-image{width:100%;height:100%;object-fit:contain;border-radius:50%}.badge-tier-indicator{position:absolute;bottom:-8px;right:-8px;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;color:var(--white, #FFFFFF);box-shadow:0 2px 4px #0003}.badge-tier-bronze{background:linear-gradient(135deg,#cd7f32,#b87333)}.badge-tier-silver{background:linear-gradient(135deg,silver,#a8a8a8)}.badge-tier-gold{background:linear-gradient(135deg,gold,#ffb700)}.badge-content{width:100%}.badge-name{font-size:16px;font-weight:600;color:var(--gray-900, #1C1917);margin:0 0 8px;line-height:1.3}.badge-description{font-size:13px;color:var(--gray-500, #78716C);margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.badge-earned-date{font-size:12px;color:var(--gray-400, #A8A29E);margin:0;font-style:italic}.badge-grid-container{width:100%}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:4px}@media (max-width: 768px){.badge-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.badge-image-container{width:100px;height:100px}}@media (max-width: 480px){.badge-grid{grid-template-columns:1fr;gap:12px}}.badge-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--gray-500, #78716C)}.badge-grid-loading .spinner{width:48px;height:48px;border:4px solid var(--gray-200, #E5E2DD);border-top-color:var(--brand-primary, #6C63FF);border-radius:50%;animation:spinner-rotation .8s linear infinite;margin-bottom:16px}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-grid-loading p{margin:0;font-size:14px}.badge-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--gray-500, #78716C)}.badge-grid-empty .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.badge-grid-empty p{margin:8px 0;font-size:16px;font-weight:500;color:var(--gray-600, #57534E)}.badge-grid-empty .empty-subtitle{font-size:14px;color:var(--gray-400, #A8A29E);font-weight:400}.badge-list-container{width:100%}.badge-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--gray-200, #E5E2DD)}.badge-list-title{font-size:24px;font-weight:600;color:var(--gray-900, #1C1917);margin:0}.badge-list-actions{display:flex;gap:12px}.btn-add-badge{padding:10px 20px;background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);border:none;border-radius:var(--radius-sm, 8px);font-size:14px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-primary)}.btn-add-badge:hover{background:var(--brand-primary-dark, #5147E5);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.badge-list-table{width:100%;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);overflow:hidden;box-shadow:var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .05))}.badge-list-table table{width:100%;border-collapse:collapse}.badge-list-table thead{background:var(--bg-secondary, #F7F4F0)}.badge-list-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--gray-600, #57534E);border-bottom:2px solid var(--gray-200, #E5E2DD)}.badge-list-table td{padding:14px 16px;font-size:14px;color:var(--gray-700, #44403C);border-bottom:1px solid var(--gray-100, #F2F0ED)}.badge-list-table tbody tr:last-child td{border-bottom:none}.badge-list-table tbody tr:hover{background:var(--bg-secondary, #F7F4F0)}.badge-thumbnail{width:40px;height:40px;object-fit:contain;border-radius:50%}.badge-type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-type-count{background:var(--brand-primary-50, rgba(108, 99, 255, .08));color:var(--brand-primary-dark, #5147E5)}.badge-type-scenario{background:var(--warning-light, #FFF6ED);color:var(--warning-dark, #E89545)}.badge-actions{display:flex;gap:8px}.badge-list-table .btn-edit,.badge-list-table .btn-delete{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all .2s ease}.badge-list-table .btn-edit{background:var(--brand-primary-50, rgba(108, 99, 255, .08));color:var(--brand-primary-dark, #5147E5)}.badge-list-table .btn-edit:hover{background:var(--brand-primary-100, rgba(108, 99, 255, .15))}.badge-list-table .btn-delete{background:var(--error-light, #FFF0F1);color:var(--error-dark, #E04E5D)}.badge-list-table .btn-delete:hover{background:var(--clay-surface-rose, #FFF0F1);color:var(--error-dark, #E04E5D)}.badge-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1c191726;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.badge-modal{background:var(--glass-bg-strong, rgba(255, 255, 255, .98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(0, 0, 0, .06));border-radius:var(--radius-xl, 20px);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);color:var(--gray-900, #1C1917);animation:badgeModalSlideUp .3s ease}.badge-modal--maximized{width:calc(100vw - 40px);max-width:none;height:calc(100dvh - 40px);max-height:none}.badge-modal form{min-height:0;display:flex;flex:1 1 auto;flex-direction:column}@keyframes badgeModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-modal-body{min-height:0;flex:1 1 auto;padding:24px;overflow-y:auto}.badge-modal-footer{flex:0 0 auto;padding:16px 24px;border-top:1px solid var(--gray-200, #E5E2DD);display:flex;justify-content:flex-end;gap:12px}@media (max-width: 480px){.badge-modal-overlay{padding:8px}.badge-modal--maximized{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}.badge-modal .form-group{margin-bottom:20px}.badge-modal .form-label{display:block;font-size:14px;font-weight:500;color:var(--gray-700, #44403C);margin-bottom:8px}.badge-modal .form-label-required:after{content:"*";color:var(--error, #FF6B7A);margin-left:4px}.badge-modal .form-input,.badge-modal .form-textarea,.badge-modal .form-select{width:100%;padding:10px 12px;font-size:14px;font-family:var(--font-family, "Inter", sans-serif);color:var(--gray-900, #1C1917);background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);transition:all .2s ease}.badge-modal .form-input::placeholder,.badge-modal .form-textarea::placeholder{color:var(--gray-400, #A8A29E)}.badge-modal .form-input:focus,.badge-modal .form-textarea:focus,.badge-modal .form-select:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.badge-modal .form-input:disabled,.badge-modal .form-textarea:disabled,.badge-modal .form-select:disabled{background:var(--gray-50, #FAF9F7);color:var(--gray-400, #A8A29E);cursor:not-allowed}.badge-modal .form-textarea{min-height:80px;resize:vertical}.badge-modal .form-help-text{font-size:12px;color:var(--gray-500, #78716C);margin-top:4px}.badge-modal .form-error{font-size:12px;color:var(--error-dark, #E04E5D);margin-top:4px}.badge-modal .btn-primary,.badge-modal .btn-secondary{padding:10px 20px;border:none;border-radius:var(--radius-sm, 8px);font-size:14px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all .2s ease}.badge-modal .btn-primary{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);box-shadow:var(--shadow-primary)}.badge-modal .btn-primary:hover:not(:disabled){background:var(--brand-primary-dark, #5147E5);box-shadow:var(--shadow-primary-hover)}.badge-modal .btn-primary:disabled{background:var(--gray-300, #D0CCC6);box-shadow:none;cursor:not-allowed}.badge-modal .btn-secondary{background:var(--white, #FFFFFF);color:var(--gray-700, #44403C);border:1px solid var(--gray-200, #E5E2DD)}.badge-modal .btn-secondary:hover:not(:disabled){background:var(--bg-secondary, #F7F4F0);border-color:var(--gray-300, #D0CCC6)}.badge-image-upload-container{border:2px dashed var(--gray-300, #D0CCC6);border-radius:var(--radius-md, 12px);padding:24px;text-align:center;transition:all .2s ease;background:var(--bg-secondary, #F7F4F0)}.badge-image-upload-container:hover{border-color:var(--brand-primary, #6C63FF);background:var(--brand-primary-50, rgba(108, 99, 255, .08))}.badge-image-upload-input{display:none}.badge-image-upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.badge-image-preview{width:120px;height:120px;object-fit:contain;border-radius:50%;margin:0 auto 12px}.badge-image-upload-container .upload-icon{font-size:48px;color:var(--gray-400, #A8A29E)}.badge-image-upload-container .upload-text{font-size:14px;color:var(--gray-700, #44403C);font-weight:500}.badge-image-upload-container .upload-hint{font-size:12px;color:var(--gray-500, #78716C)}.badge-image-upload-container .upload-progress{margin-top:12px;width:100%;height:4px;background:var(--gray-200, #E5E2DD);border-radius:2px;overflow:hidden}.badge-image-upload-container .upload-progress-bar{height:100%;background:var(--brand-primary, #6C63FF);transition:width .3s ease}.certification-list-container{width:100%;max-width:100%}.certification-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--gray-200, #E5E2DD)}.certification-list-title{font-size:24px;font-weight:700;color:var(--gray-900, #1C1917);margin:0}.certification-list-actions{display:flex;gap:12px}.btn-add-certification{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);border:none;border-radius:var(--radius-sm, 8px);font-size:14px;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-primary)}.btn-add-certification:hover{background:var(--brand-primary-dark, #5147E5);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.btn-add-certification span{font-size:16px}.certification-list-table{width:100%;background:var(--white, #FFFFFF);border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);overflow:hidden;box-shadow:var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .05))}.certification-list-table table{width:100%;border-collapse:collapse}.certification-list-table thead{background:var(--bg-secondary, #F7F4F0)}.certification-list-table th{padding:16px 12px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--gray-600, #57534E);letter-spacing:.5px;border-bottom:2px solid var(--gray-200, #E5E2DD)}.certification-list-table td{padding:16px 12px;border-bottom:1px solid var(--gray-100, #F2F0ED);font-size:14px;color:var(--gray-700, #44403C);vertical-align:middle}.certification-list-table tbody tr{transition:background-color .15s ease}.certification-list-table tbody tr:hover{background-color:var(--bg-secondary, #F7F4F0)}.certification-list-table tbody tr:last-child td{border-bottom:none}.theme-color-swatch{display:inline-block;width:32px;height:32px;border-radius:50%;border:3px solid var(--gray-200, #E5E2DD);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .08));transition:transform .2s ease}.theme-color-swatch:hover{transform:scale(1.1)}.badge-count-display{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--brand-primary, #6C63FF)}.certification-actions{display:flex;gap:8px}.certification-list-table .btn-edit,.certification-list-table .btn-delete{padding:6px 12px;border:1px solid var(--gray-200, #E5E2DD);border-radius:6px;font-size:13px;font-weight:500;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all .2s ease}.certification-list-table .btn-edit{background:var(--white, #FFFFFF);color:var(--brand-primary, #6C63FF);border-color:var(--brand-primary, #6C63FF)}.certification-list-table .btn-edit:hover{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF)}.certification-list-table .btn-delete{background:var(--white, #FFFFFF);color:var(--error-dark, #E04E5D);border-color:var(--error, #FF6B7A)}.certification-list-table .btn-delete:hover{background:var(--error, #FF6B7A);color:var(--white, #FFFFFF)}.certification-config-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1c191726;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.certification-config-modal{background:var(--glass-bg-strong, rgba(255, 255, 255, .98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(0, 0, 0, .06));border-radius:var(--radius-xl, 20px);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);color:var(--gray-900, #1C1917);animation:modalSlideIn .3s ease-out}.certification-config-modal--maximized{width:calc(100vw - 40px);max-width:none;height:calc(100dvh - 40px);max-height:none}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cert-modal-body{min-height:0;flex:1 1 auto;padding:32px;background:transparent;overflow-y:auto}.cert-form-group{margin-bottom:24px}.cert-form-label{display:block;font-size:14px;font-weight:600;color:var(--gray-700, #44403C);margin-bottom:8px}.cert-form-label-required:after{content:" *";color:var(--error, #FF6B7A)}.cert-form-input,.cert-form-textarea,.cert-form-select{width:100%;padding:12px 16px;border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);font-size:14px;font-family:var(--font-family, "Inter", sans-serif);transition:all .2s ease;color:var(--gray-900, #1C1917);background:var(--white, #FFFFFF)}.cert-form-input::placeholder,.cert-form-textarea::placeholder{color:var(--gray-400, #A8A29E)}.cert-form-input:focus,.cert-form-textarea:focus,.cert-form-select:focus{outline:none;border-color:var(--brand-primary, #6C63FF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.cert-form-input:disabled,.cert-form-textarea:disabled,.cert-form-select:disabled{background:var(--gray-50, #FAF9F7);color:var(--gray-400, #A8A29E);cursor:not-allowed}.cert-form-textarea{min-height:100px;resize:vertical}.cert-form-helper{font-size:12px;color:var(--gray-500, #78716C);margin-top:6px}.cert-form-error{font-size:12px;color:var(--error-dark, #E04E5D);margin-top:6px;font-weight:500}.cert-form-checkbox-label{font-size:14px;color:var(--gray-700, #44403C)}.cert-form-error-banner{background:var(--error-light, #FFF0F1);border:1px solid var(--error, #FF6B7A);border-radius:var(--radius-sm, 8px);padding:12px;margin-bottom:20px;font-size:13px}.theme-color-input-group{display:flex;align-items:center;gap:16px}.color-input-wrapper{position:relative;display:flex;align-items:center;gap:12px}.cert-form-color-input{width:80px;height:44px;padding:4px;border:2px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);cursor:pointer;background:var(--white, #FFFFFF);transition:all .2s ease}.cert-form-color-input:hover{border-color:var(--brand-primary, #6C63FF)}.cert-form-color-input::-webkit-color-swatch-wrapper{padding:0}.cert-form-color-input::-webkit-color-swatch{border:none;border-radius:4px}.theme-color-preview{width:48px;height:48px;border-radius:50%;border:3px solid var(--gray-200, #E5E2DD);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .08));transition:transform .2s ease}.theme-color-preview:hover{transform:scale(1.1)}.color-preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.certification-config-modal .color-preset-btn{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .08))}.certification-config-modal .color-preset-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md, 0 4px 8px rgba(0, 0, 0, .12))}.certification-config-modal .color-preset-btn.selected{border-color:var(--gray-700, #44403C);box-shadow:0 0 0 2px var(--white, #FFFFFF),0 0 0 4px var(--gray-700, #44403C)}.badge-multi-select-container{border:1px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-md, 12px);padding:20px;background:var(--bg-secondary, #F7F4F0)}.badge-select-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-200, #E5E2DD)}.badge-select-header span:first-child{font-size:14px;font-weight:600;color:var(--gray-700, #44403C)}.badge-select-header .badge-count{font-size:12px;font-weight:700;color:var(--brand-primary-dark, #5147E5);background:var(--white, #FFFFFF);padding:4px 12px;border-radius:12px;border:1px solid var(--brand-primary, #6C63FF)}.badge-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:4px}.badge-select-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--white, #FFFFFF);border:2px solid var(--gray-200, #E5E2DD);border-radius:var(--radius-sm, 8px);cursor:pointer;transition:all .2s ease;position:relative}.badge-select-card:hover{border-color:var(--brand-primary, #6C63FF);box-shadow:var(--shadow-md, 0 2px 8px rgba(0, 0, 0, .08));transform:translateY(-2px)}.badge-select-card.selected{border-color:var(--brand-primary, #6C63FF);background:var(--clay-surface, #F0EDFF);box-shadow:0 0 0 3px var(--brand-primary-50, rgba(108, 99, 255, .08))}.badge-select-card.selected:before{content:"✓";position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .12))}.badge-select-image{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.badge-select-info{flex:1;min-width:0}.badge-select-name{font-size:13px;font-weight:600;color:var(--gray-900, #1C1917);margin-bottom:4px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-select-tier{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;display:inline-block;text-transform:uppercase}.badge-select-tier.bronze{background:#f6e7d8;color:#8a5a2b}.badge-select-tier.silver{background:var(--gray-100, #F2F0ED);color:var(--gray-600, #57534E)}.badge-select-tier.gold{background:#fbf0ce;color:#8a6d1f}.badge-select-empty,.badge-select-loading{text-align:center;padding:40px 20px;color:var(--gray-500, #78716C)}.cert-modal-footer{flex:0 0 auto;padding:20px 32px;border-top:1px solid var(--gray-200, #E5E2DD);display:flex;justify-content:flex-end;gap:12px;background:transparent}.certification-config-modal .btn-cancel,.certification-config-modal .btn-save{padding:12px 24px;border-radius:var(--radius-sm, 8px);font-size:14px;font-weight:600;font-family:var(--font-family, "Inter", sans-serif);cursor:pointer;transition:all .2s ease;border:none}.certification-config-modal .btn-cancel{background:var(--white, #FFFFFF);color:var(--gray-700, #44403C);border:1px solid var(--gray-200, #E5E2DD)}.certification-config-modal .btn-cancel:hover{background:var(--bg-secondary, #F7F4F0);border-color:var(--gray-300, #D0CCC6);color:var(--gray-900, #1C1917)}.certification-config-modal .btn-save{background:var(--brand-primary, #6C63FF);color:var(--white, #FFFFFF);box-shadow:var(--shadow-primary)}.certification-config-modal .btn-save:hover:not(:disabled){background:var(--brand-primary-dark, #5147E5);box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.certification-config-modal .btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.certification-grid-loading{text-align:center;padding:60px 20px;color:var(--gray-500, #78716C)}.certification-grid-loading .spinner{width:48px;height:48px;border:4px solid var(--gray-200, #E5E2DD);border-top-color:var(--brand-primary, #6C63FF);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.certification-grid-empty{text-align:center;padding:60px 20px;color:var(--gray-500, #78716C)}.certification-grid-empty .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.certification-grid-empty p{font-size:16px;margin:8px 0;color:var(--gray-600, #57534E)}.certification-grid-empty .empty-subtitle{font-size:14px;color:var(--gray-400, #A8A29E)}@media (max-width: 768px){.certification-list-header{flex-direction:column;align-items:flex-start;gap:16px}.certification-list-table{overflow-x:auto}.badge-select-grid{grid-template-columns:1fr}.cert-modal-body{padding:24px 20px}.theme-color-input-group{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.certification-config-modal-overlay{padding:8px}.certification-config-modal--maximized{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}.organization-features{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd);max-width:760px;min-width:0;letter-spacing:0}.organization-features-heading,.organization-features-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.organization-features h3,.organization-features h4{margin:0;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.organization-features-stage,.organization-features-footer small{font-size:.8rem;color:var(--gray-600, #555)}.organization-features-scope{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:.5rem;margin:1.25rem 0}.organization-features-scope label{grid-column:1 / -1;font-size:.875rem;font-weight:600}.organization-features-scope select{width:100%;min-width:0;height:40px;border:1px solid var(--border-color, #ddd);border-radius:6px;padding:0 .75rem;background:var(--white, #fff);color:var(--gray-900, #222);font:inherit}.organization-features-icon,.organization-features-save{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--white, #fff);color:var(--gray-900, #222);cursor:pointer;font:inherit}.organization-features-icon{width:40px;padding:0}.organization-features-save{padding:0 1rem;font-weight:600;background:var(--accent-green, #4ad491)}.organization-features button:disabled{opacity:.55;cursor:not-allowed}.organization-features :is(button,select):focus-visible{outline:2px solid var(--brand-primary, #6c63ff);outline-offset:3px}.organization-features-list{list-style:none;padding:0;margin:.75rem 0 1.25rem}.organization-features-list li{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color, #ddd)}.organization-features-list li>span:first-child{overflow-wrap:anywhere}.organization-features-footer small{display:block;margin-top:.25rem;overflow-wrap:anywhere}.organization-features-error{color:var(--error-dark, #b42318)}@media (max-width: 520px){.organization-features-list li{gap:.5rem}.organization-features-save{width:100%}}.review-page{min-height:100vh;padding:2rem;position:relative;overflow:hidden;background:#fff;font-family:var(--font-family);color:#333}.review-header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-8);position:relative;z-index:10}.review-header h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:var(--primary-blue);margin:0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.review-subheader{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap;margin:calc(-1 * var(--space-6, 24px)) 0 var(--space-6, 24px) 0;position:relative;z-index:10}.review-scenario-name{font-size:1rem;font-weight:500;color:var(--gray-700, #44403C)}.unguided-badge{display:inline-flex;align-items:center;padding:.25rem .7rem;background:var(--brand-primary-50, rgba(108, 99, 255, .08));color:var(--brand-primary, #6C63FF);border:1px solid var(--brand-primary-100, rgba(108, 99, 255, .15));border-radius:var(--radius-md, 12px);font-size:.78rem;font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap;cursor:help}.back-button{background:#fff;border:1px solid #d1d9e6;border-radius:50%;width:40px;height:40px;font-size:1.5rem;color:#0a1733;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:fixed;top:2rem;left:2rem;z-index:1000}.back-button:hover{transform:scale(1.1);background-color:#0a1733;color:#fff}.download-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px #2563eb4d;position:relative;overflow:hidden}.download-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.download-button:hover:before{left:100%}.download-button:hover{background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue));transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.download-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.review-content{max-width:1008px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:2rem;transition:all .3s ease;overflow-x:auto}.review-content:hover{box-shadow:0 8px 24px #0000001f}.report-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--glass-border);padding-bottom:var(--space-4);margin-bottom:var(--space-6)}.report-header h2{margin:0;color:var(--primary-blue);font-size:var(--font-size-2xl);font-weight:700;border:none;padding:0}.score-display{background:linear-gradient(135deg,var(--soft-green),var(--soft-green-light));color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-6);display:inline-block;box-shadow:0 4px 15px #10b9814d}.markdown-content{color:var(--gray-800)}.markdown-content h2{margin-top:var(--space-6);margin-bottom:var(--space-4);color:var(--primary-blue);font-size:var(--font-size-xl);font-weight:700;border-bottom:1px solid var(--glass-border);padding-bottom:var(--space-3)}.markdown-content h3{margin-top:var(--space-4);margin-bottom:var(--space-3);color:var(--gray-700);font-size:var(--font-size-lg);font-weight:600}.markdown-content p{line-height:1.6;margin-bottom:var(--space-4)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.markdown-content li{margin-bottom:var(--space-2);line-height:1.6}.markdown-content strong{color:var(--gray-900);font-weight:600}.markdown-content em{color:var(--gray-700)}.markdown-content blockquote{border-left:4px solid var(--primary-blue);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--gray-600);font-style:italic}.markdown-content code{background:var(--glass-bg-light);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:Consolas,Monaco,monospace;font-size:.875em;color:var(--primary-blue-dark)}.markdown-content pre{background:var(--glass-bg-light);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-4)}.markdown-content pre code{background:transparent;padding:0;color:inherit}.error-message{color:var(--error);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.report-placeholder{text-align:center;color:var(--gray-500);padding:var(--space-8)}.report-display{animation:fadeIn .5s ease-in;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.report-display table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;display:block;overflow-x:auto;white-space:nowrap}.report-display table th,.report-display table td{padding:var(--space-2) var(--space-3);border:1px solid var(--glass-border);text-align:left;white-space:normal;word-wrap:break-word;min-width:100px;max-width:300px}.report-display table th{background:var(--glass-bg-light);font-weight:600;color:var(--primary-blue)}.report-display table tr:nth-child(2n){background:#00000005}.report-display .table-wrapper{overflow-x:auto;margin:var(--space-4) 0;border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.report-display pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.report-display code{word-break:break-word}@media (max-width: 1200px){.review-content{max-width:90%;margin:0 auto}}@media (max-width: 768px){.review-page{padding:var(--space-4)}.review-header h1{font-size:clamp(2rem,8vw,3rem)}.review-content{padding:var(--space-4);max-width:100%;margin:0}.back-button{top:var(--space-4);left:var(--space-4);width:40px;height:40px}.report-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.download-button{width:100%}.report-display table{font-size:.875rem}.report-display table th,.report-display table td{padding:var(--space-1) var(--space-2);min-width:80px}}@media print{.review-page{background:#fff;padding:0}.back-button,.download-button{display:none}.review-header{margin-bottom:2rem}.review-header h1{color:#0a1733;font-size:2.5rem}.review-content{background:#fff;box-shadow:none;border:none;padding:0;max-width:100%}.score-display{background:#f0f0f0;color:#0a1733;box-shadow:none}.markdown-content{color:#000}.markdown-content h2,.markdown-content h3{color:#0a1733;page-break-after:avoid}.markdown-content p,.markdown-content li{orphans:3;widows:3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reporting-page{padding:var(--space-8);background-color:var(--bg-secondary);color:var(--gray-900);font-family:var(--font-family);min-height:100vh;animation:fadeIn .5s ease-out}.speech-zone-header{display:flex;align-items:center;margin-bottom:var(--space-8)}.speech-zone-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0;flex-grow:1;text-align:center}.back-button{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-full);width:44px;height:44px;font-size:1.25rem;color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.back-button:hover{transform:translateY(-2px);background-color:var(--brand-primary);color:var(--white);border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.reporting-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.reporting-chart-block{background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--transition-normal)}.reporting-chart-block:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary-200)}.reporting-chart-block h3{margin:0 0 var(--space-6);color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-semibold);border-bottom:2px solid var(--border-color-light);padding-bottom:var(--space-3)}.reporting-data-grid{background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--space-6);overflow-x:auto}.reporting-data-grid h3{margin:0 0 var(--space-6);color:var(--gray-900);font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.reporting-data-grid table{width:100%;border-collapse:separate;border-spacing:0}.reporting-data-grid th,.reporting-data-grid td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border-color-light);white-space:nowrap}.reporting-data-grid th{background-color:var(--gray-50);color:var(--gray-600);font-weight:var(--font-semibold);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide)}.reporting-data-grid tr:first-child th:first-child{border-top-left-radius:var(--radius-lg)}.reporting-data-grid tr:first-child th:last-child{border-top-right-radius:var(--radius-lg)}.reporting-data-grid tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.reporting-data-grid tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.reporting-data-grid tbody tr{transition:background-color var(--transition-fast)}.reporting-data-grid tbody tr:hover{background-color:var(--gray-50)}.reporting-data-grid tbody td{color:var(--gray-700);font-size:var(--font-size-sm)}.review-grid-icon-button{background:none;border:none;padding:var(--space-1);margin:calc(var(--space-1) * -1);border-radius:var(--radius-sm);font:inherit;line-height:1;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.review-grid-icon-button:hover:not(:disabled){background-color:var(--brand-primary-50);transform:scale(1.15)}.review-grid-icon-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:1px}.filters-container{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--border-color-light)}.filters-container label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-600)}.filters-container input[type=date],.filters-container input[type=text]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--gray-900);background:var(--white);transition:all var(--transition-fast)}.filters-container input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-100)}.filters-container span{font-size:var(--font-size-sm);color:var(--gray-500)}.pagination-container{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-color-light)}.pagination-container button{background:var(--brand-primary);color:var(--white);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-weight:var(--font-medium);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-primary)}.pagination-container button:hover:not(:disabled){background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.pagination-container button:disabled{background:var(--gray-300);color:var(--gray-500);box-shadow:none;cursor:not-allowed;opacity:.7}.pagination-container span{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-medium)}.reporting-charts-placeholder{text-align:center;padding:var(--space-16);font-style:italic;color:var(--gray-500);background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.badge-dashboard-button{margin-left:auto;padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-semibold);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-primary);transition:all var(--transition-normal)}.badge-dashboard-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}@media (max-width: 768px){.reporting-page{padding:var(--space-4)}.reporting-charts-row{grid-template-columns:1fr}.speech-zone-header{flex-direction:column;gap:var(--space-4)}.speech-zone-header h1{order:1;text-align:center}.back-button{order:2}.badge-dashboard-button{order:3;margin-left:0;width:100%;justify-content:center}.filters-container{flex-direction:column;align-items:stretch}.filters-container>div{display:flex;flex-direction:column;gap:var(--space-2)}.filters-container input[type=text]{width:100%}.pagination-container{flex-direction:column;gap:var(--space-3)}}:root{--brand-primary: #6C63FF;--brand-primary-light: #8B83FF;--brand-primary-dark: #5147E5;--brand-primary-50: rgba(108, 99, 255, .08);--brand-primary-100: rgba(108, 99, 255, .15);--brand-primary-200: rgba(108, 99, 255, .25);--accent-cyan: #5CD6C8;--accent-cyan-light: #8AE6DB;--accent-cyan-dark: #3DBFB1;--accent-green: #4AD491;--accent-green-light: #7AE6B3;--accent-green-dark: #2EBB75;--accent-orange: #FFB067;--accent-orange-light: #FFCB96;--accent-orange-dark: #E89545;--primary-blue: var(--brand-primary);--primary-blue-light: var(--brand-primary-light);--primary-blue-dark: var(--brand-primary-dark);--caring-teal: var(--accent-cyan);--caring-teal-light: var(--accent-cyan-light);--caring-teal-dark: var(--accent-cyan-dark);--soft-green: var(--accent-green);--soft-green-light: var(--accent-green-light);--soft-green-dark: var(--accent-green-dark);--warm-orange: var(--accent-orange);--warm-orange-light: var(--accent-orange-light);--warm-orange-dark: var(--accent-orange-dark);--gray-25: #FDFCFB;--gray-50: #FAF9F7;--gray-100: #F2F0ED;--gray-200: #E5E2DD;--gray-300: #D0CCC6;--gray-400: #A8A29E;--gray-500: #78716C;--gray-600: #57534E;--gray-700: #44403C;--gray-800: #292524;--gray-900: #1C1917;--gray-950: #0C0A09;--white: #FFFFFF;--black: #000000;--success: #4AD491;--success-light: #EEFBF3;--success-dark: #2EBB75;--warning: #FFB067;--warning-light: #FFF6ED;--warning-dark: #E89545;--warning-100: rgba(255, 176, 103, .15);--warning-200: rgba(255, 176, 103, .25);--error: #FF6B7A;--error-light: #FFF0F1;--error-dark: #E04E5D;--red-300: #FCA5A5;--red-500: #EF4444;--red-600: #DC2626;--info: #5CD6C8;--info-light: #EEFBF9;--info-dark: #3DBFB1;--bg-primary: #FEFCFA;--bg-secondary: #F7F4F0;--bg-tertiary: #EFEBE6;--bg-dark: #1C1917;--bg-dark-elevated: #292524;--bg-dark-subtle: #1C1917;--navy-bg-dark: #1C1917;--navy-bg-light: #292524;--glass-bg: rgba(255, 255, 255, .95);--glass-bg-strong: rgba(255, 255, 255, .98);--glass-bg-light: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--glass-border-light: rgba(0, 0, 0, .03);--glass-shadow: 6px 6px 12px rgba(0, 0, 0, .08), -3px -3px 8px rgba(255, 255, 255, .9);--glass-shadow-hover: 8px 8px 16px rgba(0, 0, 0, .1), -4px -4px 10px rgba(255, 255, 255, .95);--glass-dark-bg: rgba(255, 255, 255, .9);--glass-dark-border: rgba(0, 0, 0, .06);--clay-surface: #F0EDFF;--clay-surface-teal: #E8F8F5;--clay-surface-green: #E8F7EE;--clay-surface-orange: #FFF5EB;--clay-surface-rose: #FFF0F1;--clay-inset: inset 2px 2px 4px rgba(255, 255, 255, .6), inset -1px -1px 3px rgba(0, 0, 0, .04);--clay-inset-strong: inset 3px 3px 6px rgba(255, 255, 255, .7), inset -2px -2px 4px rgba(0, 0, 0, .06);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif;--font-display: var(--font-family);--font-body: var(--font-family);--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.04em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .04em;--tracking-widest: .08em;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--container-max: 90rem;--radius-none: 0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-4xl: 40px;--radius-full: 9999px;--shadow-xs: 2px 2px 4px rgba(0, 0, 0, .06), -1px -1px 3px rgba(255, 255, 255, .8);--shadow-sm: 4px 4px 8px rgba(0, 0, 0, .07), -2px -2px 6px rgba(255, 255, 255, .8), inset 1px 1px 2px rgba(255, 255, 255, .5), inset -1px -1px 2px rgba(0, 0, 0, .03);--shadow-md: 6px 6px 12px rgba(0, 0, 0, .08), -3px -3px 8px rgba(255, 255, 255, .85), inset 2px 2px 4px rgba(255, 255, 255, .5), inset -1px -1px 3px rgba(0, 0, 0, .04);--shadow-lg: 8px 8px 18px rgba(0, 0, 0, .09), -4px -4px 12px rgba(255, 255, 255, .9), inset 2px 2px 5px rgba(255, 255, 255, .5), inset -2px -2px 4px rgba(0, 0, 0, .04);--shadow-xl: 12px 12px 24px rgba(0, 0, 0, .1), -6px -6px 16px rgba(255, 255, 255, .9), inset 3px 3px 6px rgba(255, 255, 255, .5), inset -2px -2px 5px rgba(0, 0, 0, .05);--shadow-2xl: 16px 16px 32px rgba(0, 0, 0, .12), -8px -8px 20px rgba(255, 255, 255, .9);--shadow-inner: inset 3px 3px 6px rgba(0, 0, 0, .08), inset -2px -2px 4px rgba(255, 255, 255, .7);--shadow-primary: 5px 5px 14px rgba(108, 99, 255, .3), -3px -3px 8px rgba(255, 255, 255, .8), inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(108, 99, 255, .1);--shadow-primary-hover: 7px 7px 20px rgba(108, 99, 255, .35), -4px -4px 10px rgba(255, 255, 255, .85), inset 2px 2px 4px rgba(255, 255, 255, .3);--shadow-success: 5px 5px 14px rgba(74, 212, 145, .3), -3px -3px 8px rgba(255, 255, 255, .8);--shadow-error: 5px 5px 14px rgba(255, 107, 122, .3), -3px -3px 8px rgba(255, 255, 255, .8);--shadow-pressed: inset 3px 3px 8px rgba(0, 0, 0, .1), inset -2px -2px 5px rgba(255, 255, 255, .7);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-below: -1;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--z-toast: 80;--z-max: 9999;--border-width: 1px;--border-width-2: 2px;--border-color: var(--gray-200);--border-color-light: var(--gray-100);--border-color-dark: var(--gray-300)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--leading-normal);color:var(--gray-900);background:var(--bg-secondary);margin:0;padding:0;min-height:100vh;color-scheme:light}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-primary{background:var(--brand-primary);color:var(--white);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-pressed)}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--border-color-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.btn-link{background:transparent;color:var(--brand-primary);padding:var(--space-1) var(--space-2)}.btn-link:hover:not(:disabled){color:var(--brand-primary-dark);text-decoration:underline}.btn-success{background:var(--accent-green);color:var(--white);box-shadow:var(--shadow-success)}.btn-success:hover:not(:disabled){background:var(--accent-green-dark);transform:translateY(-1px)}.btn-warning{background:var(--accent-orange);color:var(--white)}.btn-warning:hover:not(:disabled){background:var(--accent-orange-dark);transform:translateY(-1px)}.btn-danger{background:var(--error);color:var(--white);box-shadow:var(--shadow-error)}.btn-danger:hover:not(:disabled){background:var(--error-dark);transform:translateY(-1px)}.btn-info{background:var(--accent-cyan);color:var(--white)}.btn-info:hover:not(:disabled){background:var(--accent-cyan-dark);transform:translateY(-1px)}.btn-xs{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn-icon{padding:var(--space-2);aspect-ratio:1}.card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--brand-primary-200);box-shadow:var(--shadow-md),0 0 0 1px var(--brand-primary-100);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color-light)}.card-title{margin:0 0 var(--space-1) 0;font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.card-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--gray-500)}.card-body{color:var(--gray-600)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color-light)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-700)}.form-label-required:after{content:"*";color:var(--error);margin-left:var(--space-1)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-900);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--gray-400)}.form-input:hover:not(:disabled):not(:focus){border-color:var(--border-color-dark)}.form-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-100)}.form-input:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.form-input-error{border-color:var(--error)}.form-input-error:focus{box-shadow:0 0 0 3px #ff475726}.form-error{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--error)}.form-hint{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-500)}.form-textarea{min-height:120px;resize:vertical;line-height:var(--leading-relaxed)}.page-navigation{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.back-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.back-button:hover{background:var(--gray-50);border-color:var(--border-color-dark);color:var(--gray-800);transform:translate(-2px)}.page-title-section h1{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--gray-900)}.page-title-section p{margin:var(--space-1) 0 0 0;font-size:var(--font-size-base);color:var(--gray-500)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);font-size:var(--font-size-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-default{background:var(--gray-100);color:var(--gray-700)}.badge-primary{background:var(--brand-primary-100);color:var(--brand-primary-dark)}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-error{background:var(--error-light);color:var(--error-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .3s ease-out forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-float{animation:float 6s ease-in-out infinite}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.gradient-text{background:linear-gradient(135deg,var(--brand-primary),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,var(--accent-orange),var(--error));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cool{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--brand-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-spinner-sm{width:16px;height:16px}.loading-spinner-lg{width:32px;height:32px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 640px){.hide-mobile{display:none!important}}@media (min-width: 641px) and (max-width: 1024px){.hide-tablet{display:none!important}}@media (min-width: 1025px){.hide-desktop{display:none!important}}@media (max-width: 768px){.page-navigation{flex-direction:column;align-items:stretch;gap:var(--space-4)}.page-title-section h1{font-size:var(--font-size-xl);text-align:center}}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand-primary);color:var(--white);padding:var(--space-2) var(--space-4);z-index:var(--z-max);transition:top var(--transition-fast)}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--border-color: var(--gray-600);--border-color-light: var(--gray-400)}.btn-primary,.btn-secondary{border:2px solid currentColor}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.card{box-shadow:none;border:1px solid #ccc}a[href]:after{content:" (" attr(href) ")"}}.team-reporting-tabs>.panel-tabs-list{margin-bottom:var(--space-5);border-radius:8px;background:var(--white);border-color:var(--border-color);box-shadow:none}.team-reporting-tabs .panel-tab{min-height:48px;border-radius:6px;white-space:normal;letter-spacing:0;color:var(--gray-700)}.team-reporting-tabs .panel-tab-label{overflow:visible;overflow-wrap:anywhere;line-height:1.4}.team-reporting-tabs .panel-tab--active{background:var(--success-light);border-color:var(--accent-green);color:var(--accent-green-dark);box-shadow:none}.team-reporting-title-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);margin-left:var(--space-3);border-radius:var(--radius-full);background:var(--success-light);border:1px solid var(--accent-green-light);color:var(--accent-green-dark);font-size:var(--font-size-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);vertical-align:middle}.team-reporting-action-button{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-semibold);background:var(--accent-green);color:var(--white);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-success);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.team-reporting-action-button:hover:not(:disabled){background:var(--accent-green-dark);transform:translateY(-2px)}.team-reporting-action-button:disabled{background:var(--gray-300);color:var(--gray-500);box-shadow:none;cursor:not-allowed}.team-reporting-action-button:focus-visible{outline:2px solid var(--accent-green-dark);outline-offset:2px}.team-reporting-back-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-semibold);background:var(--white);color:var(--gray-700);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.team-reporting-back-button:hover{background:var(--gray-50);border-color:var(--border-color-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.team-reporting-back-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.team-reporting-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}@media (max-width: 1024px){.team-reporting-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.team-reporting-summary{grid-template-columns:1fr}}.team-reporting-summary-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.team-reporting-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-color-dark)}.team-reporting-summary-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.team-reporting-summary-icon.people{background:var(--brand-primary-50);color:var(--brand-primary)}.team-reporting-summary-icon.sessions{background:var(--info-light);color:var(--info-dark)}.team-reporting-summary-icon.score{background:var(--success-light);color:var(--success-dark)}.team-reporting-summary-icon.time{background:var(--warning-light);color:var(--warning-dark)}.team-reporting-summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--gray-900);line-height:1;margin-bottom:var(--space-1)}.team-reporting-summary-label{font-size:var(--font-size-sm);color:var(--gray-500)}.team-reporting-search{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--gray-50);border:1px solid var(--border-color-light);border-radius:var(--radius-xl)}.team-reporting-search label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--gray-600)}.team-reporting-search input[type=search],.team-reporting-search input[type=text]{flex:1 1 260px;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--gray-900);background:var(--white);transition:all var(--transition-fast)}.team-reporting-search input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-100)}.team-reporting-search-count{margin-left:auto;font-size:var(--font-size-sm);color:var(--gray-500)}.team-member-name{font-weight:var(--font-semibold);color:var(--gray-900)}.team-member-email{display:block;font-size:var(--font-size-xs);color:var(--gray-500);margin-top:2px}.team-sort-button{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.team-sort-button:hover{color:var(--brand-primary)}.team-sort-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}.team-sort-indicator{font-size:.75em;color:var(--brand-primary)}.team-score-pill{display:inline-block;min-width:52px;text-align:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-semibold);border:1px solid transparent}.team-score-pill.high{background:var(--success-light);border-color:var(--accent-green-light);color:var(--accent-green-dark)}.team-score-pill.mid{background:var(--warning-light);border-color:var(--accent-orange-light);color:var(--accent-orange-dark)}.team-score-pill.low{background:var(--error-light);border-color:var(--red-300);color:var(--error-dark)}.team-score-pill.none{background:var(--gray-100);border-color:var(--border-color);color:var(--gray-500)}.deep-dive-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-semibold);background:var(--accent-green);color:var(--white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.deep-dive-button:hover:not(:disabled){background:var(--accent-green-dark);transform:translateY(-1px);box-shadow:var(--shadow-success)}.deep-dive-button:disabled{background:var(--gray-200);color:var(--gray-500);cursor:not-allowed;box-shadow:none}.deep-dive-button:focus-visible{outline:2px solid var(--accent-green-dark);outline-offset:2px}.performance-subject{display:flex;align-items:center;gap:var(--space-4);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6)}.performance-subject-avatar{width:56px;height:56px;flex-shrink:0;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-green-light),var(--accent-green-dark));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-bold);box-shadow:var(--shadow-success)}.performance-subject-name{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.performance-subject-meta{font-size:var(--font-size-sm);color:var(--gray-500);margin:var(--space-1) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-3)}.team-reporting-message{text-align:center;padding:var(--space-16) var(--space-6);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);color:var(--gray-500)}.team-reporting-message.loading{font-style:italic}.team-reporting-message.warning{background:var(--warning-light);border-color:var(--accent-orange-light);color:var(--warning-dark)}.team-reporting-message h2{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.team-reporting-message p{margin:0;font-size:var(--font-size-sm)}@media (max-width: 768px){.team-reporting-action-button,.team-reporting-back-button{margin-left:0;width:100%;justify-content:center}.team-reporting-search-count{margin-left:0}.performance-subject{flex-direction:column;text-align:center}.performance-subject-meta{justify-content:center}}.achievements-page{max-width:1400px;margin:0 auto;padding:40px 20px;background:#f8fafc;min-height:100vh}.achievements-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:16px;padding:40px;margin-bottom:40px;box-shadow:0 10px 25px #1e3a8a33}.achievements-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.achievements-title{font-size:36px;font-weight:700;color:#fff;margin:0}.btn-back-to-dashboard{padding:12px 24px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-back-to-dashboard:hover{background:#ffffff4d;border-color:#ffffff80;transform:translate(-4px)}.achievements-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-card:hover{background:#ffffff40;transform:translateY(-4px)}.stat-number{font-size:32px;font-weight:700;color:#fff;margin-bottom:4px}.stat-label{font-size:13px;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.stat-bronze{border-color:#cd7f3280}.stat-silver{border-color:#c0c0c080}.stat-gold{border-color:#ffd70080}.achievements-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 1px 3px #0000000d}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.section-title{font-size:24px;font-weight:600;color:#1e3a8a;margin:0;display:flex;align-items:center;gap:12px}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.certification-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;padding:28px;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000000d}.certification-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #1e3a8a26;border-color:#3b82f6}.certification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.certification-name{font-size:20px;font-weight:700;color:#1e3a8a;margin:0;flex:1;line-height:1.3}.certification-icon{font-size:32px;opacity:.8;margin-left:12px}.certification-description{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 20px}.certification-details{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:20px}.certification-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.certification-detail-row:not(:last-child){border-bottom:1px solid #e2e8f0}.detail-label{font-size:13px;font-weight:500;color:#64748b}.detail-value{font-size:13px;font-weight:600;color:#1e293b}.certificate-number{font-family:Courier New,monospace;background:#dbeafe;padding:4px 8px;border-radius:4px;color:#1e40af}.certification-badges-section{margin-bottom:20px}.badges-section-title{font-size:13px;font-weight:600;color:#475569;margin:0 0 12px}.certification-badges-list{display:flex;flex-wrap:wrap;gap:12px}.certification-badge-item{flex-shrink:0}.certification-badge-icon{width:48px;height:48px;object-fit:contain;border-radius:50%;border:2px solid #e2e8f0;background:#fff;padding:4px;transition:all .2s ease}.certification-badge-icon:hover{transform:scale(1.15);border-color:#3b82f6;box-shadow:0 4px 8px #3b82f633}.btn-download-certificate,.btn-generate-certificate{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;position:relative;overflow:hidden}.btn-download-certificate:before,.btn-generate-certificate:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-download-certificate:hover:before,.btn-generate-certificate:hover:before{width:300px;height:300px}.btn-download-certificate:hover,.btn-generate-certificate:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f666}.btn-download-certificate:active,.btn-generate-certificate:active{transform:translateY(-1px)}.cert-icon{font-size:20px;position:relative;z-index:1}@media (max-width: 768px){.achievements-page{padding:20px 16px}.achievements-header{padding:24px}.achievements-header-content{flex-direction:column;align-items:flex-start;gap:16px}.achievements-title{font-size:28px}.achievements-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.stat-number{font-size:24px}.stat-label{font-size:11px}.achievements-section{padding:20px}.section-title{font-size:20px}.certifications-grid{grid-template-columns:1fr;gap:16px}.certification-card{padding:20px}.certification-name{font-size:18px}.certification-icon{font-size:28px}}@media (max-width: 480px){.achievements-title{font-size:24px}.btn-back-to-dashboard{padding:10px 16px;font-size:13px}.certification-badges-list{gap:8px}.certification-badge-icon{width:40px;height:40px}}.achievements-page .badge-grid-loading,.achievements-page .badge-grid-empty{padding:40px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.certification-card{animation:fadeIn .5s ease-out}.certification-card:nth-child(1){animation-delay:.1s}.certification-card:nth-child(2){animation-delay:.2s}.certification-card:nth-child(3){animation-delay:.3s}.certification-card:nth-child(4){animation-delay:.4s}