.error-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:calc(100vh - 51px);padding:var(--space-3xl);text-align:center}.error-view--full{min-block-size:100vh}.error-view__illustration{inline-size:418px;block-size:200px;margin-block-end:32px}.error-view__title{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h1);color:var(--color-text-default);margin:0 0 var(--space-xl)}.error-view__message{font-size:var(--font-size-h2);font-weight:var(--font-weight-regular);line-height:var(--line-height-h2);color:var(--color-text-default);margin:0}:root{--color-text-default: #282d3a;--color-text-secondary: rgba(40, 45, 58, .7);--color-text-link: #006fcf;--color-text-reverse: white;--color-deep-blue: #001245;--color-surface-page: white;--color-surface-disabled: #e7e8ee;--color-border-neutral: #e7e8ee;--color-surface-hover: #f5faff;--color-surface-hover-subtle: #f0f4f8;--font-primary: "Open Sans", sans-serif;--font-weight-regular: 400;--font-weight-semibold: 600;--font-size-h1: 26px;--line-height-h1: 34px;--font-size-h2: 18px;--font-size-h3: 15px;--font-size-body-l: 15px;--font-size-body-m: 13px;--line-height-h2: 28px;--line-height-h3: 20px;--line-height-body-l: 24px;--line-height-body-m: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-xxl: 24px;--space-3xl: 40px;--shadow-level-2: 0px 1px 4px rgba(26, 35, 62, .12), 0px 2px 6px rgba(26, 35, 62, .1);--shadow-level-3: 0px 2px 4px rgba(26, 35, 62, .1), 0px 4px 8px rgba(26, 35, 62, .08), 0px 1px 8px rgba(26, 35, 62, .04);--radius-sm: 4px;--radius-md: 8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-primary);line-height:1.5;color:var(--color-text-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:focus-visible{outline:2px solid var(--color-text-link);outline-offset:2px}:focus:not(:focus-visible){outline:none}.text-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h2)}.text-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h3)}.text-body-l{font-size:var(--font-size-body-l);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-l)}.text-body-m{font-size:var(--font-size-body-m);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-m)}.text-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h1)}.text-semibold{font-weight:var(--font-weight-semibold)}.recent-customer-selection{display:flex;flex-direction:column;gap:var(--space-lg)}.recent-customer-selection__title{margin:0;color:var(--color-text-default)}.recent-customer-selection__cards{display:flex;flex-wrap:wrap;gap:var(--space-xxl);list-style:none;margin:0;padding:0}.recent-customer-card{position:relative;inline-size:245px;block-size:82px;padding:13px 13.5px;background:var(--color-surface-page);border:none;font-family:var(--font-primary);border-radius:var(--radius-md);border-block-start:2px solid var(--color-text-link);box-shadow:var(--shadow-level-2);cursor:pointer;overflow:hidden;text-align:start;transition:box-shadow .15s ease}.recent-customer-card:hover{box-shadow:var(--shadow-level-3)}.recent-customer-card:focus-visible{outline:2px solid var(--color-text-link);outline-offset:2px}.recent-customer-card__name{position:relative;z-index:1;margin:0;margin-block-start:10px;color:var(--color-text-default);overflow-wrap:break-word}.recent-customer-card__icon{position:absolute;inset-inline-end:-3px;inset-block-start:3px;inline-size:92px;block-size:95px;opacity:.2;pointer-events:none}.search-input{position:relative;display:flex;align-items:center;inline-size:100%;max-inline-size:500px;block-size:48px;border:1px solid var(--color-border-neutral);border-radius:var(--radius-sm);background:var(--color-surface-page);overflow:hidden}.search-input__label{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-input__field{flex:1;block-size:100%;padding-inline:var(--space-lg);border:none;outline:none;font-family:var(--font-primary);font-size:var(--font-size-body-l);font-weight:var(--font-weight-regular);color:var(--color-text-default);background:transparent}.search-input__field::placeholder{color:var(--color-text-secondary)}.search-input__field:focus-visible{outline:2px solid var(--color-text-link);outline-offset:-2px;border-radius:var(--radius-sm)}.search-input__icon{display:flex;align-items:center;justify-content:center;padding-inline:var(--space-md);block-size:100%;border-inline-start:1px solid var(--color-border-neutral);color:var(--color-text-secondary);flex-shrink:0;pointer-events:none}.customers-table{display:flex;flex-direction:column;gap:var(--space-3xl)}.customers-table__search-section{display:flex;flex-direction:column;gap:var(--space-sm)}.customers-table__search-title{margin:0;color:var(--color-text-default)}.customers-table__table{inline-size:100%;border-collapse:collapse}.customers-table__header-cell{padding-block-end:var(--space-xl);border-block-end:1px solid var(--color-border-neutral);color:var(--color-text-default);text-align:start}.customers-table__row{cursor:pointer;border-block-end:1px solid var(--color-border-neutral);background:var(--color-surface-page);transition:background .1s ease}.customers-table__row:hover{background:var(--color-surface-hover)}.customers-table__cell{padding-block:var(--space-xl);padding-inline:var(--space-lg)}.customers-table__row-btn{background:none;border:none;padding:0;font-family:var(--font-primary);color:var(--color-text-link);cursor:pointer;text-align:start}.customers-table__row-btn:focus-visible{outline:2px solid var(--color-text-link);outline-offset:2px;border-radius:var(--radius-sm)}.customers-table__pagination{display:flex;align-items:center;justify-content:center;gap:0}.customers-table__page-btn{display:flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;border:none;background:transparent;font-family:var(--font-primary);color:var(--color-text-default);cursor:pointer;border-radius:var(--radius-sm);transition:background .1s ease}.customers-table__page-btn:hover:not(:disabled){background:var(--color-surface-hover-subtle)}.customers-table__page-btn:disabled{opacity:.4;cursor:not-allowed}.customers-table__page-btn:focus-visible{outline:2px solid var(--color-text-link);outline-offset:2px}.customers-table__page-btn--active{background:var(--color-text-link);color:var(--color-text-reverse)}.customers-table__page-btn--active:hover{background:var(--color-text-link)}.customers-table__page-ellipsis{display:flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;color:var(--color-text-default)}.breadcrumb__list{display:flex;align-items:center;gap:var(--space-xs);list-style:none;margin:0;padding:0}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-xs)}.breadcrumb__link{background:none;border:none;padding:0;font-family:var(--font-primary);color:var(--color-text-default);cursor:pointer;white-space:nowrap}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__text{color:var(--color-text-default);white-space:nowrap}.breadcrumb__current{color:var(--color-text-link);white-space:nowrap}.breadcrumb__separator{display:block;color:var(--color-text-secondary);flex-shrink:0}.home-page{padding-inline-start:60px;padding-inline-end:60px;padding-block-start:40px;padding-block-end:60px;display:flex;flex-direction:column;gap:var(--space-3xl)}.home-page__heading{margin:0;color:var(--color-text-default)}.home-page__header{display:flex;flex-direction:column;gap:var(--space-3xl)}.home-page__loading,.home-page__error{padding:var(--space-3xl);color:var(--color-text-secondary)}.home-page--messenger{padding:0;gap:0}.home-page__messenger-header{padding-inline:60px;padding-block:var(--space-3xl)}.home-page__iframe{inline-size:100%;flex:1;min-block-size:calc(100vh - 146px);border:none;border-block-start:1px solid var(--color-border-neutral);display:block}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:var(--font-size-body-m);cursor:pointer;border:none;background:none;border-radius:var(--radius-sm)}.btn--sm{padding:var(--space-sm) var(--space-lg)}.btn--md{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-body-l)}.btn--ghost{color:var(--color-text-default);background:none;border:none}.btn--primary{background:var(--color-deep-blue);color:var(--color-text-reverse);border:none}.btn--primary:hover{opacity:.9}.btn--outline{background:var(--color-surface-page);border:1px solid var(--color-border-neutral);color:var(--color-text-default);font-weight:var(--font-weight-semibold)}.btn--outline:hover{background:var(--color-surface-hover)}.layout{min-block-size:100vh;display:flex;flex-direction:column}.layout__navbar{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-xxl);padding-block:var(--space-sm);border-block-end:1px solid var(--color-border-neutral);background:var(--color-surface-page);block-size:50px;flex-shrink:0}.layout__navbar-left{display:flex;align-items:center;gap:var(--space-sm)}.layout__logo{block-size:32px;width:auto;display:block}.layout__nav-divider{inline-size:1px;block-size:33px;background:var(--color-deep-blue)}.layout__app-title{color:var(--color-deep-blue);white-space:nowrap}.layout__navbar-right{display:flex;align-items:center;gap:var(--space-lg)}