.page-header{margin-bottom:24px}.page-header__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header h1{font-family:var(--font-display);color:var(--color-text);font-size:24px;font-weight:700}.page-header p{color:var(--color-text-secondary);margin-top:4px;font-size:13px}@media (max-width:768px){.page-header__top{flex-direction:column;align-items:flex-start;gap:8px}}.page-toolbar{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.page-toolbar__group{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.page-toolbar__group svg{flex-shrink:0}.data-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px}.data-card:last-child{margin-bottom:0}.data-card__head{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:16px 20px;display:flex}.data-card__head h2{color:var(--color-text);font-size:15px;font-weight:600}.data-card__head span{color:var(--color-text-secondary);font-size:13px}.data-card__body{padding:20px}.metrics-grid{gap:16px;display:grid}.metrics-grid--2{grid-template-columns:repeat(2,1fr)}.metrics-grid--3{grid-template-columns:repeat(3,1fr)}.metrics-grid--4{grid-template-columns:repeat(2,1fr)}@media (min-width:1024px){.metrics-grid--4{grid-template-columns:repeat(4,1fr)}}.metric-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:0;padding:20px}.metric-card--colored{border-color:#e9ecef99}.metric-card__icon-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.metric-card__label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.metric-card__value{font-family:var(--font-display);color:var(--color-text);font-size:32px;font-weight:700;line-height:1}.metric-card__value--sm{font-size:24px}.metric-card__sub{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.metric-card__badge{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.metric-card__badge--positive{color:#065f46;background:#ecfdf5}.metric-card__badge--negative{color:#991b1b;background:#fef2f2}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{background:var(--color-muted)}.data-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:10px 20px;font-size:11px;font-weight:600}.data-table td{vertical-align:middle;color:var(--color-text);padding:14px 20px;font-size:13px}.data-table tbody tr{transition:background var(--transition-fast);border-bottom:1px solid #e9ecef99}.data-table tbody tr:hover{background:var(--color-muted)}.data-table tbody tr:last-child{border-bottom:none}.data-table__muted{color:var(--color-text-secondary)}.data-table__mono{font-family:var(--font-display);font-weight:500}.data-table__success{color:#059669;font-family:var(--font-display);font-weight:500}.data-table__danger{color:var(--color-danger);font-family:var(--font-display)}.data-table__summary{background:#f1f3f566;font-weight:600}.data-table__row--clickable{cursor:pointer}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;min-height:100dvh}body{min-height:100dvh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{min-height:100dvh}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img,svg{display:block}*{scrollbar-width:thin;scrollbar-color:var(--color-border)#0000}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.layout{align-items:flex-start;height:100%;display:flex}.layout__content{flex-direction:column;flex:1;min-width:0;display:flex}.layout__main{flex:1;padding:24px}.layout__main--operator-mode{padding-bottom:calc(var(--cti-height) + 24px)}.layout__alerts{flex-wrap:wrap;flex-shrink:0;gap:12px;padding:12px 24px;display:flex}.layout__alert{border-radius:var(--radius-md);border:1px solid #0000;flex:1;align-items:flex-start;gap:10px;min-width:280px;padding:8px 16px;font-size:12px;display:flex}.layout__alert--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.layout__alert--info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.layout__alert-icon{flex-shrink:0;margin-top:1px}.layout__mobile-overlay{display:none}@media (max-width:959px){.layout__mobile-overlay{z-index:200;background:#00000080;animation:.2s overlay-fade-in;display:block;position:fixed;top:0;bottom:0;left:0;right:0}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.badge{border-radius:var(--radius-sm);align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.6;display:inline-flex}.badge--default{background:var(--color-muted);color:var(--color-text-secondary)}.badge--success{background:var(--color-success-bg);color:#065f46}.badge--warning{background:var(--color-warning-bg);color:#92400e}.badge--danger{background:var(--color-danger-bg);color:#991b1b}.badge--info{background:var(--color-info-bg);color:#1e40af}.badge--purple{color:#5b21b6;background:#f5f3ff}.badge--neutral{color:#374151;background:#f3f4f6}.badge--stopped{color:#6b7280;background:#f3f4f6}.button{border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast),background var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-weight:500;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button--sm{padding:6px 12px;font-size:12px}.button--md{padding:8px 16px;font-size:13px}.button--lg{padding:10px 20px;font-size:14px}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--secondary{background:var(--color-muted);color:var(--color-text)}.button--secondary:hover:not(:disabled){background:var(--color-muted-hover)}.button--ghost{color:var(--color-text-secondary);background:0 0}.button--ghost:hover:not(:disabled){background:var(--color-muted);color:var(--color-text)}.button--danger{background:var(--color-danger-bg);color:var(--color-danger)}.button--danger:hover:not(:disabled){background:#fecaca}.button--loading{position:relative}.button--loading:before{content:"";border:2px solid #fff;border-top-color:var(--color-primary);z-index:2;border-radius:50%;width:16px;height:16px;animation:1s linear infinite button-loading;display:block;position:absolute;right:12px}.button--loading:after{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:var(--radius-md);z-index:1;background:#00000026;width:100%;height:100%;display:block;position:absolute}@keyframes button-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.progress{background:var(--color-muted);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress__fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .2s}.tooltip__content{background:var(--color-text);color:#fff;border-radius:var(--radius-sm);max-width:240px;box-shadow:var(--shadow-dropdown);z-index:1000;padding:6px 10px;font-size:12px;line-height:1.4;animation:.12s tooltip-in}.tooltip__arrow{fill:var(--color-text)}@keyframes tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.input-field__label{color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.input-field__required{color:var(--color-danger)}.input-field__wrapper{align-items:center;display:flex;position:relative}.input-field__wrapper--disabled{opacity:.5;pointer-events:none}.input-field__icon{color:var(--color-text-secondary);z-index:1;align-items:center;display:flex;position:absolute}.input-field__icon--left{pointer-events:none;left:12px}.input-field__icon--right{right:12px}.input-field__input{background:var(--color-muted);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);border:1px solid #0000;outline:none;font-family:inherit}.input-field__input::placeholder{color:var(--color-text-muted)}.input-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #e5393526}.input-field__input:read-only:focus{box-shadow:none;border-color:#0000}.input-field__wrapper--sm .input-field__input{padding:6px 12px;font-size:12px}.input-field__wrapper--md .input-field__input{padding:8px 14px;font-size:13px}.input-field__wrapper--sm.input-field__wrapper--has-icon .input-field__input{padding-left:32px}.input-field__wrapper--md.input-field__wrapper--has-icon .input-field__input{padding-left:36px}.input-field__wrapper--sm.input-field__wrapper--has-icon-right .input-field__input{padding-right:32px}.input-field__wrapper--md.input-field__wrapper--has-icon-right .input-field__input{padding-right:36px}.input-field__wrapper--error .input-field__input{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44441f}.input-field__wrapper--error .input-field__input:focus{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44442e}.input-field__error{color:var(--color-danger);margin-top:4px;font-size:12px;display:inline-block}.main-loader{flex:1;justify-content:center;align-items:center;display:flex}.main-loader--full-screen{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:#0000004d;width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0}.main-loader--has-min-height{height:100%;min-height:200px}.main-loader__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite page-loader-spin}@keyframes page-loader-spin{to{transform:rotate(360deg)}}.select{display:inline-flex;position:relative}.select__wrapper{width:100%}.select__label{color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.select__required{color:var(--color-danger)}.select--disabled{opacity:.5;pointer-events:none}.select--fluid{width:100%;display:flex}.select--fluid .select__trigger{white-space:nowrap;flex:1;width:100%;padding:8px 10px 8px 14px;font-size:13px;overflow:hidden}.select--fluid .select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select--fluid .select__dropdown{min-width:100%}.select__trigger{background:var(--color-muted);border-radius:var(--radius-md);width:100%;color:var(--color-text);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;flex:1;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.select__trigger:hover{background:var(--color-muted-hover)}.select__trigger:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px #e5393533}.select__trigger--open{background:var(--color-muted-hover);border-color:var(--color-primary);box-shadow:0 0 0 2px #e5393526}.select__trigger--open .select__chevron{transform:rotate(180deg)}.select__value{line-height:1}.select__chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto}.select__dropdown{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:100%;box-shadow:var(--shadow-dropdown);z-index:200;animation:select-dropdown-in var(--transition-fast)ease;transform-origin:0 0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0}.select__option{color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;padding:7px 10px;font-size:12px;font-weight:500}.select__option:hover{background:var(--color-muted)}.select__option--selected{color:var(--color-primary);background:var(--color-muted);font-weight:600}.select__option--selected:hover{background:var(--color-muted-hover)}.select__option--placeholder{color:var(--color-text-muted);cursor:not-allowed;pointer-events:none;font-style:italic}.select__error{color:var(--color-danger);margin-top:4px;font-size:12px;display:block}@keyframes select-dropdown-in{0%{opacity:0;transform:scaleY(.92)translateY(-4px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.date-picker-field{flex-direction:column;flex:1;width:100%;display:flex;position:relative}.date-picker-field__icon{color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.date-picker-field__popup{z-index:200;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);animation:date-picker-popup-in var(--transition-fast)ease;transform-origin:0 0;padding:8px;position:absolute;top:calc(100% + 4px);left:0}.date-picker-field__calendar{width:280px;color:var(--color-text);background:0 0;border:none;font-family:inherit;font-size:13px}.date-picker-field__calendar button{cursor:pointer;color:inherit;background:0 0;border:0;outline:none;margin:0;font-family:inherit}.date-picker-field__calendar .react-calendar__navigation{align-items:center;height:36px;margin-bottom:6px;display:flex}.date-picker-field__calendar .react-calendar__navigation button{border-radius:var(--radius-sm);min-width:32px;height:32px;transition:background var(--transition-fast);padding:0 6px;font-size:13px;font-weight:600}.date-picker-field__calendar .react-calendar__navigation button:enabled:hover{background:var(--color-muted)}.date-picker-field__calendar .react-calendar__navigation button:enabled:focus-visible{background:var(--color-muted)}.date-picker-field__calendar .react-calendar__navigation button[disabled]{opacity:.4;cursor:not-allowed}.date-picker-field__calendar .react-calendar__navigation__label{flex-grow:1}.date-picker-field__calendar .react-calendar__navigation__arrow{color:var(--color-text-secondary);flex:none;font-size:16px}.date-picker-field__calendar .react-calendar__month-view__weekdays{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.date-picker-field__calendar .react-calendar__month-view__weekdays abbr[title]{cursor:default;text-decoration:none}.date-picker-field__calendar .react-calendar__month-view__weekdays__weekday{padding:6px 0}.date-picker-field__calendar .react-calendar__month-view__days__day--weekend{color:var(--color-danger)}.date-picker-field__calendar .react-calendar__month-view__days__day--neighboringMonth{color:var(--color-text-muted)}.date-picker-field__calendar .react-calendar__tile{border-radius:var(--radius-sm);height:32px;transition:background var(--transition-fast),color var(--transition-fast);padding:0;font-size:12px;font-weight:500}.date-picker-field__calendar .react-calendar__tile:enabled:hover{background:var(--color-muted)}.date-picker-field__calendar .react-calendar__tile:enabled:focus-visible{background:var(--color-muted)}.date-picker-field__calendar .react-calendar__tile:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5;background:0 0}.date-picker-field__calendar .react-calendar__tile--now{background:var(--color-muted);font-weight:600}.date-picker-field__calendar .react-calendar__tile--now:enabled:hover{background:var(--color-muted-hover)}.date-picker-field__calendar .react-calendar__tile--now:enabled:focus-visible{background:var(--color-muted-hover)}.date-picker-field__calendar .react-calendar__tile--active{background:var(--color-primary);color:#fff}.date-picker-field__calendar .react-calendar__tile--active:enabled:hover{background:var(--color-primary-hover)}.date-picker-field__calendar .react-calendar__tile--active:enabled:focus-visible{background:var(--color-primary-hover)}.date-picker-field__calendar .react-calendar__year-view__months__month,.date-picker-field__calendar .react-calendar__decade-view__years__year,.date-picker-field__calendar .react-calendar__century-view__decades__decade{height:44px}@keyframes date-picker-popup-in{0%{opacity:0;transform:scaleY(.92)translateY(-4px)}to{opacity:1;transform:scaleY(1)translateY(0)}}:root{--color-primary:#e53935;--color-primary-hover:#c62828;--color-primary-light:#fce4ec;--color-bg:#f8f9fa;--color-card:#fff;--color-muted:#f1f3f5;--color-muted-hover:#e9ecef;--color-border:#e9ecef;--color-border-light:#0000000f;--color-text:#1a1a2e;--color-text-secondary:#6c757d;--color-text-muted:#adb5bd;--color-sidebar:#1e293b;--color-sidebar-border:#ffffff14;--color-sidebar-item-active-bg:#ffffff14;--color-sidebar-item-hover-bg:#ffffff0a;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-purple:#8b5cf6;--color-success-bg:#ecfdf5;--color-warning-bg:#fffbeb;--color-danger-bg:#fef2f2;--color-info-bg:#eff6ff;--shadow-card:0 1px 3px #00000014;--shadow-dropdown:0 4px 16px #0000001f;--shadow-cti:0 -4px 20px #00000014;--sidebar-width:240px;--header-height:52px;--cti-height:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-display:"Space Grotesk","Inter",system-ui,sans-serif;--transition-fast:.12s ease;--transition-base:.2s ease}.date-range-picker-field{flex-direction:column;display:flex;position:relative}.date-range-picker-field__actions{align-items:center;gap:4px;display:flex}.date-range-picker-field__clear{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--color-text-muted);transition:color var(--transition-fast),background var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.date-range-picker-field__clear:hover{color:var(--color-danger);background:var(--color-danger-bg)}.date-range-picker-field__icon{color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.date-range-picker-field__popup{z-index:200;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);animation:date-range-popup-in var(--transition-fast)ease;transform-origin:0 0;padding:8px;position:absolute;top:calc(100% + 4px);left:0}.date-range-picker-field__calendar{width:280px;color:var(--color-text);background:0 0;border:none;font-family:inherit;font-size:13px}.date-range-picker-field__calendar button{cursor:pointer;color:inherit;background:0 0;border:0;outline:none;margin:0;font-family:inherit}.date-range-picker-field__calendar .react-calendar__navigation{align-items:center;height:36px;margin-bottom:6px;display:flex}.date-range-picker-field__calendar .react-calendar__navigation button{border-radius:var(--radius-sm);min-width:32px;height:32px;transition:background var(--transition-fast);padding:0 6px;font-size:13px;font-weight:600}.date-range-picker-field__calendar .react-calendar__navigation button:enabled:hover{background:var(--color-muted)}.date-range-picker-field__calendar .react-calendar__navigation button:enabled:focus-visible{background:var(--color-muted)}.date-range-picker-field__calendar .react-calendar__navigation button[disabled]{opacity:.4;cursor:not-allowed}.date-range-picker-field__calendar .react-calendar__navigation__label{flex-grow:1}.date-range-picker-field__calendar .react-calendar__navigation__arrow{color:var(--color-text-secondary);flex:none;font-size:16px}.date-range-picker-field__calendar .react-calendar__month-view__weekdays{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.date-range-picker-field__calendar .react-calendar__month-view__weekdays abbr[title]{cursor:default;text-decoration:none}.date-range-picker-field__calendar .react-calendar__month-view__weekdays__weekday{padding:6px 0}.date-range-picker-field__calendar .react-calendar__month-view__days__day--weekend{color:var(--color-danger)}.date-range-picker-field__calendar .react-calendar__month-view__days__day--neighboringMonth{color:var(--color-text-muted)}.date-range-picker-field__calendar .react-calendar__tile{border-radius:var(--radius-sm);height:32px;transition:background var(--transition-fast),color var(--transition-fast);padding:0;font-size:12px;font-weight:500}.date-range-picker-field__calendar .react-calendar__tile:enabled:hover{background:var(--color-muted)}.date-range-picker-field__calendar .react-calendar__tile:enabled:focus-visible{background:var(--color-muted)}.date-range-picker-field__calendar .react-calendar__tile:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5;background:0 0}.date-range-picker-field__calendar .react-calendar__tile--now{background:var(--color-muted);font-weight:600}.date-range-picker-field__calendar .react-calendar__tile--now:enabled:hover{background:var(--color-muted-hover)}.date-range-picker-field__calendar .react-calendar__tile--now:enabled:focus-visible{background:var(--color-muted-hover)}.date-range-picker-field__calendar .react-calendar__tile--active{background:var(--color-primary);color:#fff}.date-range-picker-field__calendar .react-calendar__tile--active:enabled:hover{background:var(--color-primary-hover)}.date-range-picker-field__calendar .react-calendar__tile--active:enabled:focus-visible{background:var(--color-primary-hover)}.date-range-picker-field__calendar .react-calendar__year-view__months__month,.date-range-picker-field__calendar .react-calendar__decade-view__years__year,.date-range-picker-field__calendar .react-calendar__century-view__decades__decade{height:44px}.date-range-picker-field__calendar .react-calendar__tile--range{background:var(--color-primary-light);color:var(--color-text);border-radius:0}.date-range-picker-field__calendar .react-calendar__tile--range:enabled:hover{background:color-mix(in srgb,var(--color-primary-light)70%,var(--color-muted))}.date-range-picker-field__calendar .react-calendar__tile--range:enabled:focus-visible{background:color-mix(in srgb,var(--color-primary-light)70%,var(--color-muted))}.date-range-picker-field__calendar .react-calendar__tile--rangeStart{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm)0 0 var(--radius-sm)}.date-range-picker-field__calendar .react-calendar__tile--rangeStart:enabled:hover{background:var(--color-primary-hover)}.date-range-picker-field__calendar .react-calendar__tile--rangeStart:enabled:focus-visible{background:var(--color-primary-hover)}.date-range-picker-field__calendar .react-calendar__tile--rangeEnd{background:var(--color-primary);color:#fff;border-radius:0 var(--radius-sm)var(--radius-sm)0}.date-range-picker-field__calendar .react-calendar__tile--rangeEnd:enabled:hover{background:var(--color-primary-hover)}.date-range-picker-field__calendar .react-calendar__tile--rangeEnd:enabled:focus-visible{background:var(--color-primary-hover)}.date-range-picker-field__calendar .react-calendar__tile--rangeBothEnds{border-radius:var(--radius-sm)}.date-range-picker-field__calendar .react-calendar__tile--hover{background:var(--color-primary-light);border-radius:0}.date-range-picker-field__calendar .react-calendar__tile--hoverStart{border-radius:var(--radius-sm)0 0 var(--radius-sm)}.date-range-picker-field__calendar .react-calendar__tile--hoverEnd{border-radius:0 var(--radius-sm)var(--radius-sm)0}.date-range-picker-field__calendar .react-calendar__tile--hoverBothEnds{border-radius:var(--radius-sm)}@keyframes date-range-popup-in{0%{opacity:0;transform:scaleY(.92)translateY(-4px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.modal__overlay{z-index:1000;transition:opacity var(--transition-base);opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal__overlay--open{opacity:1;pointer-events:auto}.modal{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-height:95svh;transition:transform var(--transition-base);position:relative;overflow-y:auto;transform:scale(.01)translateY(10px);box-shadow:0 12px 40px #0000002e}.modal--open{transform:scale(1)translateY(0)}.modal--sm{max-width:400px}.modal--md{max-width:480px}.modal--lg{max-width:600px}.modal--xl{max-width:960px}.modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.modal__title{color:var(--color-text);font-size:15px;font-weight:600;font-family:var(--font-display)}.modal__close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;display:flex}.modal__close:hover{background:var(--color-muted);color:var(--color-text)}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal__body{flex-direction:column;gap:12px;padding:20px 24px;display:flex}.modal__actions{gap:8px;padding:4px 24px 20px;display:flex}.modal__actions>*{flex:1}.bar-chart{width:100%}.bar-chart__area{align-items:flex-end;gap:6px;display:flex}.bar-chart__column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.bar-chart__val{color:var(--color-text-secondary);font-size:10px;line-height:1;font-family:var(--font-display)}.bar-chart__bar{border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .3s}.bar-chart__labels{gap:6px;margin-top:8px;display:flex}.bar-chart__label{color:var(--color-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.grid{--grid-col-size-calc:calc((100% - var(--grid-gap)*var(--grid-max-col-count))/var(--grid-max-col-count));--grid-col-min-size-calc:min(100%,max(var(--grid-min-col-size),var(--grid-col-size-calc)));grid-template-columns:repeat(auto-fit,minmax(var(--grid-col-min-size-calc),1fr));gap:var(--grid-gap);display:grid}.pagination{justify-content:space-between;align-items:center;display:flex}.pagination__pages{justify-content:center;align-items:center;gap:10px;display:flex}.pagination__center{justify-content:center;align-items:center;gap:4px;display:flex}.pagination__page{border-radius:var(--radius-md);border:1px solid var(--color-border);width:32px;height:32px;transition:background var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;font-size:13px;display:flex}.pagination__page:hover:not(.pagination__page--active){background:var(--color-muted)}.pagination__page--active{background:var(--color-muted-hover);cursor:default}.pagination__ellipsis{width:32px;height:32px;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;letter-spacing:.05em;justify-content:center;align-items:center;font-size:13px;display:flex}.pagination__arrow{border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pagination__arrow:hover:not(:disabled){background:var(--color-muted)}.pagination__arrow:disabled{opacity:.4;cursor:not-allowed}.pagination__mobile-nav{color:var(--color-text);align-items:center;gap:6px;font-size:13px;display:flex}.pagination__mobile-input{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);width:40px;height:32px;color:var(--color-text);transition:border-color var(--transition-fast);outline:none;font-size:13px}.pagination__mobile-input:focus{border-color:var(--color-primary)}.pagination__mobile-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.pagination__mobile-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pagination__mobile-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pagination__mobile-separator{color:var(--color-text-secondary);font-size:14px}.pagination__mobile-total{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.pagination__info{align-items:center;gap:12px;display:flex}.pagination__page-info{color:var(--color-text-secondary);white-space:nowrap;font-size:13px}.table{width:100%}.table__wrapper{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;width:100%;max-width:100%;position:relative;overflow-x:auto}.table__main{border-collapse:collapse;width:100%}.table__main--centered{text-align:center}.table__head{background:var(--color-muted)}.table__head-cell{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;text-align:inherit;padding:8px 12px;font-size:11px;font-weight:600}.table__row{height:48px;transition:background var(--transition-base)}.table__row:nth-child(2n){background:var(--color-muted)}.table__row--clickable{cursor:pointer}.table__row--clickable:hover{background:var(--color-muted-hover)}.table__cell{color:var(--color-text);vertical-align:middle;text-align:inherit;letter-spacing:.02em;white-space:nowrap;font-size:13px;font-weight:400;line-height:1.5}.table__cell--with-padding{padding:12px 16px}.table__link{width:100%;height:100%;color:inherit;padding:12px 16px;text-decoration:none;display:block}.table__pagination{margin-top:16px}.table__empty{text-align:center;color:var(--color-text-muted);padding:48px 20px;font-size:14px}.table__loading{background:#ffffff80;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.sidebar{height:100dvh;width:var(--sidebar-width);background:var(--color-sidebar);color:#fff;transition:transform var(--transition-base);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;bottom:0;left:0;overflow:hidden}@media (max-width:959px){.sidebar{z-index:210;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar__logo{border-bottom:1px solid var(--color-sidebar-border);align-items:center;gap:10px;padding:20px;display:flex}.sidebar__logo-icon{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.sidebar__logo-name{font-family:var(--font-display);letter-spacing:.06em;color:#fff;font-size:15px;font-weight:600}.sidebar__nav{scrollbar-width:thin;scrollbar-color:#ffffff1a #0000;flex:1;padding:12px 0;overflow-y:auto}.sidebar__nav-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;padding:0 16px 8px;font-size:10px;font-weight:600}.sidebar__nav-item{color:#ffffffb3;cursor:pointer;width:100%;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:flex}.sidebar__nav-item:hover{color:#fff;background:var(--color-sidebar-item-hover-bg)}.sidebar__nav-item--active{color:#fff;background:var(--color-sidebar-item-active-bg);border-left-color:var(--color-primary)}.sidebar__nav-item--active .sidebar__nav-item-icon{color:var(--color-primary)}.sidebar__nav-item-icon{color:inherit;flex-shrink:0}.sidebar__nav-item-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.sidebar__operators{border-top:1px solid var(--color-sidebar-border);padding:16px}.sidebar__operators-title{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:12px;font-size:10px;font-weight:600}.sidebar__operator-list{flex-direction:column;gap:10px;display:flex}.sidebar__operator-item{align-items:center;gap:10px;display:flex}.sidebar__operator-avatar-wrap{flex-shrink:0;position:relative}.sidebar__operator-avatar{color:#fffc;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.sidebar__operator-dot{border:2px solid var(--color-sidebar);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.sidebar__operator-info{flex:1;min-width:0}.sidebar__operator-name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar__operator-status{font-size:10px}.sidebar__operator-util{color:#fff6;flex-shrink:0;font-size:10px}.top-header{z-index:100;height:var(--header-height);background:var(--color-card);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0;left:0;right:0}.top-header__left{align-items:center;gap:12px;display:flex}.top-header__menu-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;display:none}.top-header__menu-btn:hover{background:var(--color-muted);color:var(--color-text)}@media (max-width:959px){.top-header__menu-btn{display:flex}}.top-header__right{align-items:center;gap:16px;display:flex}.top-header__role-switcher{background:var(--color-muted);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:flex}.top-header__role-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.top-header__role-btn:hover{color:var(--color-text)}.top-header__role-btn--active{background:var(--color-card);color:var(--color-text);box-shadow:0 1px 2px #00000014}.top-header__notifications{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;display:flex;position:relative}.top-header__notifications:hover{background:var(--color-muted);color:var(--color-text)}.top-header__notifications-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.profile-menu{position:relative}.profile-menu__trigger{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);color:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:6px 8px;font-family:inherit;display:flex}.profile-menu__trigger:hover{background:var(--color-muted)}.profile-menu__avatar{color:#fff;background:linear-gradient(135deg,#f43f5e,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.profile-menu__info{display:none}@media (min-width:640px){.profile-menu__info{display:block}}.profile-menu__name{color:var(--color-text);font-size:13px;font-weight:500;line-height:1.2}.profile-menu__role{color:var(--color-text-secondary);font-size:11px}.profile-menu__chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.profile-menu__chevron--open{transform:rotate(180deg)}@media (max-width:639px){.profile-menu__chevron{display:none}}.profile-menu__dropdown{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-dropdown);z-index:50;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.profile-menu__item{border-radius:var(--radius-sm);width:100%;color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;padding:10px 12px;font-family:inherit;font-size:14px;display:flex}.profile-menu__item:hover{background:var(--color-muted)}.admin-page__section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-page__title{color:var(--color-text);font-size:24px;font-weight:600}.admin-page__filters{align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-page__filters-search{flex:1;min-width:200px}.not-found{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:400px;margin:64px auto 0;display:flex}.not-found__title{color:var(--color-text);text-align:center;font-size:24px;font-weight:700}.not-found__description{text-align:center;color:var(--color-text-secondary);font-size:14px}.new-incoming-call__small-btn{bottom:calc(var(--cti-height) + 24px);z-index:1200;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;animation:1s infinite trembling-animation;display:flex;position:fixed;right:24px}.new-incoming-call__small-btn:hover{background:var(--color-primary-hover);color:#fff}.new-incoming-call__content{text-align:center}.new-incoming-call__name{color:var(--color-text);font-size:16px;font-weight:600}.new-incoming-call__number{color:var(--color-text-secondary);font-size:14px}.new-incoming-call__button{border-radius:var(--radius-full);border:1px solid var(--color-border);width:56px;height:56px;color:var(--color-text);cursor:pointer;transition:transform var(--transition-base);justify-content:center;align-items:center;margin:auto;display:flex}.new-incoming-call__button:hover{transform:scale(1.07)}.new-incoming-call__button--reject{color:#fff;background:var(--color-danger);border:none}.new-incoming-call__button--accept{color:#fff;background:var(--color-success);border:none}.new-incoming-call__button--mute{max-width:56px}@keyframes trembling-animation{0%{transform:rotate(0)scale(1)}50%{transform:rotate(-10deg)scale(1.1)}to{transform:rotate(0)scale(1)}}.outgoing-call__name{color:var(--color-text);text-align:center;font-size:18px;font-weight:600}.outgoing-call__phone{color:var(--color-text);text-align:center;font-size:14px}.outgoing-call__rounded-btn{border-radius:var(--radius-full);background:var(--color-success);color:#fff;cursor:pointer;width:56px;height:56px;transition:transform var(--transition-base);border:none;justify-content:center;align-items:center;margin:12px auto;display:flex}.outgoing-call__rounded-btn:hover{transform:scale(1.07)}.outgoing-call__rounded-btn--cancel{background:var(--color-danger)}.cti-panel{bottom:0;left:var(--sidebar-width);position:fixed}@media (max-width:959px){.cti-panel{left:0}}.cti-panel{z-index:50;background:var(--color-card);border-top:1px solid var(--color-border);box-shadow:var(--shadow-cti);height:var(--cti-height);right:0}.cti-panel__sip-status{box-shadow:var(--shadow-cti);z-index:100;border-radius:var(--radius-md);align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;display:flex;position:absolute;top:0;left:12px;transform:translateY(-50%)}.cti-panel__connecting-icon{animation:2s linear infinite rotate}.cti-panel__inner{opacity:.5;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;height:100%;padding:0 24px;display:flex}.cti-panel__inner--connected{opacity:1;pointer-events:auto}.cti-panel__left{align-items:center;gap:16px;display:flex}.cti-panel__status-indicator{align-items:center;gap:8px;display:flex}.cti-panel__status-dot{border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.cti-panel__status-label{color:var(--color-text);font-size:13px;font-weight:500}.cti-panel__status-btns{align-items:center;gap:6px;display:flex}.cti-panel__status-btn{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:var(--color-muted);color:var(--color-text-secondary);border:none;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:500;display:flex}.cti-panel__status-btn:hover{color:var(--color-text)}.cti-panel__status-btn--active{color:#fff}.cti-panel__right{align-items:center;gap:24px;display:flex}.cti-panel__stat{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.cti-panel__stat strong{color:var(--color-text)}.cti-panel__util-bar{background:var(--color-muted);border-radius:var(--radius-full);width:64px;height:6px;overflow:hidden}.cti-panel__util-bar-fill{background:var(--color-success);border-radius:var(--radius-full);height:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.active-call{align-items:center;gap:16px;display:flex}.active-call__caller{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.active-call__caller-name{color:var(--color-text);font-weight:500}.active-call__caller-phone{background:var(--color-muted);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:2px 8px;font-size:11px}.active-call__duration{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:18px;font-weight:600;display:flex}.active-call__call-controls{align-items:center;gap:6px;display:flex}.active-call__ctrl-btn{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);background:var(--color-muted);color:var(--color-text-secondary);border:none;justify-content:center;align-items:center;font-family:inherit;display:flex}.active-call__ctrl-btn:hover{background:var(--color-muted-hover)}.active-call__ctrl-btn--muted{color:var(--color-danger);background:#fee2e2}.active-call__ctrl-btn--hold{color:#d97706;background:#fef3c7}.active-call__ctrl-btn--end{background:var(--color-danger);color:#fff}.active-call__ctrl-btn--end:hover{background:#dc2626}