*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background-color:#fff;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:1rem;line-height:1.5;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}*{transition-duration:.2s;transition-timing-function:ease}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--color-primary:#0097b2;--color-primary-hover:#007a8e;--color-primary-light:#00b4d8;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--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;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--z-dropdown:1000;--z-sticky:1010;--z-fixed:1020;--z-modal:1030;--z-popover:1040;--z-tooltip:1050;--z-toast:1060}@media(prefers-color-scheme:dark){:root{--color-white:#1f2937;--color-gray-50:#111827;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#6b7280;--color-gray-500:#9ca3af;--color-gray-600:#d1d5db;--color-gray-700:#e5e7eb;--color-gray-800:#f3f4f6;--color-gray-900:#f9fafb}body{background-color:var(--color-gray-50);color:var(--color-gray-700)}}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:600;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{line-height:1.6;margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input,select,textarea{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-900);padding:var(--space-sm) var(--space-md);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0097b21a;outline:none}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-gray-400)}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:disabled{background-color:var(--color-gray-300);box-shadow:none;cursor:not-allowed;transform:none}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-md);width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.border{border:1px solid var(--color-gray-200)}.border-primary{border-color:var(--color-primary)}.border-error{border-color:var(--color-error)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}img{display:block;height:auto;max-width:100%}img[loading=lazy]{opacity:0;transition:opacity .3s ease}img[loading=lazy].loaded{opacity:1}.will-change-transform{will-change:transform}.will-change-scroll{will-change:scroll-position}.loading{overflow:hidden;position:relative}.loading:after{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}@media(max-width:640px){:root{--font-size-3xl:1.5rem;--font-size-2xl:1.25rem}.container{padding:0 var(--space-sm)}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}@media(max-width:768px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.container{padding:0 var(--space-lg)}}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{-moz-column-break-after:avoid;break-after:avoid}}.app-header[data-v-2380db63]{background-color:#fff;border-bottom:2px solid #0097b2;box-shadow:none;height:64px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-container[data-v-2380db63]{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-container[data-v-2380db63],.header-left[data-v-2380db63],.logo-section[data-v-2380db63]{align-items:center;display:flex}.logo-section[data-v-2380db63]{gap:.75rem}.header-logo[data-v-2380db63]{height:32px;transition:opacity .2s ease;width:auto}.header-logo[data-v-2380db63]:hover{opacity:.8}.logo-text[data-v-2380db63]{color:#1f2937;font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.header-nav[data-v-2380db63]{align-items:center;display:flex;gap:.25rem}.nav-link[data-v-2380db63]{background:none;border:1px solid transparent;border-radius:6px;color:#6b7280;font-size:.875rem;font-weight:500;padding:.625rem 1rem;text-decoration:none;transition:all .15s ease}.nav-link[data-v-2380db63]:hover{background-color:#f9fafb;border-color:#e5e7eb;color:#374151}.nav-link.active[data-v-2380db63]{background-color:#0097b2;border-color:#0097b2;box-shadow:0 1px 2px #0097b21a;color:#fff}.nav-button[data-v-2380db63]{background:none;border:1px solid transparent;cursor:pointer}.nav-button.special[data-v-2380db63]{color:#0097b2}.nav-button.special[data-v-2380db63]:hover{background-color:#0097b2;border-color:#0097b2;color:#fff}.header-right[data-v-2380db63]{align-items:center;display:flex}.language-selector[data-v-2380db63]{position:relative}.language-toggle[data-v-2380db63]{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;justify-content:center;min-width:48px;padding:.5rem .875rem;transition:all .2s ease}.language-toggle[data-v-2380db63]:hover{background-color:#f9fafb;border-color:#0097b2;color:#0097b2;transform:translateY(-1px)}.language-toggle[data-v-2380db63]:focus{border-color:#0097b2;box-shadow:0 0 0 2px #0097b21a;outline:none}.sumo-logo-container[data-v-2380db63]{align-items:center;display:flex;justify-content:center;margin-left:1rem}.sumo-logo[data-v-2380db63]{border:1px solid #e5e7eb;border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;transition:opacity .2s ease;width:32px}.sumo-logo[data-v-2380db63]:hover{border-color:#d1d5db;opacity:.8}@media(max-width:1024px){.header-container[data-v-2380db63]{padding:0 1.5rem}.header-nav[data-v-2380db63]{gap:.125rem}.nav-link[data-v-2380db63]{font-size:.8125rem;padding:.625rem .875rem}}@media(max-width:768px){.app-header[data-v-2380db63]{height:56px}.header-container[data-v-2380db63]{padding:0 1rem}.logo-text[data-v-2380db63]{font-size:1.125rem}.header-logo[data-v-2380db63]{height:28px}.header-nav[data-v-2380db63]{display:none}.language-toggle[data-v-2380db63]{font-size:.75rem;min-width:40px;padding:.4375rem .75rem}.sumo-logo-container[data-v-2380db63]{margin-left:.5rem}.sumo-logo[data-v-2380db63]{height:24px;width:24px}.mobile-menu-toggle[data-v-2380db63]{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .15s ease;width:2.5rem}.mobile-menu-toggle[data-v-2380db63]:hover{background-color:#f9fafb;border-color:#d1d5db}.header-left[data-v-2380db63]{gap:1rem}.mobile-menu-icon[data-v-2380db63]{height:1.25rem;position:relative;width:1.25rem}.mobile-menu-icon span[data-v-2380db63]{background-color:#374151;border-radius:1px;height:2px;position:absolute;transition:all .2s ease;width:100%}.mobile-menu-icon span[data-v-2380db63]:first-child{top:0}.mobile-menu-icon span[data-v-2380db63]:nth-child(2){top:50%;transform:translateY(-50%)}.mobile-menu-icon span[data-v-2380db63]:nth-child(3){bottom:0}}@media(min-width:769px){.mobile-menu-toggle[data-v-2380db63]{display:none}}[data-v-2380db63]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lang-select[data-v-2380db63]:focus-visible,.nav-link[data-v-2380db63]:focus-visible{outline:2px solid #0097b2;outline-offset:2px}.modal-overlay[data-v-2380db63]{align-items:center;background-color:#00000080;display:flex;justify-content:center;inset:0;padding:1rem;position:fixed;z-index:1001}.modal-content[data-v-2380db63]{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header[data-v-2380db63]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 1.5rem 1rem}.modal-title[data-v-2380db63]{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close[data-v-2380db63]{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-close[data-v-2380db63]:hover{color:#374151}.modal-body[data-v-2380db63]{padding:0 1.5rem 1rem}.modal-footer[data-v-2380db63]{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.form-group[data-v-2380db63]{margin-bottom:1rem}.form-group label[data-v-2380db63]{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-input[data-v-2380db63]{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .15s ease;width:100%}.form-input[data-v-2380db63]:focus{border-color:#0097b2;box-shadow:0 0 0 2px #0097b21a;outline:none}.form-actions[data-v-2380db63]{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.login-button[data-v-2380db63],.test-button[data-v-2380db63]{background-color:#0097b2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s;width:100%}.login-button[data-v-2380db63]:hover,.test-button[data-v-2380db63]:hover{background-color:#007a8e;transform:translateY(-1px)}.cancel-button[data-v-2380db63]{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .15s ease}.cancel-button[data-v-2380db63]:hover{background-color:#f9fafb;border-color:#9ca3af}.error-message[data-v-2380db63]{color:#6b7280;font-size:.875rem;margin-top:.5rem}.microphone-test[data-v-2380db63]{padding:2rem 0;text-align:center}.recording-indicator[data-v-2380db63]{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.pulsing-circle[data-v-2380db63]{animation:pulse-2380db63 1.5s infinite;background-color:#f59e0b;border-radius:50%;height:24px;width:24px}@keyframes pulse-2380db63{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.recording-text[data-v-2380db63]{animation:fadeInOut-2380db63 1.5s infinite;color:#f59e0b;font-size:1rem;font-weight:500}@keyframes fadeInOut-2380db63{0%,to{opacity:1}50%{opacity:.6}}.test-button.recording[data-v-2380db63]{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.test-button.recording[data-v-2380db63]:hover{background-color:#d97706;border-color:#d97706}.recording-status[data-v-2380db63]{border-radius:6px;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.75rem}.recording-status.success[data-v-2380db63]{background-color:#e0f2f7;border:1px solid #0097b2;color:#0097b2}.recording-status.error[data-v-2380db63]{background-color:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.recording-status.info[data-v-2380db63]{background-color:#e0f2f7;border:1px solid #0097b2;color:#0097b2}.transcription-display[data-v-2380db63]{background-color:#f9fafb;border:2px solid #e5e7eb;border-left:4px solid #0097b2;border-radius:8px;margin-top:1.5rem;padding:1rem}.transcription-display h4[data-v-2380db63]{color:#0097b2;font-size:1rem;font-weight:600;margin:0 0 .75rem}.transcription-text[data-v-2380db63]{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:1rem;line-height:1.6;min-height:3rem;padding:.75rem;white-space:pre-wrap}.playback-options[data-v-2380db63]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;padding:1rem}.playback-mode-selector[data-v-2380db63]{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.mode-option[data-v-2380db63]{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.mode-option[data-v-2380db63]:hover{border-color:#0097b2}.mode-option input[type=radio][data-v-2380db63]{accent-color:#0097b2}.mode-option input[type=radio]:checked+.mode-label[data-v-2380db63]{color:#0097b2;font-weight:600}.mode-label[data-v-2380db63]{color:#374151;font-size:.875rem;font-weight:500}.audio-playback[data-v-2380db63]{text-align:center}.playback-button[data-v-2380db63]{align-items:center;background-color:#0097b2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.playback-button[data-v-2380db63]:hover{background-color:#007a8e;transform:translateY(-1px)}.live-transcription[data-v-2380db63]{background-color:#e0f2f7;border:2px solid #0097b2;border-radius:8px;margin-top:1rem;padding:1rem}.live-transcription h4[data-v-2380db63]{color:#0097b2;font-size:1rem;font-weight:600;margin:0 0 .75rem}.live-transcription-text[data-v-2380db63]{background-color:#fff;border:1px solid #0097b2;border-radius:4px;color:#0097b2;font-size:1rem;line-height:1.6;min-height:2rem;padding:.5rem;white-space:pre-wrap}body{padding-top:0!important}@media(max-width:768px){body{padding-top:0!important}}*{box-sizing:border-box}body,html{background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;padding:0}.main-content{min-height:calc(100vh - 70px)}@media(max-width:768px){.main-content{min-height:calc(100vh - 60px)}}