*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Roboto,Open Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-brand-cyan{--tw-border-opacity: 1;border-color:rgb(0 173 239 / var(--tw-border-opacity, 1))}.border-current{border-color:currentColor}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-t-transparent{border-top-color:transparent}.bg-black\/60{background-color:#0009}.bg-brand-cyan{--tw-bg-opacity: 1;background-color:rgb(0 173 239 / var(--tw-bg-opacity, 1))}.bg-brand-dark{--tw-bg-opacity: 1;background-color:rgb(0 43 92 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-surface-darker{--tw-bg-opacity: 1;background-color:rgb(42 42 42 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:#ffffff1a}.bg-brand-gradient{background-image:linear-gradient(135deg,#002b5c,#00adef)}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/50{color:#ffffff80}.text-white\/80{color:#fffc}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.theater-mode{transition:all .8s cubic-bezier(.25,.46,.45,.94)}.theater-mode .header,.theater-mode .config-form,.theater-mode .voice-selection{opacity:.15;filter:brightness(.3) contrast(.8);pointer-events:none;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.theater-mode .interview-interface{position:relative;z-index:10;opacity:1;filter:none;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.theater-mode .interview-style-container{box-shadow:0 0 50px #00adef4d,0 0 100px #002b5c33;border:2px solid rgba(0,173,239,.1);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.theater-mode .main-video-area{box-shadow:0 0 30px #00adef33;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.theater-mode .interview-controls-bar{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5;color:#333;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:600;line-height:1.3;margin-bottom:.5rem;color:#333}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}p{margin-bottom:.5rem;line-height:1.5}label{font-family:Open Sans,sans-serif;font-weight:600;margin-bottom:.75rem;display:block;color:#333}.container{background:#fff;border-radius:1rem;max-width:56.25rem;width:100%;text-align:center}.header{margin-bottom:2rem;position:relative}.logout-form{display:flex;justify-content:flex-end;margin-top:1rem}.logout-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:1.5rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;font-weight:500}.logout-btn:hover{background:#c82333;transform:translateY(-1px)}.header h1{color:#002b5c;font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#002b5c,#00adef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.header p{color:#6c757d;font-size:1.1rem;font-family:Open Sans,sans-serif}.config-form,.voice-selection,.interview-interface{background:#f5f5f5;border-radius:1rem;padding:2rem;margin:2rem 0;text-align:left;border:0;box-shadow:0 4px 4px #57647e36}.config-form h3,.voice-selection h3{color:#002b5c;margin-bottom:1.5rem;text-align:center;font-weight:600}.form-section{margin-bottom:2rem}.form-section h4{color:#002b5c;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea,.sample-text-select{width:100%;padding:1rem;border:2px solid #DEE2E6;border-radius:.375rem;font-size:1rem;font-family:Roboto,sans-serif;background:#fff!important;color:#333;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#8c8c8c;font-family:Open Sans,sans-serif}.form-group input::placeholder,.form-group textarea::placeholder{color:#8c8c8c;font-family:Open Sans,sans-serif}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00adef;box-shadow:0 0 0 .2rem #00adef40}.form-group textarea{resize:vertical;min-height:5rem}.btn{padding:1rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:#002b5c;color:#fff}.btn-primary:hover:not(:disabled){background:#001d42;transform:translateY(-2px);box-shadow:0 8px 25px #57647e4d}.btn-secondary{background:#00adef;color:#fff}.btn-secondary:hover:not(:disabled){background:#0099d6;transform:translateY(-2px);box-shadow:0 8px 25px #57647e4d}.btn-outline-secondary{background:#fff;color:#002b5c;border:2px solid #00ADEF}.btn-outline-secondary:hover:not(:disabled){background:#00adef;color:#fff}.btn-soft-gray{background:#f5f5f5;color:#00adef;border:1px solid #DEE2E6}.btn-soft-gray:hover:not(:disabled){background:#e9ecef;color:#0099d6}.mode-selection-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:nowrap}.mode-selection-wrapper label{margin-bottom:0;white-space:nowrap}.mode-selection-wrapper .mode-selector{border-bottom:none;margin-bottom:0;justify-content:flex-start;flex:1}.language-tabs,.mode-selector{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem;border-bottom:2px solid #DEE2E6}.language-tab,.mode-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;cursor:pointer;border:none;background:none;font-size:1rem;font-weight:600;font-family:Roboto,sans-serif;color:#6c757d;transition:all .3s ease;border-radius:1rem 1rem 0 0;position:relative}.language-tab.active{color:#00adef;background:#f5f5f5;border-bottom:3px solid #00ADEF}.language-tab:hover{color:#00adef;background:#00adef0d}.mode-btn{border-radius:.375rem;border:2px solid #DEE2E6;background:#f5f5f5;color:#333}.mode-btn.active{border-color:#00adef;background:#00adef;color:#fff;border-bottom:2px solid #00ADEF}.mode-btn:hover{border-color:#00adef;background:#00adef0d;color:#002b5c}.language-content,.voice-content{display:none}.language-content.active,.voice-content.active{display:block}.mode-description{color:#6c757d;font-size:.875rem;margin-top:1rem;font-family:Open Sans,sans-serif}.voice-section{margin-bottom:2rem}.voice-section h4{color:#002b5c;margin-bottom:1.5rem;font-size:1.1rem;text-align:center;font-weight:600}.voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:1.5rem;margin-top:1.5rem}.voice-card{background:#fff;border:2px solid #DEE2E6;border-radius:1rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 .125rem .25rem #00000013}.voice-card:hover{border-color:#00adef;transform:translateY(-2px);box-shadow:0 5px 15px #00adef33}.voice-card.selected{border-color:#00adef;background:linear-gradient(135deg,#00adef,#0099d6);color:#fff}.voice-name{font-weight:600;margin-bottom:1rem;color:#333;font-family:Roboto,sans-serif}.voice-card.selected .voice-name{color:#fff}.voice-gender{font-size:1.5rem;margin-bottom:1rem}.voice-preview{margin:1.5rem 0}.voice-preview audio{width:100%;height:2.5rem}.voice-info{font-size:.875rem;color:#6c757d;margin-top:1rem;font-family:Open Sans,sans-serif}.voice-interactive{background:#00adef;color:#fff;padding:.125rem .5rem;border-radius:1rem;font-size:.75rem;margin-top:.5rem;display:inline-block;font-weight:500}.azure-voice-info{background:#0078d41a;border:1px solid #00ADEF;border-radius:.375rem;padding:1rem;text-align:center;font-size:.875rem;color:#00adef;font-family:Open Sans,sans-serif}.azure-voice-info div{margin:.125rem 0}.azure-voice-info div:first-child{font-weight:600;margin-bottom:.5rem}.voice-preview-controls{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.preview-btn{width:100%;padding:.5rem 1rem;background:#00adef;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease;font-weight:500}.preview-btn:hover:not(:disabled){background:#0099d6}.preview-btn:disabled{background:#ced4da;cursor:not-allowed}.voice-preview-player{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:.375rem;border:1px solid #E9ECEF}.preview-status{font-size:.75rem;color:#6c757d;margin-top:.5rem;text-align:center;font-style:italic;font-family:Open Sans,sans-serif}.interview-style-container{background:#1a1a1a;border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #0000004d;min-height:70vh;position:relative}.main-video-area{position:relative;width:100%;height:60vh;min-height:400px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;overflow:hidden}#avatar-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;z-index:1}.avatar-placeholder{text-align:center;color:#fff;margin-top:30vh}.avatar-circle{width:120px;height:120px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#4285f4,#34a853);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #4285f44d}.avatar-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.avatar-name{font-size:1.5rem;font-weight:600;margin-bottom:10px;color:#fff;font-family:Roboto,sans-serif}.connection-status{font-size:1rem;color:#9aa0a6;font-family:Open Sans,sans-serif}.self-video-container{position:absolute;bottom:0;right:0;width:160px;height:120px;border-radius:12px;overflow:hidden;background:#2a2a2a;border:2px solid #4285f4;box-shadow:0 4px 16px #0006;z-index:2;transform:translateZ(0);backface-visibility:hidden}#candidate-video-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;position:relative;z-index:1;transform:translateZ(0)}.self-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);display:flex;align-items:center;justify-content:center}.self-avatar-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#9aa0a6,#5f6368);display:flex;align-items:center;justify-content:center}.self-avatar-icon{font-size:1.5rem;color:#fff}.interview-controls-bar{background:#2d2d2d;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #404040}.agent-speaking-area{flex:1;max-width:60%}.agent-text-container{background:#3c4043;border-radius:0;padding:12px 20px;min-height:48px;max-height:4.2rem;display:flex;align-items:flex-start;box-shadow:0 2px 8px #0003;overflow-y:auto;-webkit-overflow-scrolling:touch}.agent-message{color:#9aa0a6;font-size:1rem;line-height:1.4;font-family:Open Sans,sans-serif;width:100%;cursor:default;-webkit-user-select:text;-moz-user-select:text;user-select:text;opacity:.95}.control-buttons{display:flex;gap:12px;align-items:center}.control-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;padding:12px 16px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif;font-size:.8rem;font-weight:500;min-width:70px;height:60px}.control-btn .btn-icon{font-size:1.2rem;line-height:1}.start-btn{background:#34a853;color:#fff}.start-btn:hover{background:#2d8f47;transform:translateY(-1px)}.next-btn{background:#4285f4;color:#fff}.next-btn:hover{background:#3367d6;transform:translateY(-1px)}.end-btn{background:#ea4335;color:#fff}.end-btn:hover{background:#d33b2c;transform:translateY(-1px)}.control-btn:disabled{background:#5f6368;color:#9aa0a6;cursor:not-allowed;transform:none}.action-btn-custom{background:#3c4043;color:#8ab4f8;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:500;border-radius:18px;padding:12px 24px;height:auto;min-width:120px;flex-direction:row;box-shadow:0 2px 8px #0003;transition:all .2s ease;border:2px solid transparent}.action-btn-custom:not(:disabled){background:#1a73e8;color:#fff;border-color:#4285f4;box-shadow:0 4px 12px #1a73e866;cursor:pointer}.action-btn-custom:not(:disabled):hover{background:#2b7de9;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #1a73e880}.action-btn-custom:disabled{background:#2a2d30;color:#5f6368;border-color:transparent;box-shadow:none;cursor:not-allowed;opacity:.6}.video-container{margin:2rem 0;position:relative;background:#f8f9fa;border-radius:1rem;overflow:hidden;box-shadow:0 4px 4px #57647e36}.candidate-video-section{margin:1.5rem 0}.candidate-video-section h3{color:#002b5c;font-weight:600}.candidate-video-placeholder{display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:2px dashed #CED4DA;border-radius:1rem;height:15rem;max-width:20rem;margin:0 auto}.candidate-video-placeholder div{text-align:center;color:#6c757d;font-family:Open Sans,sans-serif}.candidate-video-placeholder div:first-child{font-size:2rem;margin-bottom:1rem}.candidate-video-placeholder div:last-child{font-size:.875rem;margin-top:1rem;color:#adb5bd}.controls{margin:2rem 0;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.interview-note{margin-top:1.5rem!important;font-size:.875rem!important;color:#6c757d!important;font-style:italic!important;font-family:Open Sans,sans-serif!important}.recording-indicator{display:none;margin:1.5rem 0;padding:1.5rem;background:#dc35451a;color:#dc3545;border-radius:1rem;border:1px solid rgba(220,53,69,.3);animation:pulse 1.5s infinite;font-family:Roboto,sans-serif;font-weight:600}.recording-indicator #recording-timer{font-family:monospace;font-size:1.2rem;margin-top:.5rem}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.streaming-status{margin:1.5rem 0;padding:1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;font-family:Roboto,sans-serif}.streaming-status.connected{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.streaming-status.disconnected{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.streaming-status.connecting{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status{margin:1.5rem 0;padding:1.5rem;border-radius:1rem;font-weight:600;font-family:Roboto,sans-serif}.status.info{background:#00adef1a;color:#00adef;border:1px solid rgba(0,173,239,.3)}.status.success{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.status.error{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.script-container{margin:2rem 0;padding:1.5rem;background:#f5f5f5;border-radius:1rem;border-left:5px solid #00ADEF}.script-container h3{color:#002b5c;margin-bottom:1rem;font-weight:600}.script-container #script{font-size:1.1rem;line-height:1.6;color:#333;font-style:italic;font-family:Open Sans,sans-serif}.progress{margin:1.5rem 0;padding:1.5rem;background:#f5f5f5;border-radius:1rem}.progress h3{color:#002b5c;margin-bottom:1rem;font-weight:600}.progress-bar{width:100%;height:1rem;background:#e9ecef;border-radius:.5rem;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(135deg,#00adef,#0099d6);width:0%;transition:width .3s ease}#progress-text{font-family:Open Sans,sans-serif;color:#6c757d;font-size:.875rem}.summary{margin:2rem 0;padding:1.5rem;background:#f5f5f5;border-radius:1rem;text-align:left}.summary h3{color:#002b5c;margin-bottom:1.5rem;font-weight:600}.summary-item{margin:1rem 0;padding:1rem;background:#fff;border-radius:.375rem;border-left:3px solid #00ADEF;box-shadow:0 .125rem .25rem #00000013}.transcript-item{margin:.5rem 0;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.transcript-item.processing{background-color:#ffc1071a;border-left:3px solid #FFC107}.transcript-item.completed{background-color:#28a7451a;border-left:3px solid #28A745}.status-icon{margin-right:.5rem}.transcript-text{font-style:italic;font-family:Open Sans,sans-serif}.transcript-review{background:#f5f5f5;border-radius:1rem;padding:2rem;margin:2rem 0}.transcript-display{background:#fff;border-radius:1rem;margin:1.5rem 0;padding:1.5rem;border-left:4px solid #00ADEF;box-shadow:0 .125rem .25rem #00000013}.transcript-display.processing{border-left-color:#ffc107}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.transcript-header h5{margin:0;color:#002b5c;font-size:1.1rem;font-weight:600}.play-segment-btn{background:#00adef;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1.5rem;cursor:pointer;font-size:.875rem;font-family:Roboto,sans-serif;font-weight:500;transition:all .3s ease}.play-segment-btn:hover{background:#0099d6}.play-segment-btn:disabled{background:#ced4da;cursor:not-allowed}.transcript-content{background:#f8f9fa;padding:1.5rem;border-radius:.375rem;margin:1rem 0;line-height:1.6;font-size:1rem;font-family:Open Sans,sans-serif}.transcript-content.processing{background:#fff8f0;color:#b45309;font-style:italic}.transcript-meta{font-size:.75rem;color:#6c757d;margin-top:1rem;font-family:Open Sans,sans-serif}.question-number{display:inline-block;background:#00adef;color:#fff;width:1.5625rem;height:1.5625rem;border-radius:50%;text-align:center;line-height:1.5625rem;font-weight:700;margin-right:1rem;font-family:Roboto,sans-serif;font-size:.875rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.gap-1{gap:.5rem!important}.gap-2{gap:1rem!important}.gap-3{gap:1.5rem!important}@media (max-width: 768px){body{padding:0}.container{padding:0;border-radius:0;max-width:100%}.header h1{font-size:2rem}.controls{flex-direction:column;align-items:center}.btn{width:100%;max-width:18.75rem}.transcript-header{flex-direction:column;align-items:flex-start}.play-segment-btn{margin-top:1rem;width:100%}.transcript-review{padding:1.5rem}.voice-grid{grid-template-columns:1fr}.language-tabs,.mode-selector{flex-direction:column;gap:.5rem}.language-tab,.mode-btn{border-radius:.375rem;border-bottom:2px solid transparent}.language-tab.active,.mode-btn.active{border-bottom:2px solid #00ADEF}.interview-interface{margin:0;padding:0;border-radius:0}.interview-style-container{border-radius:0;min-height:100vh;height:100vh;display:flex;flex-direction:column}.main-video-area{height:calc(100vh - 140px);min-height:unset;flex:1}.self-video-container{width:180px;height:135px;bottom:0;right:0;border:3px solid #4285f4;box-shadow:0 6px 20px #0009}.interview-controls-bar{flex-direction:column;gap:10px;padding:12px;flex-shrink:0;height:140px}.agent-speaking-area{max-width:100%;order:2}.control-buttons{order:1;justify-content:center}.control-btn{min-width:60px;padding:10px 12px;font-size:.75rem;height:50px}.control-btn .btn-icon{font-size:1rem}.agent-text-container{padding:10px 16px;min-height:40px;max-height:3.78rem;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;width:100%}.agent-message{font-size:.9rem}.avatar-circle{width:100px;height:100px}.avatar-icon{font-size:2.5rem}.avatar-name{font-size:1.3rem}}@media (max-width: 768px) and (orientation: portrait){.main-video-area{height:calc(100vh - 150px)}.self-video-container{width:140px;height:105px;bottom:0;right:0}.interview-controls-bar{height:150px}}@media (max-width: 768px) and (orientation: landscape){.main-video-area{height:calc(100vh - 100px)}.self-video-container{width:200px;height:150px;bottom:0;right:0}.interview-controls-bar{flex-direction:row;height:100px;padding:8px 12px;gap:12px}.agent-speaking-area{order:1;max-width:60%}.control-buttons{order:2;flex-direction:row}.agent-text-container{padding:8px 14px;min-height:36px;max-height:80px;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start}.agent-message{font-size:.85rem}}@media (max-width: 576px){body:not(:has(.interview-interface)){padding:1rem}.container:not(:has(.interview-interface)){padding:1rem}.config-form,.voice-selection{padding:1.5rem;margin:1.5rem 0}.interview-interface{padding:0;margin:0}.header h1{font-size:1.75rem}.btn{padding:1rem 1.5rem;font-size:.875rem}.self-video-container{width:120px;height:90px;bottom:0;right:0}}.tembo-demo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;padding:2rem;opacity:1;transition:opacity .5s ease-out;overflow-y:auto}.tembo-demo-overlay.fade-out{opacity:0;pointer-events:none}.tembo-demo-content{display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:center;max-width:90%}.tembo-logo{max-width:180px;height:auto;margin-bottom:1rem}.tembo-title{font-family:Roboto,sans-serif;font-size:4rem;font-weight:700;color:#002b5c;text-align:center;letter-spacing:.2em;text-shadow:none}.tembo-subtitle{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:400;color:#002b5c;text-align:center;opacity:.8;max-width:600px}.back-btn{position:absolute;top:1.25rem;left:1.25rem;background:none;border:1px solid rgba(0,173,239,.3);color:#00adef;font-size:.9rem;font-family:Montserrat,sans-serif;cursor:pointer;padding:.4rem .85rem;border-radius:6px;transition:background .2s,border-color .2s;z-index:10}.back-btn:hover{background:#00adef1a;border-color:#00adef99}.back-btn-inline{position:relative;top:auto;left:auto;margin-bottom:.75rem}.back-btn-home{position:relative;top:auto;left:auto;margin-top:1.5rem;color:#fff;border-color:#ffffff4d}.back-btn-home:hover{background:#ffffff1a;border-color:#fff9}.language-selection-buttons{display:flex;gap:1.25rem;justify-content:center;align-items:center;flex-wrap:wrap}.language-btn{background:#fffffff2;border:3px solid #00ADEF;border-radius:16px;padding:1.25rem 2rem;min-width:160px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #0003}.language-btn:hover{background:#00adef;transform:translateY(-4px);box-shadow:0 12px 32px #00adef66}.language-btn:hover .language-btn-text{color:#fff}.language-btn:active{transform:translateY(-2px)}.language-btn-text{font-size:1.25rem;font-weight:600;color:#002b5c;transition:color .3s ease;text-align:center}.avatar-selection-title{font-family:Roboto,sans-serif;font-size:1.75rem;font-weight:600;color:#002b5c;margin-bottom:2rem;text-align:center}.avatar-selection-buttons{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap}.avatar-btn{background:#fffffff2;border:3px solid #00ADEF;border-radius:16px;padding:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #0003}.avatar-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00adef66}.avatar-img{width:200px;height:auto;border-radius:12px;display:block}.tembo-demo-text{color:#002b5c;font-size:2rem}.tembo-demo-text-light{color:#fff;font-size:2rem}@media (max-width: 768px){.tembo-demo-overlay{padding:1.5rem}.tembo-demo-content{flex-direction:column;gap:1rem}.tembo-demo-text{font-size:1.5rem;white-space:normal;line-height:1.4}.tembo-demo-logo{max-width:250px}.tembo-logo{max-width:140px;margin-bottom:.75rem}}@media (max-width: 576px){.tembo-demo-content{gap:.75rem}.tembo-demo-text{font-size:1.25rem}.tembo-demo-logo{max-width:200px}.tembo-logo{max-width:120px;margin-bottom:.5rem}.language-selection-buttons{gap:1rem}.language-btn{padding:1rem 1.5rem;min-width:140px}.language-btn-text{font-size:1.1rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:.9rem}}@media (max-width: 768px) and (orientation: landscape){.tembo-demo-content{flex-direction:row;gap:1rem;flex-wrap:wrap}.tembo-demo-text{font-size:1.25rem}.tembo-demo-logo{max-width:180px}}@media print{body{background:#fff;color:#333}.container{box-shadow:none;border:1px solid #DEE2E6}.btn,.controls,.logout-btn,.video-container,.recording-indicator{display:none!important}.summary,.transcript-review{background:#fff!important;border:1px solid #DEE2E6!important}}.welcome-title{font-family:Roboto,sans-serif;font-size:1.75rem;font-weight:700;color:#002b5c;text-align:center;margin-bottom:.5rem}.welcome-subtitle{font-family:Open Sans,sans-serif;font-size:1.1rem;color:#002b5ccc;text-align:center;margin-bottom:1.25rem}@media (max-width: 768px){.welcome-title{font-size:1.75rem}.welcome-subtitle{font-size:.95rem;padding:0 1rem}}.instruction-modal-container{background:#fff;border-radius:16px;padding:2.5rem;max-width:1000px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.instruction-modal-h1{font-family:Roboto,sans-serif;font-size:2rem;font-weight:700;color:#002b5c;text-align:center;margin-bottom:2rem}.instruction-modal-columns{display:flex;gap:2.5rem;margin-bottom:2rem}.instruction-modal-column{flex:1}.instruction-modal-left{border-right:1px solid #DEE2E6;padding-right:2rem}.instruction-modal-right{padding-left:.5rem}.instruction-modal-h2{font-family:Roboto,sans-serif;font-size:1.75rem;font-weight:600;color:#002b5c;margin-bottom:1rem}.instruction-modal-subtitle,.instruction-modal-text{font-family:Open Sans,sans-serif;font-size:1rem;color:#333;line-height:1.6;margin-bottom:1rem}.instruction-modal-structure-intro{font-family:Open Sans,sans-serif;font-size:1rem;color:#333;line-height:1.6;margin-bottom:.5rem}.instruction-modal-list{font-family:Open Sans,sans-serif;font-size:.95rem;color:#333;line-height:1.8;margin-left:1.25rem;margin-bottom:1.5rem;padding-left:0}.instruction-modal-list li{margin-bottom:.5rem}.instruction-modal-note{font-family:Open Sans,sans-serif;font-size:.85rem;color:#6c757d;font-style:italic;line-height:1.5;background:#00adef0d;padding:1rem;border-radius:8px;border-left:3px solid #00ADEF}.instruction-screenshot-container{background:#f5f5f5;border-radius:12px;padding:1rem;margin-top:1rem;display:flex;align-items:center;justify-content:center;min-height:200px}.instruction-screenshot{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.instruction-modal-footer{font-family:Open Sans,sans-serif;font-size:.8rem;color:#6c757d;text-align:center;padding:1rem 0;border-top:1px solid #DEE2E6;margin-bottom:1.5rem}.instruction-modal-footer a{color:#00adef;text-decoration:none;transition:color .3s ease}.instruction-modal-footer a:hover{color:#0099d6;text-decoration:underline}.instruction-continue-btn{display:block;width:100%;max-width:300px;margin:0 auto;background:#00adef;color:#fff;border:none;border-radius:16px;padding:1rem 2rem;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00adef4d}.instruction-continue-btn:hover{background:#0099d6;transform:translateY(-2px);box-shadow:0 6px 20px #00adef66}.instruction-continue-btn:active{transform:translateY(0)}@media (max-width: 768px){.instruction-modal-container{padding:1.5rem;max-height:95vh}.instruction-modal-h1{font-size:1.5rem;margin-bottom:1.5rem}.instruction-modal-columns{flex-direction:column;gap:1.5rem}.instruction-modal-left{border-right:none;border-bottom:1px solid #DEE2E6;padding-right:0;padding-bottom:1.5rem}.instruction-modal-right{padding-left:0}.instruction-modal-h2{font-size:1.5rem}.instruction-modal-subtitle,.instruction-modal-text{font-size:.95rem}.instruction-modal-list{font-size:.9rem}.instruction-modal-note{font-size:.8rem}.instruction-continue-btn{font-size:1.1rem;padding:.875rem 1.5rem}}@media (max-width: 576px){.instruction-modal-container{padding:1rem;border-radius:12px}.instruction-modal-h1,.instruction-modal-h2{font-size:1.25rem}.instruction-screenshot-container{min-height:150px}}.iv-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:10;font-family:DM Sans,Roboto,sans-serif;background:#1a2a3a}.iv-avatar-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#1a2a3a}.iv-avatar-bg>*{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.iv-top-bar{position:relative;z-index:50;display:flex;align-items:center;gap:14px;padding:12px 28px;background:#0006;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.iv-logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px;color:#fffffff2;flex-shrink:0}.iv-logo-icon{width:28px;height:28px;background:#00adef;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.iv-top-spacer{flex:1;min-width:0}.iv-top-center{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9;white-space:nowrap;overflow:hidden;flex-shrink:0}.iv-top-role{font-weight:600;color:#fffffff2}.iv-top-divider{color:#ffffff4d}.iv-top-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9;flex-shrink:0}.iv-live-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:pulse 1.5s infinite;flex-shrink:0}.iv-timer{font-variant-numeric:tabular-nums;color:#fff9;font-size:13px}.iv-content{flex:1;position:relative;overflow:hidden}.iv-pip{position:absolute;bottom:100px;left:40px;width:280px;height:210px;background:#0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.1);overflow:hidden;z-index:5;box-shadow:0 12px 48px #00000059,0 4px 16px #0003;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.iv-pip--minimized{width:56px;height:56px;border-radius:50%}.iv-pip--minimized .iv-pip-label,.iv-pip--minimized .iv-pip-placeholder{display:none}.iv-pip-label{position:absolute;bottom:12px;left:14px;font-size:11px;font-weight:500;color:#fff;background:#0006;padding:4px 12px;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:2}.iv-pip-placeholder{font-size:2.5rem;color:#fff6}.iv-pip-minimize{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3}.iv-pip:hover .iv-pip-minimize{opacity:1}.iv-pip--minimized .iv-pip-minimize{opacity:1;position:static;width:100%;height:100%;border-radius:50%;background:transparent}.iv-pip-minimize svg,.iv-layer-minimize svg,.iv-ctrl svg,.iv-btn-next svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.iv-ctrl svg{width:18px;height:18px}.iv-btn-next svg{width:14px;height:14px}.iv-transcript{position:absolute;top:24px;right:32px;width:340px;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.04);border-radius:24px;padding:26px 28px;z-index:5;transition:opacity .3s ease}.iv-transcript-zoom{position:absolute;top:10px;left:10px;display:flex;gap:4px;justify-content:flex-end;margin-bottom:6px;opacity:0;transition:opacity .2s ease,background .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.iv-zoom-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;padding:2px 3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.iv-zoom-btn:hover{background:#fff3;color:#fff}.iv-transcript-scroll{max-height:260px;overflow-y:auto;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 100%)}.iv-transcript-scroll::-webkit-scrollbar{display:none}.iv-msg{font-size:inherit;line-height:1.7;margin-bottom:10px;color:#ffffff59}.iv-msg--current{color:#fffffff2}.iv-msg--user{color:#ffffff4d;font-style:italic}.iv-realtime{color:#8ab4f8;font-style:italic;margin-left:8px}.iv-layer-minimize{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.iv-transcript:hover .iv-layer-minimize,.iv-transcript:hover .iv-transcript-zoom{opacity:1}.iv-layer-minimize:hover,.iv-transcript-zoom:hover{background:#0009}.iv-transcript-restore{position:absolute;top:24px;right:32px;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:#0000001f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff9;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.iv-transcript-restore:hover{background:#00000040;color:#fffffff2}.iv-bottom-bar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 32px 14px;background:#0006;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.iv-bottom-left{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff6;flex:1}.iv-progress-pct{font-size:12px;font-weight:600;color:#00adef}.iv-controls-center{display:flex;align-items:center;gap:14px}.iv-ctrl{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff9;flex-shrink:0}.iv-ctrl:hover{background:#ffffff2e;color:#fffffff2;transform:translateY(-1px)}.iv-ctrl--end{background:#ff5e5b26;color:#ff5e5b;width:46px;height:46px}.iv-ctrl--end:hover{background:#ff5e5b47}.iv-ctrl--muted{background:#ff5e5b26;color:#ff5e5b}.iv-ctrl--muted:hover{background:#ff5e5b47;color:#ff5e5b}.iv-pip-cam-off{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;color:#fff6;background:#0006}.iv-bottom-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1}.iv-btn-next{display:flex;align-items:center;gap:6px;padding:10px 24px;border:none;border-radius:12px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#00adef;color:#fff;box-shadow:0 4px 18px #00adef40}.iv-btn-next:hover:not(:disabled){background:#0098d4;transform:translateY(-1px)}.iv-btn-next:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 1279px){.iv-pip{width:220px;height:165px;bottom:80px;left:28px}.iv-transcript{width:300px;right:24px}.iv-transcript-scroll{max-height:220px}}@media (max-width: 1023px){.iv-pip{width:180px;height:135px;bottom:70px;left:20px}.iv-transcript{width:260px;right:20px}.iv-transcript-scroll{max-height:180px}.iv-msg{font-size:14px}.iv-bottom-bar{padding:8px 20px 12px}.iv-top-center{display:none}}@media (max-width: 767px){.iv-pip{display:none}.iv-transcript{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:18px 18px 0 0;padding:18px 20px;background:#00000059;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.iv-transcript-restore{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:12px 12px 0 0;justify-content:center}.iv-transcript-scroll{max-height:140px}.iv-bottom-left{display:none}.iv-controls-center{flex:1;justify-content:center}.iv-bottom-right{flex:0}.iv-btn-next{padding:10px 16px;font-size:12px}.iv-top-bar{padding:8px 16px}.iv-logo-icon{width:24px;height:24px;font-size:11px}}.hover\:bg-blue-900:hover{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-500:hover{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-brand-cyan:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 173 239 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}#root{width:100%;display:contents}.login-container{background:#fff;border-radius:1rem;box-shadow:0 4px 4px #57647e36;width:100%;max-width:25rem;padding:2.5rem;text-align:center}.login-container .logo{font-size:3rem;margin-bottom:.625rem}.login-container .title{font-size:2rem;color:#002b5c;margin-bottom:.625rem;font-weight:700;font-family:Roboto,sans-serif;background:linear-gradient(135deg,#002b5c,#00adef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-container .subtitle{color:#6c757d;margin-bottom:1.875rem;font-family:Open Sans,sans-serif}.login-btn{background:linear-gradient(135deg,#002b5c,#00adef);color:#fff;border:none;padding:1rem 1.5rem;border-radius:3.125rem;font-size:1.125rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease;width:100%;margin-top:.625rem}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #57647e4d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:1rem;border-radius:.625rem;margin-bottom:1.25rem;font-size:.875rem;font-family:Open Sans,sans-serif}.mode-selection-container{max-width:800px;margin:0 auto;padding:2rem}.mode-selection-header{text-align:center;margin-bottom:3rem}.mode-selection-header h1{font-size:2.5rem;color:#002b5c;margin-bottom:1rem;font-weight:700;font-family:Roboto,sans-serif;background:linear-gradient(135deg,#002b5c,#00adef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-selection-header p{color:#6c757d;font-size:1.1rem;font-family:Open Sans,sans-serif}.mode-buttons-container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.mode-card{background:#fff;border-radius:1rem;box-shadow:0 4px 4px #57647e36;padding:3rem 2rem;width:100%;max-width:350px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.mode-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #57647e4d;border-color:#00adef}.mode-card-icon{font-size:4rem;margin-bottom:1rem}.mode-card-title{font-size:1.8rem;font-weight:700;color:#002b5c;margin-bottom:1rem;font-family:Roboto,sans-serif}.mode-card-description{color:#6c757d;font-size:1rem;line-height:1.6;font-family:Open Sans,sans-serif}.mode-card-button{background:linear-gradient(135deg,#002b5c,#00adef);color:#fff;border:none;padding:1rem 2rem;border-radius:3.125rem;font-size:1.125rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1.5rem}.mode-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #57647e4d}.logout-container{text-align:center;margin-top:3rem}.logout-btn-link{color:#6c757d;text-decoration:none;font-family:Open Sans,sans-serif;padding:.5rem 1rem;transition:color .3s ease}.logout-btn-link:hover{color:#002b5c}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 4px #57647e36;transition:all .3s ease}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-3px);box-shadow:0 8px 25px #57647e4d}.dashboard{max-width:1400px;margin:0 auto;padding:1.5rem;width:100%}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;font-weight:700;font-family:Roboto,sans-serif;background:linear-gradient(135deg,#002b5c,#00adef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.dashboard-header .last-updated{color:#6c757d;font-size:.8rem;font-family:Open Sans,sans-serif}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{padding:1.5rem;text-align:center}.kpi-value{font-size:2.25rem;font-weight:700;font-family:Roboto,sans-serif;background:linear-gradient(135deg,#002b5c,#00adef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.kpi-label{color:#6c757d;font-size:.85rem;font-family:Open Sans,sans-serif;margin-top:.35rem}.tab-buttons{position:relative;display:flex;gap:0;padding:0 1rem;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef;background:#fff;border-radius:1rem 1rem 0 0;box-shadow:0 4px 4px #57647e36}.tab-button{background:none;border:none;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;font-family:Roboto,sans-serif;color:#6c757d;cursor:pointer;transition:color .25s ease;position:relative}.tab-button:hover,.tab-button--active{color:#002b5c}.tab-count{display:inline-block;background:#e9ecef;color:#6c757d;font-size:.75rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;margin-left:.4rem;vertical-align:middle}.tab-button--active .tab-count{background:linear-gradient(135deg,#002b5c,#00adef);color:#fff}.tab-indicator{position:absolute;bottom:-2px;left:0;height:3px;background:linear-gradient(135deg,#002b5c,#00adef);border-radius:3px 3px 0 0;transition:transform .3s ease,width .3s ease}.dashboard-table{width:100%;border-collapse:collapse;font-family:Open Sans,sans-serif;font-size:.875rem}.dashboard-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#6c757d;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e9ecef;white-space:nowrap}.dashboard-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;color:#333;vertical-align:middle}.dashboard-table tbody tr:hover{background:#f8f9fa}.dashboard-table-wrapper{padding:1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0 .25rem}.pagination-info{font-size:.85rem;opacity:.6}.status-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;font-family:Roboto,sans-serif;text-transform:capitalize;white-space:nowrap}.status-badge--green{background:#10b9811f;color:#059669}.status-badge--indigo{background:#6366f11f;color:#4f46e5}.status-badge--yellow{background:#f59e0b1f;color:#d97706}.status-badge--red{background:#ef44441f;color:#dc2626}.status-badge--blue{background:#3b82f61f;color:#2563eb}.status-badge--gray{background:#6b72801f;color:#6b7280}.btn-view{background:linear-gradient(135deg,#002b5c,#00adef);color:#fff;border:none;padding:.35rem 1rem;border-radius:3.125rem;font-size:.8rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 12px #57647e4d}.overview-list{list-style:none;padding:1.25rem 1.5rem;margin:0;display:flex;flex-direction:column;gap:.75rem}.overview-list li{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f0f0f0;font-family:Open Sans,sans-serif;font-size:.9rem;color:#333}.overview-list li:last-child{border-bottom:none}.overview-list li span:last-child{font-weight:600;color:#002b5c}.confirm-modal-msg{color:#d1d5db;font-size:.95rem;font-family:Open Sans,sans-serif;line-height:1.5;margin:0 0 1.5rem}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn--cancel{background:transparent;border:1px solid rgba(255,255,255,.15);color:#d1d5db;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .2s ease}.btn--cancel:hover{background:#ffffff14;color:#fff}.btn--danger{background:#dc2626;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .2s ease}.btn--danger:hover{background:#b91c1c}.btn--warning{background:#d97706;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .2s ease}.btn--warning:hover{background:#b45309}.btn--info{background:#2563eb;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .2s ease}.btn--info:hover{background:#1d4ed8}