@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-rounded-DoJXlJAG.woff2)format("woff2")}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--orange:#fd690d;--orange-hover:#e05c05;--orange-soft:#fff3eb;--orange-pale:#fff7f1;--page:#f7f7f7;--page-alt:#f4f5f7;--surface:#fff;--surface-muted:#f2f3f5;--surface-input:#f7f7f7;--text:#222;--text-strong:#1d2127;--text-mid:#66707a;--text-soft:#8a9098;--text-faint:#9aa0a6;--border:#e5e5e5;--border-soft:#ececec;--border-faint:#f0f0f0;--danger:#dc2626;--success:#16a34a;--blue:#2563eb;--warning:#ea9310;--shadow-sm:0 3px 16px #1414280a;--shadow-menu:0 14px 34px #0000001f;--focus-ring:0 0 0 3px #fd690d2e}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1e1e1e;--page-alt:#1e1e1e;--surface:#171717;--surface-muted:#2a2b33;--surface-input:#26272e;--text:#e9e9f0;--text-strong:#f2f2f7;--text-mid:#c9cad2;--text-soft:#868b97;--text-faint:#7d828e;--border:#333;--border-soft:#2b2b2b;--border-faint:#2b2b2b;--orange-soft:#3a2a1e;--orange-pale:#32271f;--shadow-sm:0 3px 16px #0000002e;--shadow-menu:0 14px 34px #0000005c}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--page)}body{min-width:320px;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;font-family:Inter Variable,Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring)}button{color:inherit}a{color:var(--orange);text-decoration:none}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;flex:none;line-height:1}.material-symbols-rounded.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.logo-inverted{filter:brightness(0)invert()}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.spacer{flex:1}.divider{background:var(--border);width:1px;height:24px}.avatar{background:linear-gradient(135deg, var(--orange), #ff8a3d);color:#fff;background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-small{width:38px;height:38px;font-size:14px}.avatar-large{border:4px solid var(--surface);width:104px;height:104px;font-size:38px;font-weight:700;box-shadow:0 8px 24px #14142824}.btn{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,color .15s,transform .15s;display:inline-flex}.btn .material-symbols-rounded{font-size:19px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 18px #fd690d40}.btn-primary:hover:not(:disabled){background:var(--orange-hover)}.btn-ghost{background:var(--surface-muted);color:var(--text-mid)}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--surface-muted), var(--text) 8%)}.btn-danger{background:var(--surface);color:var(--danger);border:1px solid #fbd5d5}.btn-danger:hover{background:#fef2f2}.toast{color:#fff;z-index:100;background:#222;border-radius:12px;align-items:center;gap:9px;max-width:min(440px,100vw - 32px);padding:12px 20px;font-size:13.5px;font-weight:500;animation:.2s toast-in;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.toast .material-symbols-rounded{color:var(--orange);font-size:19px}.toast-error .material-symbols-rounded{color:#f87171}.shadcn-dialog-overlay{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10141a7a;animation:.16s overlay-fade;position:fixed;inset:0}.modal{z-index:81;border:1px solid var(--border);width:min(430px,100vw - 32px);color:var(--text);background:var(--surface);border-radius:16px;padding:0;animation:.16s shadcn-dialog-pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 60px #0000003d}.modal-header{border-bottom:1px solid var(--border-faint);align-items:center;min-height:58px;padding:0 14px 0 20px;display:flex}.modal-header h2{flex:1;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.modal-header h2 .material-symbols-rounded{color:var(--orange);font-size:20px}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{background:var(--surface-muted)}.modal-body{padding:20px}.modal-body input{border:1px solid var(--border);width:100%;height:44px;color:var(--text);background:var(--surface-input);border-radius:11px;padding:0 12px}.modal-body input:focus{border-color:var(--orange);background:var(--surface);box-shadow:var(--focus-ring)}.modal-field{color:var(--text-mid);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.modal-footer{justify-content:flex-end;gap:9px;padding:12px 20px 18px;display:flex}.shadcn-tooltip-content{z-index:110;color:#fff;background:#25282d;border-radius:7px;padding:6px 9px;font-size:11.5px;font-weight:500;animation:.12s overlay-fade;box-shadow:0 5px 16px #0003}.fatal-state,.not-found,.calls-load-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.fatal-state-icon,.not-found-icon,.calls-load-error>.material-symbols-rounded{background:var(--orange-soft);width:88px;height:88px;color:var(--orange);border-radius:50%;place-items:center;display:grid}.fatal-state-icon .material-symbols-rounded,.not-found-icon .material-symbols-rounded,.calls-load-error>.material-symbols-rounded{font-size:42px}.fatal-state h1,.not-found h1,.calls-load-error h1{margin:18px 0 6px;font-size:24px}.fatal-state p,.not-found>p:not(.eyebrow),.calls-load-error p{color:var(--text-soft);margin:0 0 20px}.not-found .eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.8px;margin:18px 0 0;font-size:12px;font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--surface);background:#d7d9dc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c5c8cc}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes shadcn-dialog-pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{background:var(--surface);grid-template-columns:1.05fr 1fr;width:100%;min-height:100vh;animation:.4s login-fade;display:grid;overflow:hidden}.login-brand{color:#fff;background:linear-gradient(150deg,#fd690d 0%,#f2560a 55%,#c9410a 100%);flex-direction:column;justify-content:center;gap:clamp(26px,4vh,42px);padding:clamp(34px,4vw,56px);display:flex;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";background:#ffffff17;border-radius:50%;position:absolute}.login-brand:before{width:clamp(220px,26vw,340px);height:clamp(220px,26vw,340px);top:-90px;right:-70px}.login-brand:after{background:#ffffff12;width:clamp(150px,16vw,220px);height:clamp(150px,16vw,220px);bottom:-60px;left:-50px}.login-brand-logo{z-index:1;position:absolute;top:clamp(28px,3.5vw,46px);left:clamp(34px,4vw,56px)}.login-brand-logo img{width:auto;height:clamp(34px,4.6vh,54px);display:block}.login-hero{z-index:1;max-width:440px;position:relative}.login-hero h1{letter-spacing:-.5px;margin:0 0 14px;font-size:clamp(23px,2.5vw,34px);font-weight:800;line-height:1.22}.login-hero p{color:#ffffffe6;max-width:38ch;margin:0;font-size:clamp(13.5px,1vw,16px);line-height:1.6}.login-features{z-index:1;flex-direction:column;gap:clamp(12px,1.8vh,18px);max-width:440px;display:flex;position:relative}.login-feature{align-items:center;gap:13px;display:flex}.login-feature-icon{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff29;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.login-feature-icon .material-symbols-rounded{font-size:22px}.login-feature strong{font-size:13.5px;line-height:1.2;display:block}.login-feature small{color:#ffffffd1;margin-top:2px;font-size:12px;display:block}.login-form-panel{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;padding:46px;display:flex}.login-form-inner{width:100%;max-width:400px}.login-form-head{margin-bottom:clamp(20px,3vh,28px)}.login-form-head h2{color:var(--text-strong);letter-spacing:-.3px;margin:0 0 6px;font-size:clamp(21px,2vw,26px);font-weight:800}.login-form-head p{color:var(--text-soft);margin:0;font-size:clamp(13px,1vw,14.5px)}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fbd5d5;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;animation:.4s login-shake;display:flex}.login-error .material-symbols-rounded{font-size:18px}.login-form-panel .field{margin-bottom:16px}.login-form-panel .field>label{color:var(--text-mid);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .field-icon{color:var(--text-faint);pointer-events:none;font-size:20px;transition:color .15s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-wrap:focus-within .field-icon{color:var(--orange)}.input-wrap input{border:1px solid var(--border);background:var(--surface-input);width:100%;height:48px;color:var(--text);border-radius:12px;padding:0 44px 0 42px;font-size:14px;transition:all .15s}.input-wrap input:focus{border-color:var(--orange);background:var(--surface);box-shadow:var(--focus-ring)}.password-toggle{cursor:pointer;color:var(--text-faint);background:0 0;border:0;border-radius:8px;padding:7px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--orange)}.login-options{justify-content:space-between;align-items:center;margin:-2px 0 20px;font-size:13px;display:flex}.login-options label{color:var(--text-mid);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.login-options input{accent-color:var(--orange);cursor:pointer;width:15px;height:15px}.login-options button{color:var(--orange);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:13px}.login-options button:hover{text-decoration:underline}.login-submit{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-size:15px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 10px 22px #fd690d4d}.login-submit:hover{background:var(--orange-hover)}.login-submit:active{transform:translateY(1px)}.login-hint{border-top:1px solid var(--border-faint);color:var(--text-faint);text-align:center;margin:22px 0 0;padding-top:16px;font-size:12px;line-height:1.7}.login-hint code{background:var(--surface-muted);color:var(--text-mid);border-radius:5px;padding:1px 6px;font-size:11.5px}@keyframes login-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes login-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.calls-app{background:var(--page);flex-direction:column;height:100vh;display:flex;overflow:hidden}.calls-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;flex:none;align-items:center;gap:20px;height:62px;padding:0 20px;display:flex;position:relative}.calls-brand{align-items:center;gap:14px;min-width:230px;display:flex}.calls-brand img{width:auto;height:30px;display:block}.calls-brand>span{background:var(--border);width:1px;height:26px}.calls-brand strong{color:var(--text-mid);letter-spacing:.2px;white-space:nowrap;font-size:13px;font-weight:600}.global-search{flex:1;max-width:560px;margin:0 auto;position:relative}.global-search>.material-symbols-rounded{color:var(--text-faint);pointer-events:none;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.global-search input{appearance:none;border:1px solid var(--border);background:var(--surface-input);width:100%;height:40px;color:var(--text);border-radius:12px;padding:0 38px 0 40px;font-size:14px}.global-search input::-webkit-search-cancel-button{display:none}.global-search input:focus{border-color:var(--orange);background:var(--surface);box-shadow:var(--focus-ring)}.global-search-clear{cursor:pointer;color:var(--text-faint);background:0 0;border:0;border-radius:6px;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.global-search-clear .material-symbols-rounded{font-size:20px}.search-history{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-menu);z-index:50;border-radius:12px;padding:6px;animation:.12s menu-fade;position:absolute;top:46px;left:0;right:0}.search-history p,.date-menu p{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin:0;padding:6px 10px 4px;font-size:11px;font-weight:600}.search-history button{cursor:pointer;width:100%;color:var(--text-mid);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.search-history button:hover{background:var(--surface-input)}.search-history button .material-symbols-rounded{color:var(--text-faint);font-size:18px}.user-area{justify-content:flex-end;align-items:center;gap:12px;min-width:230px;display:flex;position:relative}.user-summary{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.user-summary strong{font-size:13px;line-height:1}.user-summary small{color:var(--text-soft);align-items:center;gap:5px;font-size:11px;line-height:1;display:flex}.user-summary i{background:#22c55e;border-radius:50%;width:7px;height:7px}.avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:38px;height:38px;padding:0}.avatar-button:hover{box-shadow:0 0 0 3px #fd690d2e}.user-menu,.more-menu{background:var(--surface);border:1px solid var(--border);width:236px;box-shadow:var(--shadow-menu);z-index:50;border-radius:12px;padding:6px;animation:.12s menu-fade;position:absolute;top:52px;right:0}.shadcn-dropdown-content.user-menu{z-index:70;position:relative;top:auto;right:auto}.user-menu-head{border-bottom:1px solid var(--border-faint);align-items:center;gap:10px;margin-bottom:5px;padding:9px 10px 11px;display:flex}.user-menu-head>div{min-width:0}.user-menu-head strong,.user-menu-head small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-menu-head strong{font-size:13px}.user-menu-head small{color:var(--text-soft);margin-top:3px;font-size:11.5px}.user-menu>button,.more-menu button{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;display:flex}.user-menu>button:hover,.more-menu button:hover:not(:disabled){background:var(--surface-input)}.user-menu>button .material-symbols-rounded,.more-menu button .material-symbols-rounded{color:var(--text-mid);font-size:19px}.user-menu>button.danger,.user-menu>button.danger .material-symbols-rounded{color:var(--danger)}.user-menu hr{background:var(--border-faint);border:0;height:1px;margin:5px 0}.user-menu .shadcn-dropdown-item{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;display:flex}.user-menu .shadcn-dropdown-item[data-highlighted]{background:var(--surface-input)}.user-menu .shadcn-dropdown-item .material-symbols-rounded{color:var(--text-mid);font-size:19px}.user-menu .shadcn-dropdown-item.danger,.user-menu .shadcn-dropdown-item.danger .material-symbols-rounded{color:var(--danger)}.shadcn-dropdown-separator{background:var(--border-faint);height:1px;margin:5px 0}.more-menu button:disabled{opacity:.45;cursor:not-allowed}.calls-workspace{flex:1;min-height:0;display:flex}.calls-list-panel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;width:32%;min-width:340px;max-width:440px;min-height:0;display:flex}.calls-list-header{border-bottom:1px solid var(--border-faint);padding:14px 16px 10px}.calls-list-title{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.calls-list-title h1{margin:0;font-size:17px;font-weight:700}.calls-list-title span{color:var(--text-soft);font-size:12px;font-weight:500}.call-filters{align-items:center;gap:8px;display:flex}.filter-pills{scrollbar-width:thin;flex:1;gap:7px;padding:2px 1px;display:flex;overflow-x:auto}.filter-pills button{cursor:pointer;white-space:nowrap;background:var(--surface-muted);color:var(--text-mid);border:1px solid #0000;border-radius:20px;flex:none;align-items:center;gap:5px;padding:6px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.filter-pills button .material-symbols-rounded{font-size:16px}.filter-pills button.active{background:var(--orange);color:#fff;border-color:var(--orange)}.date-filter{flex:none;position:relative}.date-filter-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;min-height:32px;color:var(--text-mid);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:0 10px 0 11px;font-size:12.5px;font-weight:500;display:flex}.date-filter-button .material-symbols-rounded{font-size:17px}.date-filter-button:hover,.date-filter-button.active{border-color:var(--orange);color:var(--orange)}.date-filter-button.active{background:var(--orange-soft)}.date-menu{background:var(--surface);border:1px solid var(--border);width:186px;box-shadow:var(--shadow-menu);z-index:20;border-radius:12px;padding:5px;animation:.12s menu-fade;position:absolute;top:38px;right:0}.date-menu p{font-size:10.5px;font-weight:700}.date-menu button{cursor:pointer;width:100%;color:var(--text-mid);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.date-menu button:hover{background:var(--surface-input)}.date-menu button.active{background:var(--orange-soft);color:var(--orange);font-weight:600}.date-menu button .material-symbols-rounded{color:var(--text-faint);font-size:18px}.calls-list-scroll{flex:1;min-height:0;overflow-y:auto}.call-group>h2{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;background:var(--surface);z-index:1;margin:0;padding:12px 16px 5px;font-size:11px;font-weight:700;position:sticky;top:0}.call-row{text-align:left;cursor:pointer;border:0;border-bottom:1px solid color-mix(in srgb, var(--border-faint), transparent 15%);background:var(--surface);gap:12px;width:100%;padding:11px 16px;display:flex;position:relative}.call-row:hover{background:color-mix(in srgb, var(--surface), var(--text) 2%)}.call-row.selected{background:var(--orange-soft);box-shadow:inset 3px 0 0 var(--orange)}.call-avatar{width:46px;height:46px;color:var(--orange);background:#fd690d1a;border-radius:50%;flex:none;place-items:center;display:grid}.call-avatar .material-symbols-rounded{font-size:23px}.call-row.selected .call-avatar{background:var(--orange);color:#fff}.call-row-content{flex:1;min-width:0}.call-row-line{align-items:center;gap:6px;display:flex}.call-row-line strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14.5px;font-weight:600;overflow:hidden}.call-row-line>.material-symbols-rounded{color:var(--orange);font-size:16px}.call-row-line time{color:var(--text-faint);white-space:nowrap;font-size:11.5px;font-weight:500}.call-phone{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;display:block;overflow:hidden}.call-snippet{color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;font-style:italic;display:block;overflow:hidden}.call-meta{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.call-meta>span{align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}.call-meta>span:last-child{color:var(--text-faint);gap:3px}.call-meta i{border-radius:50%;width:8px;height:8px}.call-meta .material-symbols-rounded{font-size:14px}.no-results{text-align:center;color:var(--text-faint);padding:60px 30px}.no-results>.material-symbols-rounded{color:color-mix(in srgb, var(--text-faint), transparent 35%);font-size:44px}.no-results p{margin:12px 0 5px;font-size:14px}.no-results small{font-size:11.5px;line-height:1.45}.call-detail{background:var(--page);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.call-detail.no-selection{text-align:center;justify-content:center;align-items:center;padding:40px}.no-selection-icon{background:var(--surface);border-radius:50%;place-items:center;width:120px;height:120px;margin-bottom:24px;display:grid;box-shadow:0 8px 30px #0000000d}.no-selection-icon .material-symbols-rounded{color:var(--orange);font-size:56px}.no-selection h2{color:var(--text-strong);margin:0;font-size:20px;font-weight:600}.no-selection p{color:var(--text-soft);max-width:380px;margin:10px 0 0;font-size:14.5px;line-height:1.55}.call-detail-header{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;min-height:77px;padding:14px 24px;display:flex}.mobile-back{display:none}.detail-call-icon{width:48px;height:48px;color:var(--orange);background:#fd690d1f;border-radius:50%;flex:none;place-items:center;display:grid}.detail-call-icon .material-symbols-rounded{font-size:26px}.detail-heading{flex:1;min-width:0}.detail-heading>div:first-child{align-items:center;gap:9px;min-width:0;display:flex}.detail-heading h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;overflow:hidden}.detail-heading>div:first-child>span{color:var(--text-soft);white-space:nowrap;font-size:13px;font-weight:500}.detail-badges{flex-wrap:wrap;gap:7px;margin-top:6px;display:flex}.detail-badges>span{color:var(--text-mid);background:var(--surface-muted);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;display:inline-flex}.detail-badges .material-symbols-rounded{font-size:14px}.detail-badges .confidence{font-weight:600}.detail-badges .confidence.high{color:var(--success);background:#16a34a1f}.detail-badges .confidence.medium{color:var(--warning);background:#ea931024}.detail-badges .confidence.low{color:var(--danger);background:#dc26261f}.detail-actions{align-items:center;gap:4px;display:flex}.detail-actions>button,.detail-actions>div>button{cursor:pointer;width:40px;height:40px;color:var(--text-mid);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.detail-actions>button:hover:not(:disabled),.detail-actions>div>button:hover{background:var(--surface-muted)}.detail-actions button:disabled{opacity:.36;cursor:not-allowed}.detail-actions .material-symbols-rounded{font-size:22px}.detail-actions .favorite{color:var(--orange)}.more-wrap{position:relative}.more-menu{width:230px;top:44px}.transcript-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.transcript-state-icon{border-radius:50%;place-items:center;width:96px;height:96px;margin-bottom:20px;display:grid}.transcript-state-icon .material-symbols-rounded{font-size:44px}.transcript-state-icon.status-failed{color:var(--danger);background:#dc26261a}.transcript-state-icon.status-processing{color:var(--warning);background:#ea93101f}.transcript-state-icon.status-processing .material-symbols-rounded{animation:1.6s linear infinite spin}.transcript-state-icon.status-unavailable{color:var(--success);background:#16a34a1a}.transcript-state h3{color:var(--text-strong);margin:0;font-size:18px;font-weight:600}.transcript-state p{color:var(--text-soft);max-width:360px;margin:9px 0 0;font-size:14px;line-height:1.5}.transcript-state .btn{margin-top:18px}.call-detail-scroll{flex:1;min-height:0;overflow-y:auto}.detail-sticky{z-index:5;background:var(--page);padding:18px 24px 8px;position:sticky;top:0}.audio-card{background:var(--surface);border-radius:16px;padding:18px 22px;box-shadow:0 4px 16px #00000012}.audio-card audio{display:none}.audio-controls{align-items:center;gap:16px;display:flex}.skip-button{background:var(--surface-muted);cursor:pointer;width:42px;height:42px;color:var(--text-mid);border:0;border-radius:12px;place-items:center;display:grid}.skip-button:hover:not(:disabled){background:color-mix(in srgb, var(--surface-muted), var(--text) 8%)}.play-button{background:var(--orange);cursor:pointer;color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 6px 16px #fd690d59}.play-button:hover:not(:disabled){background:var(--orange-hover)}.play-button .material-symbols-rounded{font-size:30px}.audio-controls button:disabled{opacity:.4;cursor:not-allowed}.wave-area{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.waveform{cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;width:100%;height:48px;padding:0;display:flex;position:relative}.waveform>i{pointer-events:none;border-radius:3px;flex:1;min-width:2px;transition:background .15s}.wave-bookmark{pointer-events:none;background:#25282d;border-radius:2px;width:2px;position:absolute;top:1px;bottom:1px;transform:translate(-50%)}.wave-bookmark:before{content:"";background:#25282d;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.audio-time{color:var(--text-soft);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.player-menu-wrap{position:relative}.speed-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;height:34px;color:var(--text-mid);border-radius:10px;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.speed-button .material-symbols-rounded{font-size:17px}.speed-button:hover:not(:disabled),.volume-button:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.volume-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:38px;height:34px;color:var(--text-mid);border-radius:10px;place-items:center;display:grid}.volume-button .material-symbols-rounded{font-size:21px}.speed-menu,.volume-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-menu);z-index:20;border-radius:10px;min-width:96px;padding:5px;animation:.12s menu-fade;position:absolute;bottom:40px;right:0}.speed-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:7px 12px;font-size:13px;font-weight:500}.speed-menu button:hover{background:var(--surface-input)}.speed-menu button.active{background:var(--orange-soft);color:var(--orange)}.volume-menu{width:150px;padding:12px 14px}.volume-menu input{width:100%;accent-color:var(--orange)}.audio-missing-message{color:var(--text-soft);text-align:center;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:12px;display:flex}.audio-missing-message .material-symbols-rounded{font-size:17px}.transcript-toolbar{align-items:center;gap:8px;margin:12px 0 0;display:flex}.conversation-search{flex:1;min-width:220px;position:relative}.conversation-search>.material-symbols-rounded{color:var(--text-faint);pointer-events:none;font-size:19px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.conversation-search input{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text);border-radius:12px;padding:0 120px 0 38px;font-size:13.5px}.conversation-search input:focus{border-color:var(--orange);box-shadow:var(--focus-ring)}.match-nav{align-items:center;gap:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.match-nav>span{color:var(--text-soft);font-variant-numeric:tabular-nums;text-align:right;min-width:46px;font-size:12px;font-weight:500}.match-nav button{background:var(--surface-muted);cursor:pointer;width:26px;height:26px;color:var(--text-mid);border:0;border-radius:7px;place-items:center;display:grid}.match-nav button .material-symbols-rounded{font-size:18px}.toolbar-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;height:40px;color:var(--text-mid);border-radius:11px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.toolbar-button:hover:not(:disabled),.toolbar-button.active{border-color:var(--orange);color:var(--orange);background:var(--orange-pale)}.toolbar-button:disabled{opacity:.45;cursor:not-allowed}.toolbar-button .material-symbols-rounded{font-size:18px}.bookmark-wrap{position:relative}.bookmark-menu{border:1px solid var(--border);background:var(--surface);width:230px;box-shadow:var(--shadow-menu);z-index:20;border-radius:12px;padding:6px;position:absolute;top:46px;right:0}.bookmark-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px 9px;display:flex}.bookmark-menu button:hover{background:var(--surface-input)}.bookmark-menu button>.material-symbols-rounded{color:var(--orange);font-size:18px}.bookmark-menu button span{font-size:12.5px;font-weight:500}.bookmark-menu button small{color:var(--text-soft);margin-top:2px;font-size:10.5px;display:block}.call-tags{flex-wrap:wrap;align-items:center;gap:7px;margin:12px 24px 0;display:flex}.call-tags>span{color:var(--text-mid);background:var(--surface-muted);border-radius:20px;align-items:center;gap:5px;padding:5px 6px 5px 11px;font-size:12px;font-weight:500;display:inline-flex}.call-tags>span>.material-symbols-rounded{color:var(--text-faint);font-size:14px}.call-tags>span button{cursor:pointer;color:var(--text-faint);background:0 0;border:0;padding:0;display:flex}.call-tags>span button:hover{color:var(--orange)}.call-tags>span button .material-symbols-rounded{font-size:16px}.call-tags>button{color:var(--text-soft);border:1px dashed color-mix(in srgb, var(--text-faint), transparent 35%);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.call-tags>button:hover{border-color:var(--orange);color:var(--orange)}.call-tags>button .material-symbols-rounded{font-size:15px}.call-notes{background:#fff9f4;border:1px solid #fce0cb;border-radius:14px;margin:12px 24px 0;padding:14px 16px;animation:.15s menu-fade}.call-notes h3{color:#b8560a;align-items:center;gap:7px;margin:0 0 8px;font-size:12.5px;font-weight:600;display:flex}.call-notes h3 .material-symbols-rounded{font-size:18px}.call-notes textarea{resize:vertical;color:#333;background:#fff;border:1px solid #f0d6c2;border-radius:10px;width:100%;min-height:70px;padding:10px 12px;font-size:13.5px;line-height:1.5}.call-notes textarea:focus{border-color:var(--orange);box-shadow:var(--focus-ring)}.transcript{flex-direction:column;gap:10px;padding:16px 24px 30px;display:flex}.transcript>h3{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;margin:0 0 2px;font-size:11px;font-weight:700}.transcript-segment{text-align:left;cursor:pointer;border:1px solid var(--border-soft);background:var(--surface);width:100%;color:var(--text);border-radius:14px;padding:13px 16px 13px 18px;transition:background .12s,border-color .12s;position:relative}.transcript-segment:hover{background:color-mix(in srgb, var(--surface), var(--text) 2%);border-color:color-mix(in srgb, var(--border), var(--text) 5%)}.transcript-segment.active{border-color:var(--orange);background:var(--orange-pale);box-shadow:0 2px 10px #fd690d14}.speaker-bar{background:var(--orange);border-radius:4px;width:4px;position:absolute;top:12px;bottom:12px;left:0}.transcript-segment.agent .speaker-bar{background:#c6cbd1}.segment-meta{align-items:center;gap:9px;margin-bottom:6px;display:flex}.segment-meta strong{color:var(--orange);background:#fd690d1f;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600}.transcript-segment.agent .segment-meta strong{color:#5b6470;background:#eef0f2}.segment-meta time{color:var(--text-faint);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:11.5px;font-weight:500;display:inline-flex}.segment-meta time .material-symbols-rounded{font-size:14px}.segment-meta em{color:var(--orange);align-items:center;gap:3px;font-size:10.5px;font-style:normal;font-weight:600;display:inline-flex}.segment-meta em .material-symbols-rounded{font-size:14px}.segment-text{color:var(--text);text-wrap:pretty;font-size:14.5px;line-height:1.6;display:block}.segment-text mark{color:#7a3403;background:#fd690d47;border-radius:3px;padding:0 2px;font-weight:500}.segment-text mark.current{background:var(--orange);color:#fff;font-weight:700}.call-not-found{text-align:center;justify-content:center;align-items:center;padding:40px}.call-not-found>span{background:var(--orange-soft);width:86px;height:86px;color:var(--orange);border-radius:50%;place-items:center;display:grid}.call-not-found>span .material-symbols-rounded{font-size:40px}.call-not-found h2{margin:18px 0 6px}.call-not-found p{color:var(--text-soft);margin:0 0 18px}.calls-loading{width:100%;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;display:flex}.calls-loading>span{border:3px solid var(--border);border-top-color:var(--orange);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.calls-loading p{font-size:13px}.calls-load-error{flex:1;min-height:0}:root[data-theme=dark] .transcript-segment.agent .segment-meta strong{color:#b8bbc4;background:#2a2b33}:root[data-theme=dark] .call-notes{background:#30241c;border-color:#5c3a22}:root[data-theme=dark] .call-notes textarea{color:var(--text);background:#211d1a;border-color:#5c3a22}:root[data-theme=dark] .segment-text mark{color:#ffd8be}:root[data-compact=true] .call-row{padding-top:7px;padding-bottom:7px}:root[data-compact=true] .transcript-segment{padding-top:9px;padding-bottom:9px}:root[data-compact=true] .setting-item{min-height:58px;padding:9px 0}@keyframes menu-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media print{.calls-topbar,.calls-list-panel,.detail-actions,.detail-sticky,.call-tags,.call-notes{display:none!important}.calls-app,.calls-workspace,.call-detail,.call-detail-scroll{height:auto;display:block;overflow:visible}.call-detail-header{border:0;padding:0 0 20px}.transcript{padding:0}.transcript-segment{break-inside:avoid}}.profile-page{background:var(--page-alt);min-height:100vh}.profile-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:16px;height:62px;padding:0 20px;display:flex;position:sticky;top:0}.profile-logo-wrap{align-items:center;gap:14px;display:flex}.profile-logo-wrap img{width:auto;height:28px;display:block}.app-subtitle{color:var(--text-mid);letter-spacing:.2px;font-size:13px;font-weight:600}.back-btn{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text-mid);border-radius:11px;align-items:center;gap:7px;margin-left:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.back-btn .material-symbols-rounded{font-size:19px}.back-btn:hover{border-color:var(--orange);color:var(--orange)}.profile-wrap{grid-template-columns:220px 1fr;align-items:start;gap:26px;max-width:980px;margin:0 auto;padding:26px 22px 60px;display:grid}.profile-page-title{grid-column:1/-1}.profile-page-title h1{color:var(--text-strong);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.profile-page-title p{color:var(--text-soft);margin:5px 0 0;font-size:13.5px}.profile-side{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:8px;position:sticky;top:82px}.profile-side a{color:var(--text-mid);border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.profile-side a .material-symbols-rounded{color:var(--text-soft);font-size:20px}.profile-side a:hover{background:var(--surface-input)}.profile-side a.active{background:var(--orange-soft);color:var(--orange);font-weight:600}.profile-side a.active .material-symbols-rounded{color:var(--orange)}.profile-content{flex-direction:column;gap:20px;min-width:0;display:flex}.profile-card{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);border-radius:18px;overflow:visible}.profile-card-header{border-bottom:1px solid var(--border-faint);align-items:center;gap:9px;min-height:54px;padding:0 22px;display:flex}.profile-card-header>.material-symbols-rounded{color:var(--orange);font-size:20px}.profile-card-header h2{color:var(--text);margin:0;font-size:15px;font-weight:700}.profile-card-body{padding:22px}.account-hero-body{align-items:center;gap:20px;padding:24px;display:flex}.photo-control{flex:none;position:relative}.camera-btn{border:3px solid var(--surface);background:var(--orange);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:2px;right:2px;box-shadow:0 3px 10px #fd690d66}.camera-btn:hover{background:var(--orange-hover)}.camera-btn .material-symbols-rounded{font-size:18px}.photo-menu{background:var(--surface);border:1px solid var(--border);width:214px;box-shadow:var(--shadow-menu);z-index:20;border-radius:12px;padding:6px;animation:.14s modal-pop;position:absolute;top:112px;left:0}.photo-menu button{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;display:flex}.photo-menu button:hover:not(:disabled){background:var(--surface-input)}.photo-menu button .material-symbols-rounded{color:var(--text-mid);font-size:19px}.photo-menu button.danger,.photo-menu button.danger .material-symbols-rounded{color:var(--danger)}.photo-menu button:disabled{opacity:.45;cursor:not-allowed}.photo-menu p{color:var(--text-faint);border-top:1px solid var(--border-faint);margin:4px 0 0;padding:6px 10px 2px;font-size:11px}.account-profile-info{flex:1;min-width:0;padding-bottom:6px}.account-profile-info h2{color:var(--text-strong);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.account-profile-info>div{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.role-pill{color:var(--orange);background:var(--orange-soft);border-radius:20px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.role-pill .material-symbols-rounded,.email-tag .material-symbols-rounded{font-size:15px}.email-tag{color:var(--text-soft);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.online{color:var(--success);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.online i{background:#22c55e;border-radius:50%;width:8px;height:8px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-field>span:first-child{color:var(--text-mid);margin:0 0 6px;font-size:12px;font-weight:600;display:block}.profile-input{align-items:center;display:flex;position:relative}.profile-input .material-symbols-rounded{color:var(--text-faint);pointer-events:none;font-size:19px;position:absolute;left:12px}.profile-input input{border:1px solid var(--border);background:var(--surface-input);width:100%;height:44px;color:var(--text);border-radius:11px;padding:0 13px 0 39px;font-size:14px;transition:all .15s}.profile-input input:focus{border-color:var(--orange);background:var(--surface);box-shadow:var(--focus-ring)}.profile-input input:disabled{color:var(--text-soft);cursor:not-allowed;background:color-mix(in srgb, var(--surface-input), var(--text) 4%)}.profile-field small{color:var(--text-faint);margin-top:6px;font-size:11.5px;display:block}.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.split-actions{justify-content:space-between}.activity-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.activity-stat{background:color-mix(in srgb, var(--surface), var(--text) 2%);border:1px solid var(--border-faint);border-radius:14px;padding:16px}.activity-stat>span{background:var(--orange-soft);width:36px;height:36px;color:var(--orange);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.activity-stat>span .material-symbols-rounded{font-size:20px}.activity-stat strong{color:var(--text-strong);font-size:22px;font-weight:800;display:block}.activity-stat small{color:var(--text-soft);margin-top:2px;font-size:12px}.security-note{color:var(--text-soft);align-items:center;gap:6px;margin:14px 0 0;font-size:11.5px;display:flex}.security-note .material-symbols-rounded{font-size:16px}.settings-card-body{padding:6px 20px}.setting-item{border-bottom:1px solid var(--border-faint);align-items:center;gap:16px;min-height:72px;padding:15px 0;display:flex}.setting-item:last-child{border-bottom:0}.setting-item>div:first-child{flex:1;min-width:0}.setting-item strong{color:var(--text);font-size:14px;font-weight:600;display:block}.setting-item small{color:var(--text-soft);margin-top:2px;font-size:12.5px;line-height:1.4;display:block}.switch{flex:none;width:44px;height:25px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{cursor:pointer;background:#d9dce0;border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch-track:before{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.switch-track{background:var(--orange)}.switch input:checked+.switch-track:before{transform:translate(19px)}.switch input:focus-visible+.switch-track{box-shadow:var(--focus-ring)}.setting-item select{border:1px solid var(--border);background:var(--surface-input);height:40px;color:var(--text);cursor:pointer;border-radius:10px;min-width:150px;padding:0 12px;font-size:13.5px}.setting-item select:focus{border-color:var(--orange);background:var(--surface);box-shadow:var(--focus-ring)}.theme-segment{gap:6px;display:flex}.theme-segment button{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text-mid);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 15px;font-size:13px;font-weight:600;display:flex}.theme-segment button .material-symbols-rounded{font-size:18px}.theme-segment button.active{border-color:var(--orange);background:var(--orange-soft);color:var(--orange)}.settings-actions{justify-content:flex-end;gap:10px;margin-top:2px;display:flex}:root[data-theme=dark] .btn-danger:hover{background:#301d1d}:root[data-theme=dark] .login-error{color:#f87171;background:#301d1d;border-color:#5a2a2a}@media (max-width:1100px){.calls-topbar{gap:14px;padding-inline:16px}.calls-brand,.user-area{min-width:auto}.calls-brand strong,.calls-brand>span{display:none}.calls-brand img{height:27px}.calls-list-panel{width:340px;min-width:320px}.call-detail-header,.detail-sticky{padding-inline:18px}.call-tags,.call-notes{margin-inline:18px}.transcript{padding-inline:18px}.audio-controls{gap:10px}.toolbar-button{padding-inline:9px}}@media (max-width:900px){.user-summary{display:none}.calls-list-panel{width:310px;min-width:300px}.calls-list-title span{display:none}.filter-pills button{padding-inline:10px}.detail-heading>div:first-child{display:block}.detail-heading>div:first-child>span{margin-top:2px;display:block}.detail-actions{gap:0}.detail-actions>button,.detail-actions>div>button{width:36px}.skip-button{display:none}.transcript-toolbar{flex-wrap:wrap}.conversation-search{flex-basis:100%}}@media (max-width:820px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-form-panel{min-height:100vh;padding:40px 26px}}@media (max-width:760px){.profile-header{gap:9px;padding:0 14px}.profile-logo-wrap .divider,.profile-logo-wrap .app-subtitle{display:none}.profile-logo-wrap img{height:25px}.back-btn{margin-left:0;padding-inline:10px}.profile-wrap{grid-template-columns:1fr;gap:18px;padding:22px 16px 44px}.profile-side{gap:6px;display:flex;position:static}.profile-side a{flex:1;justify-content:center}.form-grid,.activity-grid{grid-template-columns:1fr}.account-hero-body{flex-direction:column;align-items:flex-start;gap:12px}.setting-item{flex-wrap:wrap}.calls-topbar{grid-template-rows:36px 42px;grid-template-columns:1fr auto;gap:8px 12px;height:108px;padding:10px 14px;display:grid}.calls-brand{grid-area:1/1}.calls-brand img{height:25px}.user-area{grid-area:1/2}.global-search{grid-area:2/1/auto/-1;width:100%;max-width:none}.calls-workspace{position:relative}.calls-list-panel{border-right:0;width:100%;min-width:0;max-width:none}.calls-workspace.has-route-selection .calls-list-panel,.calls-workspace:not(.has-route-selection) .call-detail{display:none}.call-detail{width:100%}.call-detail-header{flex-wrap:wrap;gap:9px;min-height:70px;padding:10px 12px}.mobile-back{background:var(--surface-muted);cursor:pointer;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.mobile-back .material-symbols-rounded{font-size:21px}.detail-call-icon{display:none}.detail-heading{width:calc(100% - 45px)}.detail-heading>div:first-child{display:flex}.detail-heading>div:first-child>span{margin:0;display:inline}.detail-badges{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.detail-badges>span{flex:none}.detail-actions{border-top:1px solid var(--border-faint);justify-content:flex-end;width:100%;padding-top:5px}.detail-actions>button,.detail-actions>div>button{width:40px;height:34px}.detail-sticky{padding:12px 12px 7px}.audio-card{padding:14px}.audio-controls{grid-template-columns:46px 1fr auto auto;gap:9px;display:grid}.play-button{grid-row:1;width:46px;height:46px}.wave-area{grid-area:2/2/auto/-1;width:100%}.player-menu-wrap{grid-row:1}.audio-controls>.player-menu-wrap:first-of-type{grid-column:3}.audio-controls>.player-menu-wrap:last-of-type{grid-column:4}.transcript-toolbar{margin-top:9px}.toolbar-button{height:36px}.call-tags,.call-notes{margin-inline:12px}.transcript{padding:14px 12px 24px}.segment-text{font-size:14px}.call-not-found{display:flex!important}}@media (max-width:520px){.profile-logo-wrap{display:none}.back-btn{font-size:12px}.profile-card-body,.account-hero-body{padding:18px}.account-profile-info .email-tag{width:100%}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.split-actions{flex-direction:column}.settings-actions{flex-direction:column-reverse}.settings-actions .btn,.theme-segment{width:100%}.theme-segment button{flex:1;justify-content:center}.setting-item select{width:100%}.login-form-panel{padding-inline:20px}.call-filters{align-items:flex-start}.filter-pills{max-width:calc(100vw - 130px)}.call-row{padding-inline:13px}.detail-heading>div:first-child{display:block}.detail-heading>div:first-child>span{margin-top:2px;display:block}.detail-actions{justify-content:space-between}.conversation-search input{padding-right:104px}.match-nav>span{min-width:34px}.toolbar-button{flex:1;justify-content:center}.bookmark-wrap{flex:1}.bookmark-wrap .toolbar-button{width:100%}.transcript-segment{padding:12px 12px 12px 16px}.segment-meta{flex-wrap:wrap;gap:6px}}