@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--purple:#6c4bff;--purple-dark:#5636e0;--purple-tint:#f4f1ff;--purple-tint-hover:#ece6ff;--green-bg:#e6f7ee;--green-text:#1d9a56;--green-dot:#22b966;--orange:#ff8a3d;--hdr-green:#1d9a56;--hdr-pink:#d91b73;--hdr-purple:#7c3cff;--ink:#16181d;--ink-soft:#4b4f58;--gray-text:#8a8f9a;--gray-border:#e7e8ec;--gray-bg:#fafafb;--white:#fff;--radius-sm:7px;--radius-md:8px;--radius-lg:10px;--header-height:74px;--sidebar-width:28.5vw;--sidebar-max-width:535px;--action-button-size:38px;--card-width:490px;--text-xs:12px;--text-sm:14px;--text-md:17px;--text-lg:20px;--text-xl:27px;--shadow-header:0 1px 0 #1012160a, 0 2px 8px #10121608;--shadow-card:0 4px 24px #1012160f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.app-shell{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.header-logo{align-items:center;gap:8px;display:flex}.header-logo__mark{width:28px;height:28px;color:var(--white);background:linear-gradient(160deg,#8f72ff,#6c4bff);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.header-logo__name{letter-spacing:.3px;color:var(--ink);white-space:nowrap;font-size:14px;font-weight:800}.agent-status{justify-content:center;align-items:center;width:340px;height:100%;display:flex;position:relative}.agent-status__band{z-index:0;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--status-color) 0%, transparent) 0%, color-mix(in srgb, var(--status-color) 5%, transparent) 10%, color-mix(in srgb, var(--status-color) 14%, transparent) 20%, color-mix(in srgb, var(--status-color) 30%, transparent) 32%, color-mix(in srgb, var(--status-color) 60%, transparent) 42%, color-mix(in srgb, var(--status-color) 95%, transparent) 50%, color-mix(in srgb, var(--status-color) 60%, transparent) 58%, color-mix(in srgb, var(--status-color) 30%, transparent) 68%, color-mix(in srgb, var(--status-color) 14%, transparent) 80%, color-mix(in srgb, var(--status-color) 5%, transparent) 90%, color-mix(in srgb, var(--status-color) 0%, transparent) 100%);width:72vw;min-width:1000px;max-width:1450px;transition:background .3s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.agent-status__content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.agent-status__row{color:var(--white);align-items:center;gap:6px;display:flex}.agent-status__row--timer{opacity:.88}.agent-status__icon{width:15px;height:15px;color:var(--white);flex-shrink:0}.agent-status__icon--timer{width:13px;height:13px}.agent-status__label{letter-spacing:.1px;white-space:nowrap;font-size:16px;font-weight:700}.agent-status__timer{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:500}.header-action-btn{width:var(--action-button-size);height:var(--action-button-size);background:var(--white);border:1.5px solid var(--btn-color);color:var(--btn-color);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,transform .15s;display:inline-flex}.header-action-btn:hover:not(:disabled){background:color-mix(in srgb, var(--btn-color) 10%, white);transform:scale(1.03)}.header-action-btn:active:not(:disabled){transform:scale(.97)}.header-action-btn--active{background:color-mix(in srgb, var(--btn-color) 12%, white)}.header-action-btn:disabled{opacity:.4;cursor:not-allowed}.break-reason-select{background:var(--white);height:50px;color:var(--ink);border:1px solid #dedede;border-radius:7px;justify-content:space-between;align-items:center;margin:10px 14px 8px;padding:0 22px;font-size:18px;font-weight:400;display:flex}.break-reason-select__chevron{width:16px;height:16px;color:var(--ink-soft);flex-shrink:0}.break-reason-option{box-sizing:border-box;text-align:left;cursor:pointer;width:100%;min-height:41px;color:var(--ink);background:0 0;border:none;border-radius:5px;align-items:center;padding:8px 10px;font-family:inherit;font-size:17px;font-weight:400;line-height:1.2;transition:background .13s;display:flex}.break-reason-option:hover{background:#0000000a}.break-reason-option--selected{font-weight:700}.break-menu{background:var(--white);z-index:30;border:1px solid #dedede;border-radius:6px;width:370px;animation:.16s break-menu-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 2px 8px #00000014}@keyframes break-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.break-menu__list{flex-direction:column;gap:0;padding:2px 12px 10px;display:flex}.break-button{display:inline-flex;position:relative}.phone-number-input{background:var(--white);border:1px solid #e5e5e5;border-radius:6px;align-items:center;height:50px;margin:10px 12px 8px;padding:0 10px 0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.phone-number-input:focus-within{border-color:#2196f3;box-shadow:0 0 0 1px #2196f326}.phone-number-input input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:20px}.phone-number-input input::placeholder{color:#a6abba}.phone-number-input__delete{color:#e5473c;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s;display:flex}.phone-number-input__delete svg{width:27px;height:27px}.phone-number-input__delete:hover{background:#e5473c14}.dialpad-key{width:50px;height:50px;color:var(--ink);cursor:pointer;background:#f0f0f0;border:none;border-radius:7px;justify-content:center;align-items:center;font-family:inherit;font-size:18px;font-weight:400;transition:background .12s;display:flex}.dialpad-key:hover{background:#e7e7eb}.dialpad-key:active{background:#dadae0}.dialpad{grid-template-columns:repeat(3,50px);justify-content:center;gap:5px;margin:2px 0 12px;display:grid}.call-button{width:160px;height:50px;color:var(--white);cursor:pointer;background:#168847;border:none;border-radius:7px;justify-content:center;align-items:center;margin:2px auto 10px;transition:filter .15s;display:flex}.call-button svg{width:20px;height:20px}.call-button:hover:not(:disabled){filter:brightness(1.08)}.call-button:disabled{cursor:not-allowed}.search-client-button{height:40px;color:var(--white);cursor:pointer;background:#2196f3;border:none;border-radius:7px;margin:10px auto 12px;padding:0 15px;font-family:inherit;font-size:16px;font-weight:600;transition:filter .15s;display:block}.search-client-button:hover{filter:brightness(1.06)}.manual-dial-popover{background:var(--white);z-index:30;border:1px solid #e5e5e5;border-radius:7px;width:400px;padding-bottom:4px;animation:.16s manual-dial-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 2px 8px #00000014}@keyframes manual-dial-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.manual-dial-popover__divider{border-top:1px solid #e5e5e5;margin:0 14px}.manual-dial-popover__warning{color:#92650a;text-align:center;background:#fff6e5;border-radius:6px;margin:10px 14px 0;padding:8px 10px;font-size:12.5px}.manual-dial-popover__warning--action{cursor:pointer;border:none;width:calc(100% - 28px);font-family:inherit;font-weight:600}.manual-dial-popover__warning--action:hover{background:#ffedc2}.manual-dial-popover__error{color:#a13d2e;text-align:center;background:#fdebea;border-radius:6px;margin:8px 14px 0;padding:8px 10px;font-size:12.5px}.manual-dial-button{display:inline-flex;position:relative}.header-actions{align-items:center;gap:10px;display:flex}.user-avatar{width:38px;height:38px;color:var(--white);letter-spacing:.2px;background:linear-gradient(160deg,#8f72ff,#6c4bff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-info{align-items:center;gap:10px;max-width:190px;display:flex}.user-info__text{flex-direction:column;align-items:flex-end;min-width:0;display:flex}.user-info__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.1px;max-width:150px;font-size:15px;font-weight:700;overflow:hidden}.user-info__username{color:var(--ink-soft);font-size:12px;font-weight:500}.app-header{height:var(--header-height);min-height:var(--header-height);background:var(--white);border-bottom:1px solid var(--gray-border);width:100%;box-shadow:var(--shadow-header);z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.app-header__section--left{align-items:center;padding-left:28px;display:flex}.app-header__section--center{justify-content:center;height:100%;display:flex}.app-header__section--right{justify-content:flex-end;align-items:center;gap:28px;padding-right:28px;display:flex}.search-input{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius-sm);align-items:center;gap:10px;height:48px;margin:0 20px;padding:0 14px;display:flex}.search-input__icon{width:17px;height:17px;color:var(--gray-text);flex-shrink:0}.search-input input{min-width:0;font-size:var(--text-md);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.search-input input::placeholder{color:#a6abba}.search-input__clear{background:var(--gray-bg);width:36px;height:36px;color:var(--gray-text);cursor:pointer;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.search-input__clear:hover{background:var(--gray-border)}.collapse-btn{background:var(--white);border:1px solid var(--gray-border);width:28px;height:28px;color:var(--purple);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex;position:absolute;top:50%;right:-14px;transform:translateY(-50%);box-shadow:0 2px 6px #10121614}.collapse-btn:hover{background:var(--purple-tint);border-color:var(--purple)}.collapse-btn svg{transition:transform .2s}.call-history-header{align-items:center;gap:10px;margin:4px 18px 12px;display:flex}.call-history-header__line{background:var(--ink);opacity:.55;flex:1;height:1px}.call-history-header__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);flex-shrink:0;font-size:12.5px;font-weight:600}.call-history-item{box-sizing:border-box;background:#fafafa;border:1px solid #e5e5e5;border-radius:7px;align-items:center;gap:12px;min-height:90px;padding:12px 14px;display:flex}.call-history-item__icon{width:21px;height:21px;color:var(--ink);flex-shrink:0}.call-history-item__info{flex:1;min-width:0}.call-history-item__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.call-history-item__phone{color:var(--ink-soft);margin-top:2px;font-size:14px;font-weight:500}.call-history-item__time{color:var(--gray-text);font-variant-numeric:tabular-nums;flex-shrink:0;align-self:flex-start;font-size:13px}.call-history-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:6px;min-height:0;padding:0 18px 16px;display:flex;overflow-y:auto}.call-history-list::-webkit-scrollbar{width:6px}.call-history-list::-webkit-scrollbar-thumb{background:var(--gray-border);border-radius:999px}.call-history-list--empty{flex:1;min-height:0}.call-history{flex-direction:column;flex:1;min-height:0;margin-top:20px;display:flex}.attendees-sidebar{flex:0 0 var(--sidebar-width);max-width:var(--sidebar-max-width);min-width:260px;height:100%;transition:flex-basis .22s,max-width .22s,min-width .22s;position:relative}.attendees-sidebar--collapsed{flex-basis:0;min-width:0;max-width:0}.attendees-sidebar--collapsed .collapse-btn{left:6px;right:auto}.attendees-sidebar__clip{background:var(--white);border-right:1px solid var(--gray-border);height:100%;transition:border-color .22s;overflow:hidden}.attendees-sidebar--collapsed .attendees-sidebar__clip{border-right-color:#0000}.attendees-sidebar--collapsed .attendees-sidebar__content{opacity:0;pointer-events:none}.attendees-sidebar__content{height:100%;width:min(var(--sidebar-max-width), var(--sidebar-width));flex-direction:column;padding-top:24px;transition:opacity .15s;display:flex}.attendees-sidebar__title{text-align:center;text-transform:uppercase;letter-spacing:.4px;color:var(--ink);margin:0 0 18px;font-size:25px;font-weight:700}.manual-call-btn{border-radius:var(--radius-sm);border:1.5px solid var(--purple);background:var(--white);width:100%;height:58px;color:var(--purple);font-size:var(--text-lg);cursor:pointer;justify-content:center;align-items:center;gap:10px;font-weight:600;transition:background .15s;display:flex}.manual-call-btn svg{width:20px;height:20px}.manual-call-btn:hover{background:var(--purple-tint)}.manual-call-btn:active{background:var(--purple-tint-hover)}.welcome-card{width:var(--card-width);background:var(--white);border:1.5px solid var(--purple);border-radius:var(--radius-md);max-width:calc(100vw - 80px);min-height:295px;box-shadow:var(--shadow-card);box-sizing:border-box;padding:38px 40px}.welcome-card__title{font-size:var(--text-xl);color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;margin:0 0 20px;font-weight:700;line-height:1.2;overflow:hidden}.welcome-card__subtitle{font-size:var(--text-lg);color:var(--ink-soft);text-align:left;margin:0 0 24px;line-height:1.55}.help-button{background:var(--orange);width:36px;height:96px;color:var(--white);cursor:pointer;z-index:20;border:none;border-radius:8px 0 0 8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:width .15s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 4px 14px #ff8a3d59}.help-button:hover{width:40px}.help-button span{writing-mode:vertical-rl;letter-spacing:1px;font-size:10px;font-weight:700;transform:rotate(180deg)}.help-button svg{width:17px;height:17px}.app-body{background:var(--white);flex:1;min-height:0;display:flex}.app-main{background:var(--white);flex:1;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex}