@tailwind base;@tailwind components;@tailwind utilities;:root{--app-background-color: #f5f2e9}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;font-family:Tektur,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--app-background-color)!important;transition:background-color .3s ease;scrollbar-width:none;overscroll-behavior:contain}.app-container,.settings-container,.main-content,.section-container,.section-header,.section-content,.form-container,.tab-container,.clients-container{background-color:var(--app-background-color)!important}body .clients-container,html body .clients-container,#root .clients-container,.app-container .clients-container,div.clients-container{background-color:var(--app-background-color)!important;min-height:100vh!important}.app-container{min-height:100vh}.main-content{padding-top:64px}.login-form{max-width:400px;margin:100px auto;padding:20px;border:1px solid #ccc;border-radius:4px}.form-group{margin-bottom:15px}input{width:100%;padding:8px;margin:5px 0;border:1px solid #ddd;border-radius:4px}button{width:100%;padding:10px;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background:#357abd}.nav-container{@apply fixed top-0 left-0 right-0 bg-black h-16 z-50;}.nav-content{@apply max-w-7xl mx-auto px-4 h-full flex items-center gap-6;}.nav-link{@apply text-white no-underline text-base font-medium px-4 py-2 hover:opacity-80;}.scroll-locked{scrollbar-width:none}.scroll-locked::-webkit-scrollbar{width:0;height:0}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{width:0px;height:0px}a:hover{color:#efbf04}button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#efbf04;border-color:#efbf04;color:#000}*,*:before,*:after{box-sizing:border-box}:root{--brand: #ff8e23;--bg: #000000;--card: #ffffff;--input: #f1f5ff;--border: #d0d7e2;--text: #121212;--subtle: #6b7280;font-family:Inter,sans-serif}body,html,#root{height:100%;margin:0;background:#000!important}.login__outer{display:flex;align-items:center;justify-content:center;min-height:100vh;height:100vh}.login__card{width:100%;max-width:420px;padding:2.5rem 3rem;background:var(--card);border-radius:18px;box-shadow:0 12px 40px #00000012;text-align:center}.login__logo{width:160px;margin-bottom:1.5rem;display:block;margin-left:auto;margin-right:auto}.login__title{margin:0 0 2rem;font-size:1.25rem;font-weight:600;color:var(--text)}.login__form{display:flex;flex-direction:column;gap:1.25rem}.login__label{width:100%;text-align:left;color:var(--text);font-size:.875rem;font-weight:500}.login__input{margin-top:.35rem;width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--input);font-size:.95rem;outline:none;transition:border-color .2s ease}.login__input:focus{border-color:var(--brand)}.login__input:disabled{opacity:.6;cursor:not-allowed}.login__input-error{border-color:#ef4444;background-color:#fef2f2}.login__btn{margin-top:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.login__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #0000001f}.login__btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.login__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login__btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.login__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.login__error{margin-bottom:1.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;text-align:center}.login__error-message{margin:0;font-size:.875rem;color:#dc2626;font-weight:500}.login__success{margin-bottom:1.5rem;padding:.75rem 1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;text-align:center}.login__success-message{margin:0;font-size:.875rem;color:#166534;font-weight:500}.login__password-strength{margin-top:.5rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;text-align:left}.login__strength-item{font-size:.75rem;color:#64748b;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.login__strength-item:last-child{margin-bottom:0}.login__strength-valid{color:#059669;font-weight:500}.login__footer{margin-top:2rem;font-size:.75rem;color:var(--subtle)}.login__toggle{margin-top:1.5rem;text-align:center}.login__toggle-text{font-size:.875rem;color:var(--subtle);margin:0}.login__toggle-btn{background:none;border:none;color:var(--brand);font-weight:700;cursor:pointer;margin-left:.5rem;text-decoration:underline;transition:color .2s ease}.login__toggle-btn:hover:not(:disabled){color:#e67e00}.login__toggle-btn:disabled{opacity:.6;cursor:not-allowed}.login__passcode-success{margin-bottom:1.5rem;padding:.75rem 1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;text-align:center}.login__passcode-message{margin:0;font-size:.875rem;color:#166534;font-weight:500}@media (max-width: 480px){.login__card{border-radius:0;height:100%;max-width:none;box-shadow:none}}.passcode-entry{width:100%;max-width:420px;padding:2.5rem 3rem;background:var(--card);border-radius:18px;box-shadow:0 12px 40px #00000012;text-align:center}.passcode-header{margin-bottom:2rem}.passcode-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text)}.passcode-subtitle{margin:0;font-size:.875rem;color:var(--subtle);line-height:1.5}.passcode-form{display:flex;flex-direction:column;gap:1.25rem}.passcode-input-group{position:relative}.passcode-label{width:100%;text-align:left;color:var(--text);font-size:.875rem;font-weight:500;margin-bottom:.35rem;display:block}.passcode-input{width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--input);font-size:.95rem;outline:none;transition:border-color .2s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em}.passcode-input:focus{border-color:var(--brand)}.passcode-input-error{border-color:#ef4444;background-color:#fef2f2}.passcode-input:disabled{opacity:.6;cursor:not-allowed}.passcode-error{margin-top:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;text-align:center;display:flex;align-items:center;gap:.5rem}.passcode-error-icon{color:#ef4444;flex-shrink:0}.passcode-attempts{font-size:.75rem;color:var(--subtle);margin-top:.5rem}.passcode-troubleshoot{margin-top:1rem;padding:.75rem;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;font-size:.75rem;color:#92400e}.passcode-actions{display:flex;gap:1rem;margin-top:1.5rem}.passcode-btn{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.passcode-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.passcode-btn-primary{color:#fff;background:var(--brand)}.passcode-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #0000001f}.passcode-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.passcode-btn-secondary{color:var(--text);background:#f3f4f6;border:1px solid var(--border)}.passcode-btn-secondary:hover:not(:disabled){background:#e5e7eb}.passcode-btn-secondary:active:not(:disabled){background:#d1d5db}.passcode-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.passcode-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.passcode-footer{margin-top:2rem;font-size:.75rem;color:var(--subtle)}.passcode-help{margin-top:1rem;font-size:.75rem;color:var(--subtle);line-height:1.4}@media (max-width: 480px){.passcode-entry{border-radius:0;height:100%;max-width:none;box-shadow:none}.passcode-actions{flex-direction:column}}.prelogin-outer{display:flex;align-items:center;justify-content:center;min-height:100vh;height:100vh}.prelogin-card{width:100%;max-width:420px;padding:2.5rem 3rem;background:var(--card);border-radius:18px;box-shadow:0 12px 40px #00000012;text-align:center}.prelogin-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text)}.prelogin-subtitle{margin:0 0 2rem;font-size:.875rem;color:var(--subtle);line-height:1.5}.prelogin-input{width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--input);font-size:.95rem;outline:none;transition:border-color .2s ease;margin-bottom:1.5rem}.prelogin-input:focus{border-color:var(--brand)}.prelogin-btn{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.prelogin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #0000001f}.prelogin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.prelogin-error{margin-top:1rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.audio-controls{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;color:#fff;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:300px;max-width:400px;margin:20px auto}.audio-controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.audio-controls-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#fff}.call-duration{background:#fff3;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500;font-family:Courier New,monospace}.audio-controls-body{display:flex;flex-direction:column;gap:20px}.call-status{display:flex;flex-direction:column;gap:8px}.status-indicator{display:flex;align-items:center;gap:8px;font-weight:500;padding:8px 12px;border-radius:8px;background:#ffffff1a}.status-indicator.connected{background:#22c55e33;border:1px solid rgba(34,197,94,.3)}.status-indicator.disconnected{background:#ef444433;border:1px solid rgba(239,68,68,.3)}.ringing-indicator{display:flex;align-items:center;gap:8px;font-weight:500;padding:8px 12px;border-radius:8px;background:#f59e0b33;border:1px solid rgba(245,158,11,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.audio-level-container{display:flex;flex-direction:column;gap:8px}.audio-level-label{font-size:.9rem;font-weight:500;color:#ffffffe6}.audio-level-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden;position:relative}.audio-level-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .1s ease;position:relative}.audio-level-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.audio-level-text{font-size:.8rem;color:#fffc;text-align:right}.mute-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;background:#fff3;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1rem}.mute-button:hover{background:#ffffff4d;transform:translateY(-1px)}.mute-button.muted{background:#ef44444d;border:1px solid rgba(239,68,68,.5)}.mute-button.muted:hover{background:#ef444466}.volume-control{display:flex;flex-direction:column;gap:8px}.volume-control label{font-size:.9rem;font-weight:500;color:#ffffffe6}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#fff3;border-radius:3px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.volume-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.volume-text{font-size:.8rem;color:#fffc;text-align:right}.call-actions{display:flex;gap:10px}.end-call-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;background:#ef44444d;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1rem;border:1px solid rgba(239,68,68,.5)}.end-call-button:hover{background:#ef444466;transform:translateY(-1px)}.debug-info{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.debug-info summary{cursor:pointer;font-size:.8rem;color:#ffffffb3;margin-bottom:10px}.debug-info pre{background:#0000004d;padding:10px;border-radius:6px;font-size:.7rem;color:#10b981;overflow-x:auto;margin:0}@media (max-width: 480px){.audio-controls{min-width:280px;padding:15px}.audio-controls-header h3{font-size:1.1rem}.mute-button,.end-call-button{padding:10px 16px;font-size:.9rem}}@media (prefers-color-scheme: dark){.audio-controls{background:linear-gradient(135deg,#1f2937,#374151)}}@media (prefers-contrast: high){.audio-controls,.mute-button,.end-call-button{border:2px solid white}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.spreadsheet-table{width:100%;border-collapse:collapse;background-color:#fff;table-layout:fixed;border:1px solid #000}.spreadsheet-table th,.spreadsheet-table td{border:1px solid #000;padding:6px 8px;font-size:13px;font-family:Arial,sans-serif}.spreadsheet-table th{background-color:#f8f9fa;font-weight:700;text-align:left;height:24px;position:sticky;top:0;z-index:1;border-bottom:2px solid #000}.spreadsheet-table td{height:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.spreadsheet-table input{width:100%;border:none;padding:0;background-color:transparent;font-size:13px;font-family:Arial,sans-serif;position:absolute;top:0;left:0;height:100%}.context-menu{min-width:200px;padding:6px 0;background:#fff}.menu-item{display:block;width:100%;padding:6px 20px;border:none;background:none;text-align:left;font-size:13px;cursor:pointer;font-family:Arial,sans-serif;color:#000}.menu-item:hover{background-color:#f1f3f4}.menu-separator{height:1px;background-color:#e0e0e0;margin:6px 0}#root{margin:0;padding:0;width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{width:100%;min-height:100vh}body{margin:0;padding:0;width:100%;overflow-x:hidden}.followStrip{scrollbar-width:thin;scrollbar-color:#888 rgba(0,0,0,.25)}.followStrip::-webkit-scrollbar{height:8px}.followStrip::-webkit-scrollbar-track{background:#00000040}.followStrip::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.followStrip:hover::-webkit-scrollbar-thumb{background:#aaa}.main-content{overflow:visible}