.button-wrapper .modern-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-6);font-weight:500;line-height:1;text-decoration:none;cursor:pointer;border:1px solid var(--color-border-primary);outline:none;position:relative;overflow:hidden}.button-wrapper .modern-button:disabled{opacity:.5;cursor:not-allowed}.button-wrapper .modern-button--sm{padding:.5rem 1rem;font-size:var(--font-size-small);min-height:2rem}.button-wrapper .modern-button--md{padding:.75rem 1.5rem;font-size:var(--font-size-regular);min-height:2.5rem}.button-wrapper .modern-button--lg{padding:1rem 2rem;font-size:var(--font-size-large);min-height:3rem}.button-wrapper .modern-button--primary{background:var(--color-brand-bg);color:var(--color-white);border-color:var(--color-border-primary)}.button-wrapper .modern-button--primary:hover:not(:disabled):not(.modern-button--loading){background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.button-wrapper .modern-button--primary:active{transform:translateY(0)}.button-wrapper .modern-button--secondary{color:var(--color-text-secondary);border-color:var(--color-border-primary)}.button-wrapper .modern-button--secondary:hover:not(:disabled):not(.modern-button--loading){background:var(--color-bg-secondary);border-color:var(--color-brand-bg)}.button-wrapper .modern-button--secondary:active{transform:translateY(0)}.button-wrapper .modern-button--success{background:var(--color-success);color:var(--color-white);border-color:var(--color-success);box-shadow:var(--shadow-sm)}.button-wrapper .modern-button--success:hover:not(:disabled):not(.modern-button--loading){background:var(--color-success);border-color:var(--color-success);filter:brightness(1.1);box-shadow:var(--overlay-shadow);transform:translateY(-1px)}.button-wrapper .modern-button--warning{background:var(--color-warning);color:var(--color-white);border-color:var(--color-warning);box-shadow:var(--shadow-sm)}.button-wrapper .modern-button--warning:hover:not(:disabled):not(.modern-button--loading){background:var(--color-warning);border-color:var(--color-warning);filter:brightness(1.1);box-shadow:var(--overlay-shadow);transform:translateY(-1px)}.button-wrapper .modern-button--error{background:var(--color-error);color:var(--color-white);border-color:var(--color-error);box-shadow:var(--shadow-sm)}.button-wrapper .modern-button--error:hover:not(:disabled):not(.modern-button--loading){background:var(--color-error);border-color:var(--color-error);filter:brightness(1.1);box-shadow:var(--overlay-shadow);transform:translateY(-1px)}.button-wrapper .modern-button--ghost,.button-wrapper .modern-button--outline{background:rgba(0,0,0,0);color:var(--color-brand-bg);border-color:var(--color-border-primary)}.button-wrapper .modern-button--ghost:hover:not(:disabled):not(.modern-button--loading),.button-wrapper .modern-button--outline:hover:not(:disabled):not(.modern-button--loading){background:var(--color-bg-translucent);border-color:var(--color-brand-bg);color:var(--color-brand-bg)}.button-wrapper .modern-button--fullwidth{width:100%}.button-wrapper .modern-button--icon-only{padding:.75rem;min-width:auto;aspect-ratio:1}.button-wrapper .modern-button--icon-only.modern-button--sm{padding:.5rem}.button-wrapper .modern-button--icon-only.modern-button--lg{padding:1rem}.button-wrapper .modern-button--loading{cursor:not-allowed}.button-wrapper .modern-button--loading .modern-button__label{opacity:.7}.button-wrapper .modern-button__icon{display:flex;align-items:center;justify-content:center}.button-wrapper .modern-button__icon svg{width:1rem;height:1rem}.button-wrapper .modern-button__label{white-space:nowrap}.button-wrapper .modern-button__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.button-wrapper .modern-button__spinner .spinner{width:1rem;height:1rem;border:2px solid var(--color-border-primary);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.button-wrapper .icon-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;border-radius:var(--radius-6);border:2px solid var(--color-border-primary);background:rgba(0,0,0,0);cursor:pointer;transition:all var(--speed-regular) ease;color:var(--color-text-secondary)}.button-wrapper .icon-button.remove{color:var(--color-error);border-color:var(--color-error)}.button-wrapper .icon-button.cancel{color:var(--color-text-quaternary);border-color:var(--color-line-secondary)}.button-wrapper .icon-button.add{color:var(--color-brand-bg);border-color:var(--color-brand-bg)}.button-wrapper .icon-button.edit{color:var(--color-success);border-color:var(--color-success)}.button-wrapper .icon-button.transparent{color:var(--color-brand-bg);border-color:var(--color-border-primary);background-color:rgba(0,0,0,0)}.button-wrapper .icon-button.disabled{opacity:.7;cursor:default}.button-wrapper .icon-button:hover:not(.disabled){background:var(--color-bg-translucent);border-color:var(--color-brand-bg);transform:scale(1.05)}.button-wrapper .button-help-text{color:var(--color-text-secondary);padding-top:.5rem;width:100%;font-size:var(--font-size-regular)}.button-wrapper .button-title{font-weight:500;font-size:var(--font-size-regular);line-height:1.2;color:var(--color-text-primary);padding-right:.5rem}.button-wrapper.with-title{margin-bottom:1.5rem}.button-wrapper.with-title .button,.button-wrapper.with-title .modern-button{width:auto;min-width:3rem}@keyframes spin{to{transform:rotate(360deg)}}
.actions-button{width:100%}.actions-button__items>div,.actions-button__items>a{display:block;text-decoration:none;padding:17px 18px;font-weight:500;font-size:var(--font-size-large);line-height:24px;color:var(--color-text-primary);cursor:pointer}.actions-button__items>div:hover,.actions-button__items>a:hover{background-color:var(--color-bg-level-2)}.actions-button__items>div.groupEnd,.actions-button__items>a.groupEnd{border-bottom:1px solid var(--color-border-primary)}
.notification-bar{box-sizing:border-box;position:fixed;z-index:999999;display:flex;height:fit-content;flex-direction:column}.notification-bar.top-left{top:12px;left:12px}.notification-bar.top-center{top:12px;left:calc(50% - 150px);flex-direction:column-reverse}.notification-bar.top-right{top:12px;right:12px}.notification-bar.bottom-right{bottom:12px;right:12px;flex-direction:column-reverse}.notification-bar.bottom-left{bottom:12px;left:12px;flex-direction:column-reverse}.notification-bar .notification{width:328px;min-height:67px;border-radius:8px;position:relative;padding:8px;margin:2px 0}.notification-bar .notification .info-block{width:calc(100% - 60px);padding:0 12px}.notification-bar .notification .info-block .label{font-weight:500;font-size:15px;line-height:18px}.notification-bar .notification .info-block .description{font-size:14px;line-height:17px;overflow:hidden;text-overflow:ellipsis}.notification-bar .notification.success{background:var(--color-success)}.notification-bar .notification.info{background-color:var(--color-text-primary)}.notification-bar .notification.warning{background:var(--color-warning)}.notification-bar .notification.error{background-color:var(--color-error)}.notification-bar .notification .info-icon{width:36px;height:36px}
.preloader{position:absolute;right:0;top:0;left:0;bottom:0;background:var(--color-bg-primary);z-index:10}.preloader.isFullScreen{position:fixed}.preloader.no-bg{background:none}
.switcher{padding:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-8);height:50px;min-width:100px;transition:var(--speed-regular) var(--ease-out)}.switcher .switcher-button{border-radius:var(--radius-6);padding:0 16px;height:46px;cursor:pointer;color:var(--color-text-secondary);background:rgba(0,0,0,0);border:none;transition:var(--speed-regular) var(--ease-out);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium)}.switcher .switcher-button:hover:not(.active){background:var(--color-bg-translucent);color:var(--color-text-primary)}.switcher .switcher-button.active{background:var(--color-brand-bg);color:var(--color-white);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.checkbox{position:relative;margin-bottom:25px}.checkbox-input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1;cursor:pointer}.checkbox-input+.checked{display:none}.checkbox-input:checked~.unchecked{display:none !important}.checkbox-input:checked+.checked{display:block}.checkbox-label{cursor:pointer}.checkbox-icon{margin-right:8px;color:var(--color-link-primary);cursor:pointer}.checkbox.disabled .checkbox-icon,.checkbox.disabled .checkbox-label{opacity:.7}.checkbox .help-text{color:var(--color-text-tertiary);padding-top:8px;padding-left:32px;width:100%}.checkbox .asterisc{color:var(--color-error)}
.checked-icon-wrapper{height:28px;width:28px;left:24px;top:10px;border-radius:var(--radius-8);padding:4px 8px;background-color:var(--color-success-bg)}.checked-icon-wrapper svg{color:var(--color-success)}
.table-block{width:100%;max-height:100%;overflow:auto}.table{width:100%;display:table;background:var(--color-bg-secondary);border-radius:var(--radius-8);border:1px solid var(--color-border-primary)}.table.resizable{overflow:hidden}.table.resizable .resize-button{display:block;background-color:var(--color-border-primary);position:absolute;top:10px;right:0;width:1px;height:30px;cursor:col-resize;z-index:10;transition:var(--speed-regular) var(--ease-out)}.table.resizable .resize-button:hover{background-color:var(--color-border-secondary)}.table.resizable .resize-button.active{background-color:var(--color-brand-bg)}.table .thead{display:table-header-group}.table .thead.sticky{position:sticky;inset-block-start:0;z-index:1}.table .thead th{display:table-cell;vertical-align:middle;user-select:none;position:relative;border-bottom:1px solid var(--color-border-primary)}.table .thead th>*{vertical-align:middle}.table .thead th .table-head-cell{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:4px;padding:16px;color:var(--color-text-secondary);font-weight:500;font-size:13px;line-height:16px;letter-spacing:.01071em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table .thead th .sorting-buttons{margin-left:4px;display:flex;justify-content:center;align-items:center;width:16px;height:16px}.table .thead th .sorting-buttons .icon{font-size:28px;color:var(--color-text-tertiary);transition:var(--speed-regular) var(--ease-out)}.table .thead th .sorting-buttons .icon.active,.table .thead th .sorting-buttons .icon:hover{color:var(--color-brand-bg)}.table .thead th .sorting-buttons .icon.hidden{display:none}.table .thead th.actions{width:1%}.table .thead th.actions .table-head-cell{justify-content:flex-end}.table .thead th.actions.configurable .table-head-cell{justify-content:center}.table .thead th.more-actions{width:60px;text-align:center;padding:0 12px}.table .thead th.configurable{border-left:1px solid var(--color-border-primary)}.table .thead th.configurable .configure-icon{margin-left:auto;cursor:pointer;color:var(--color-success)}.table .tbody{display:table-row-group}.table .tbody tr:last-child{border-bottom:none !important}.table .tbody tr.selected{background-color:var(--color-bg-tint)}.table .tbody tr.dragging{display:table;background-color:var(--color-bg-secondary)}.table .tbody tr.group-row{position:sticky;inset-block-start:36px;z-index:1;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:pointer}.table .tbody tr td{font-weight:400;font-size:15px;line-height:18px;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid var(--color-border-primary);text-align:left;text-overflow:ellipsis;overflow:hidden;max-width:100%;white-space:nowrap;color:var(--color-text-secondary);padding:8px}.table .tbody tr td .box{background:var(--color-bg-level-2);border-radius:4px;font-size:15px;padding:10px 14px}.table .tbody tr td>div{font-size:15px;padding:4px}.table .tbody tr td .info{padding:0;color:var(--color-text-tertiary)}.table .tbody tr td.actions{text-align:right;padding:0 16px}.table .tbody tr td.actions .actions-content{display:flex;justify-content:flex-end;align-items:center;gap:8px}.table .tbody tr td.more-actions{text-align:center;padding:0 12px}.table-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-tertiary)}.table-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.table-empty .empty-title{font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);margin-bottom:.5rem;color:var(--color-text-secondary)}.table-empty .empty-description{font-size:var(--font-size-small);line-height:1.5}.table-loading{position:relative;min-height:200px}.table-loading::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-bg-primary);opacity:.8;display:flex;align-items:center;justify-content:center}.table-loading .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg-level-1);border-top:1px solid var(--color-border-primary)}.table-pagination .pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-small)}.table-pagination .pagination-controls{display:flex;gap:.5rem}.table-pagination .pagination-controls button{padding:.5rem;border:1px solid var(--color-border-primary);background:var(--color-bg-level-1);color:var(--color-text-primary);border-radius:4px;cursor:pointer;transition:var(--speed-regular) var(--ease-out)}.table-pagination .pagination-controls button:hover:not(:disabled){background:var(--color-bg-translucent);border-color:var(--color-border-secondary)}.table-pagination .pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.table-pagination .pagination-controls button.active{background:var(--color-brand-bg);color:var(--color-white);border-color:var(--color-brand-bg)}
.modal{position:fixed;right:0;top:0;bottom:0;left:0;z-index:10;background:var(--modal-overlay)}.modal.full-screen .modal-window{width:100%;height:100%;background:var(--color-bg-primary)}.modal .close-icon,.modal .history-icon{cursor:pointer;color:var(--color-text-tertiary);margin-left:12px;transition:var(--transition-theme)}.modal .close-icon:hover,.modal .history-icon:hover{color:var(--color-text-secondary)}.modal .modal-window{display:flex;flex-flow:column nowrap;width:800px;height:100%;background:var(--color-surface-primary);position:relative;box-shadow:var(--shadow-lg)}.modal .modal-window .modal-header{padding:24px;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary)}.modal .modal-window .modal-header__title{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start}.modal .modal-window .modal-header__title .title{margin-bottom:0;color:var(--color-text-primary)}.modal .modal-window .modal-body{flex:1;padding:16px;overflow:auto;background:var(--color-bg-primary)}.modal .modal-window .modal-body .form{padding:0}.modal .modal-window .modal-footer{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;background:var(--color-surface-primary);border-top:1px solid var(--color-border-primary)}.modal .modal-window .modal-footer>*{flex:1}.modal .modal-window .modal-footer>* button{width:100%}.modal .modal-window .form-footer{padding:24px 0 0 0}.modal .modal-window .form-footer .button{width:48%}.modal .overlay{position:fixed;z-index:-1;right:0;top:0;bottom:0;left:0}.modal .on-back{color:var(--color-primary);font-weight:500;font-size:18px;line-height:22px;height:35px;padding:10px 0;cursor:pointer;margin-top:8px;transition:var(--transition-theme)}.modal .on-back:hover{color:var(--color-primary-hover)}.modal .on-back .icon{margin-right:8px}.modal .description{font-weight:500;font-size:18px;line-height:22px;color:var(--color-text-primary);padding-top:8px}
.portal>:not(:last-child){display:none}
.confirm-modal{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:fixed;right:0;top:0;bottom:0;left:0;z-index:var(--layer-dialog);background:var(--overlay-bg)}.confirm-modal .close-icon{cursor:pointer}.confirm-modal__frame{max-width:420px;background:var(--color-white);border-radius:var(--radius-6);padding:24px 18px 18px}.confirm-modal__frame--title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:27px;text-align:center;color:var(--color-text-primary)}.confirm-modal__frame--description{color:var(--color-text-secondary);font-size:var(--font-size-regular);line-height:24px;text-align:center;margin:8px 0 24px}.confirm-modal__frame--controls{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:16px}.confirm-modal__overlay{position:fixed;z-index:-1;right:0;top:0;bottom:0;left:0}
.tabs .tab-item{font-weight:500;font-size:15px;line-height:18px;color:var(--color-text-tertiary);height:47px;padding:8px 16px;cursor:pointer;position:relative;border-bottom:2px solid var(--color-border-secondary)}.tabs .tab-item.active{color:var(--color-text-primary);border-bottom:2px solid var(--color-text-primary)}.tabs .tab-item.error{color:var(--color-error);border-bottom:2px solid var(--color-error)}.tabs .tab-item.fullwidth{flex:1;text-align:center}
.error-text{color:var(--color-error);padding-top:8px}
.text-field{width:100%;margin-bottom:1.5rem;max-width:100%}.text-field.disabled{opacity:.6;pointer-events:none}.text-field .label{display:block;color:var(--color-text-secondary);line-height:1.5;font-size:var(--font-size-small);font-weight:500;margin-bottom:.5rem}.text-field .label .asterisc{color:var(--color-error);margin-left:.25rem}.text-field .input-wrapper{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;background:var(--form-bg);border:2px solid var(--form-border);border-radius:var(--radius-6);position:relative;transition:var(--speed-regular) var(--ease-out);overflow:hidden}.text-field .input-wrapper:hover{border-color:var(--form-border-hover)}.text-field .input-wrapper:focus-within{border-color:var(--form-border-focus)}.text-field .input-wrapper.no-border{border:none;background:rgba(0,0,0,0)}.text-field .input-wrapper.error{border-color:var(--color-error)}.text-field .input-wrapper.error:focus-within{border-color:var(--color-error)}.text-field .input-wrapper .visibility-btn{margin-right:.25rem;color:var(--color-text-tertiary);padding:.5rem;border-radius:var(--radius-6)}.text-field .input-wrapper .visibility-btn:hover{background:var(--color-bg-quaternary);color:var(--color-text-secondary)}.text-field .text-input{flex:1;font-weight:400;font-size:var(--font-size-regular);line-height:1.5;color:var(--form-text);padding:.75rem 1rem;border:none;outline:none;background:rgba(0,0,0,0);width:100%}.text-field .text-input::placeholder{color:var(--form-placeholder);opacity:1}.text-field .text-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.text-field .help-text{color:var(--color-text-tertiary);padding-top:.5rem;width:100%;font-size:var(--font-size-small);line-height:1.4}.text-field--sm .text-input{padding:4px 5px;font-size:var(--font-size-small)}.text-field--lg .text-input{padding:4px 5px;font-size:var(--font-size-large)}.text-field--outlined .input-wrapper{border:2px solid var(--form-border)}.text-field--outlined .input-wrapper:focus-within{border-color:var(--form-border-focus)}.text-field--filled .input-wrapper{background:var(--color-bg-secondary);border:1px solid var(--form-border)}.text-field--filled .input-wrapper:hover{background:var(--color-bg-quaternary);border-color:var(--form-border-hover)}.text-field--filled .input-wrapper:focus-within{background:var(--form-bg);border-color:var(--form-border-focus)}.text-field--borderless .input-wrapper{border:none;background:rgba(0,0,0,0);padding:0}.text-field--borderless .input-wrapper:focus-within{box-shadow:none}.text-field--borderless .text-input{padding:.5rem 0;border-bottom:1px solid var(--form-border);border-radius:0}.text-field--borderless .text-input:focus{border-bottom-color:var(--form-border-focus)}.text-field--floating{position:relative}.text-field--floating .label{position:absolute;left:1rem;top:.75rem;background:var(--form-bg);padding:0 .25rem;transition:var(--speed-regular) var(--ease-out);pointer-events:none;z-index:1}.text-field--floating .text-input:focus+.label,.text-field--floating .text-input:not(:placeholder-shown)+.label{top:-0.5rem;left:.75rem;font-size:var(--font-size-small);color:var(--form-border-focus)}
.text-info-field{width:100%;margin-bottom:24px;max-width:395px}.text-info-field .input-wrapper{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;border:2px solid var(--form-border);border-radius:8px;padding:8px 12px;background:var(--form-bg);position:relative;transition:var(--transition-theme)}.text-info-field .input-wrapper:hover{border-color:var(--form-border-hover)}.text-info-field .input-wrapper:focus-within{border-color:var(--form-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--form-border-focus) 30%, transparent)}.text-info-field .input-wrapper.no-border{border:none;background:rgba(0,0,0,0);padding:8px 0}.text-info-field .label{display:block;color:var(--form-placeholder);line-height:24px;font-size:15px}.text-info-field .text-info-input{width:100%;font-weight:500;font-size:15px;line-height:20px;color:var(--form-text);padding:0;border:none;outline:none;background:rgba(0,0,0,0)}.text-info-field .text-info-input::placeholder{color:var(--form-placeholder)}.text-info-field .help-text{color:var(--form-placeholder);padding-top:8px;width:100%}.text-info-field .asterisc{color:var(--color-error)}
.search-input{min-width:324px;height:40px;background:var(--form-bg);color:var(--form-text);border-radius:8px;border:1px solid var(--form-border);padding:0 16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.search-input__icon{margin-right:8px}.search-input__input{width:calc(100% - 32px);text-align:left;flex:1;border:none;outline:none;background:rgba(0,0,0,0)}
.exact-search-input{min-width:324px;height:50px;background:var(--form-bg);border-radius:8px;border:2px solid var(--form-border);padding:0 16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.exact-search-input:hover{border-color:var(--form-border-hover)}.exact-search-input:focus-within{border-color:var(--form-border-focus)}.exact-search-input__input{flex:1;border:none;outline:none;background:rgba(0,0,0,0);color:var(--form-text)}.exact-search-input__input::placeholder{color:var(--form-placeholder)}.exact-search-input__button{margin-left:12px;margin-right:-16px;height:100%}.exact-search-input__button .button{height:100%;min-width:auto;border-radius:0 8px 8px 0}.exact-search-input__button .button .icon{margin:0}
.select .select-active--icon{margin-right:11px;color:var(--icon-color-primary)}.select .select-active--icon .icon{width:14px;height:14px}.select .select-text-field{width:100%;max-width:395px}.select .select-text-field.disabled{opacity:.7}.select .select-text-field .input-wrapper{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;border:2px solid var(--form-border);border-radius:var(--radius-8);padding:8px 12px;background:var(--form-bg);cursor:pointer}.select .select-text-field .input-wrapper:hover{border-color:var(--form-border-hover)}.select .select-text-field .input-wrapper:focus-within{border-color:var(--form-border-focus)}.select .select-text-field .input-wrapper .select-icon{color:var(--icon-color-primary)}.select .select-text-field .label{display:block;color:var(--color-text-primary);line-height:24px;font-size:var(--font-size-regular)}.select .select-text-field .text-input{width:100%;font-weight:500;font-size:var(--font-size-regular);line-height:20px;color:var(--form-text);padding:0;border:none;outline:none;background:rgba(0,0,0,0)}.select .select-text-field .help-text{color:var(--color-text-secondary);padding-top:8px;width:100%}.select .select-text-field .asterisc{color:var(--color-error)}.select-option{max-width:395px;min-width:395px;width:100%}.select-list{padding:6px 0}.select-list .search-block{padding:12px 16px;margin-bottom:8px;border-bottom:1px solid var(--color-border-primary)}.select-list .search-block .search-input{width:100%;min-width:inherit}.select-list .select-item{padding:12px 16px;cursor:pointer;transition:background-color var(--speed-regular) var(--ease-out),color var(--speed-regular) var(--ease-out)}.select-list .select-item:hover{background-color:var(--color-bg-translucent);color:var(--color-link-primary)}.select-list .select-item.selected{background-color:var(--color-bg-translucent);color:var(--color-accent)}.select-list .select-item--icon{margin-right:11px;color:var(--icon-color-secondary)}.select-list .select-item--icon .icon{width:14px;height:14px}
.multi-select{width:100%}.multi-select__label{display:block;color:var(--color-text-primary);line-height:24px;font-size:15px}.multi-select__label .asterisc{color:var(--color-error)}.multi-select__input-wrapper{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:4px;padding:8px 0;border-bottom:1px solid var(--color-line-primary);position:relative}.multi-select__input-wrapper .select-icon{color:var(--color-success);cursor:pointer}.multi-select__values{flex:1;min-height:24px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;gap:8px}.multi-select__values-chip{color:var(--color-text-primary);background-color:var(--color-bg-primary);padding:6px 8px;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:8px}.multi-select__values-chip .remove-icon{font-size:18px;cursor:pointer}.multi-select__options{width:100%}.multi-select__options-item{cursor:pointer;padding:12px 16px}.multi-select__options-item.active,.multi-select__options-item:hover,.multi-select__options-item:focus{color:var(--color-link-primary);background-color:var(--color-bg-primary)}
.multi-input-field{width:100%}.multi-input-field__label{display:block;color:var(--color-text-primary);line-height:24px;font-size:15px}.multi-input-field__label .asterisc{color:var(--color-error)}.multi-input-field__input-wrapper{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:4px;padding:8px 12px;border:2px solid var(--color-line-primary);border-radius:8px;background:var(--form-bg);position:relative}.multi-input-field__input-wrapper:hover{border-color:var(--form-border-hover)}.multi-input-field__input-wrapper:focus-within{border-color:var(--form-border-focus)}.multi-input-field__input-wrapper .select-icon{color:var(--color-link-primary);cursor:pointer}.multi-input-field__values{flex:1;min-height:24px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;gap:8px}.multi-input-field__values-chip{color:var(--color-text-primary);background-color:var(--color-bg-secondary);padding:6px 8px;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:8px}.multi-input-field__values-chip .remove-icon{font-size:18px;cursor:pointer}.multi-input-field__values-input{flex:1;font-weight:500;font-size:15px;line-height:20px;color:var(--color-text-dark);padding:0;margin:0;border:none;outline:none;background:rgba(0,0,0,0)}.multi-input-field .help-text{color:var(--color-text-muted);padding-top:8px}.multi-input-field ::placeholder{color:var(--color-text-muted);opacity:1}
.list-checkboxes .checkbox{position:relative;margin-bottom:0;cursor:pointer;height:22px}.list-checkboxes .checkbox .checkbox-label{width:calc(100% - 30px)}.list-checkboxes .checkbox .checkbox-icon{margin-right:6px;color:var(--color-link-primary)}.list-checkboxes .checkbox .help-text{color:var(--color-text-primary);padding-top:8px;padding-left:4px}.list-checkboxes .checkbox.disabled{opacity:.7}.list-checkboxes .checkbox.child{padding-left:20px}.list-checkboxes .error-text{color:var(--color-error);padding-top:8px;width:100%;margin-bottom:10px}
.radio-button{position:relative;margin-bottom:25px}.radio-button .radio-button-input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1;cursor:pointer}.radio-button .radio-button-label{width:calc(100% - 30px)}.radio-button .radio-button-icon{margin-right:6px;color:var(--icon-color-primary)}.radio-button .help-text{color:var(--color-text-primary);padding-top:8px;padding-left:4px}
.radio-buttons-group{position:relative;margin-bottom:25px}.radio-buttons-group .radio-button{position:relative}.radio-buttons-group .label{display:block;margin-bottom:16px}.radio-buttons-group .radio-button-input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1;cursor:pointer}.radio-buttons-group .radio-button-input+.checked{display:none}.radio-buttons-group .radio-button-input:checked~.unchecked{display:none}.radio-buttons-group .radio-button-input:checked+.checked{display:block}.radio-buttons-group .radio-button-label{width:calc(100% - 30px)}.radio-buttons-group .radio-button-icon{margin-right:6px;color:var(--icon-color-primary)}.radio-buttons-group .help-text{color:var(--color-text-primary);padding-top:8px;padding-left:4px}.radio-buttons-group .asterisc{color:var(--color-error)}
.info-panel{font-style:normal;font-weight:500;font-size:15px;line-height:20px;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;height:44px;min-width:124px;margin-bottom:16px;padding:12px 16px;display:flex;align-items:center;transition:var(--transition-theme)}.info-panel.error{background:rgba(var(--color-error), 0.1);color:var(--color-error);border-color:var(--color-error)}.info-panel.warning{background:rgba(var(--color-warning), 0.1);color:var(--color-warning);border-color:var(--color-warning)}.info-panel.success{background:rgba(var(--color-success), 0.1);color:var(--color-success);border-color:var(--color-success)}.info-panel .icon{margin-left:8px;height:16px;width:16px;color:currentColor;transition:var(--transition-theme)}
.datetime-picker{position:relative;max-width:395px}.datetime-picker .calendar-icon{position:absolute;right:0;top:20px}.datetime-picker .calendar-icon svg{color:var(--color-success)}.datetime-picker__content{background-color:var(--color-white)}.datetime-picker__content .list-hours.disabled,.datetime-picker__content .list-minutes.disabled{pointer-events:none;opacity:.6}
.datetime-range-picker{position:relative;max-width:395px}.datetime-range-picker__icon{margin-left:10px;position:absolute;right:0;top:3px}.datetime-range-picker__content{background-color:#fff}.datetime-range-picker__content .title{width:100%;text-align:center}
.time-picker{max-width:395px;margin-bottom:25px;position:relative}.time-picker .text-field{width:100%;margin-bottom:0}.time-picker__icon{margin-left:10px;position:absolute;right:0;top:28px}.time-list{padding:10px;max-width:395px;width:190px;height:300px;background-color:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--radius-8);display:flex;gap:10px}.time-list .list-hours,.time-list .list-minutes{width:80px;height:100%;overflow:auto}.time-list .list-hours::-webkit-scrollbar,.time-list .list-minutes::-webkit-scrollbar{display:none}.time-list .list-hours,.time-list .list-minutes{-ms-overflow-style:none;scrollbar-width:none}.time-list .list-hours .item,.time-list .list-minutes .item{padding:8px;border:1px solid rgba(0,0,0,0);margin-bottom:2px;cursor:pointer;border-radius:var(--radius-6);color:var(--form-text);background:rgba(0,0,0,0);transition:background .2s,color .2s}.time-list .list-hours .item:hover,.time-list .list-minutes .item:hover{background:var(--color-brand-bg);color:var(--color-text-inverse);opacity:.85}.time-list .list-hours .item.active,.time-list .list-minutes .item.active{background:var(--color-brand-bg);color:var(--color-text-inverse);border-color:var(--color-brand-bg)}
.details-card{display:flex;flex-flow:column nowrap;width:100%;height:100%;gap:16px;background:var(--color-bg-primary);border-radius:8px;color:var(--color-text-primary);text-decoration:none;border:1px solid var(--color-line-secondary)}.details-card__header{padding:24px 24px 0}.details-card__content{flex:1;overflow:auto;padding:0 24px;max-height:475px}.details-card__footer{padding:0 24px 24px}.details-card__preloader{flex:1;display:flex;justify-content:center;align-items:center}.details-card__preloader .preloader{position:relative}
.export-button{text-decoration:none}.export-button.disabled{pointer-events:none}.export-button svg{margin-right:8px}
.stock-code-search__controls{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px;margin-top:16px;padding:0 16px}.stock-code-search__controls-text{font-weight:500;font-size:15px;line-height:20px}.stock-code-search__controls .radio-button{margin-bottom:0}.stock-code-search__options{width:100%}.stock-code-search__options-item{cursor:pointer;padding:16px}.stock-code-search__options-item.active,.stock-code-search__options-item:hover,.stock-code-search__options-item:focus{color:var(--form-text);background-color:var(--form-bg)}
.stock-code-search-table{display:flex;flex-flow:column nowrap;align-items:stretch}.stock-code-search-table__filters{display:flex;flex-flow:row wrap;align-items:center;gap:16px;padding:16px 0 24px}.stock-code-search-table__filters--title{font-weight:500}.stock-code-search-table__filters--content{display:flex;flex-flow:row wrap;align-items:center;gap:16px}.stock-code-search-table__filters--content .radio-button{margin-bottom:0}
.customer-search__controls{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px;margin-top:16px;padding:0 16px}.customer-search__controls-text{font-weight:500;font-size:var(--font-size-regular);line-height:20px;color:var(--color-text-primary)}.customer-search__controls .radio-button{margin-bottom:0}.customer-search__options{width:100%}.customer-search__options-item{cursor:pointer;padding:16px;transition:background-color var(--speed-regular) var(--ease-out),color var(--speed-regular) var(--ease-out)}.customer-search__options-item.active,.customer-search__options-item:hover,.customer-search__options-item:focus{color:var(--color-link-primary);background-color:var(--color-bg-translucent)}
.supplier-search__controls{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px;margin-top:16px;padding:0 16px}.supplier-search__controls-text{font-weight:var(--font-weight-medium);font-size:var(--font-size-regular);line-height:20px;color:var(--color-text-secondary)}.supplier-search__controls .radio-button{margin-bottom:0}.supplier-search__options{width:100%}.supplier-search__options-item{cursor:pointer;padding:16px;border-radius:var(--radius-6);transition:background-color .2s ease}.supplier-search__options-item:hover,.supplier-search__options-item:focus{color:var(--color-link-primary);background-color:var(--color-bg-translucent)}.supplier-search__options-item.active{color:var(--color-link-primary);background-color:var(--color-bg-level-1)}
.carousel{width:100%;border-radius:var(--radius-8);position:relative}.carousel.bordered{border:1px solid var(--color-border-primary)}.carousel__frame{width:100%;height:100%;overflow:hidden}.carousel__track{height:100%;display:flex;flex-flow:row nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;transition:transform .6s ease}.carousel__track-item{flex:1;margin:16px 40px 24px;overflow:hidden}.carousel__track-item>*{height:100%;display:block;margin:0 auto}.carousel .arrow-prev,.carousel .arrow-next{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.carousel .arrow-prev svg,.carousel .arrow-next svg{fill:var(--color-line-secondary)}.carousel .arrow-prev.disabled,.carousel .arrow-next.disabled{cursor:unset}.carousel .arrow-prev.disabled svg,.carousel .arrow-next.disabled svg{fill:var(--color-border-primary)}.carousel .arrow-prev{left:2px}.carousel .arrow-next{right:2px}.carousel__indicators{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-flow:row nowrap}.carousel__indicators-dot{width:6px;height:6px;background-color:var(--color-border-secondary);border-radius:50%;margin:0 4px;cursor:pointer;transition:all .5s ease;z-index:2}.carousel__indicators-dot.active{background-color:var(--color-link-primary)}
.gallery-image{width:100%;text-align:center}.gallery-image__thumbnail{width:100%;height:100%;display:inline-block;cursor:pointer}.gallery-image__thumbnail img{height:100%}.gallery-image__overlay{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-blur);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:opacity .3s}.gallery-image__overlay img{max-width:90%;max-height:90%;width:auto;height:auto;transform:scale(0.95);transition:transform .3s}.gallery-image__overlay .close-icon{position:absolute;top:50px;right:50px;cursor:pointer;color:var(--icon-color-primary)}.gallery-image__overlay.open{visibility:visible;opacity:1;outline:none;cursor:default}.gallery-image__overlay.open img{transform:scale(1)}
.navigation-card{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px;height:80px;padding:16px;text-decoration:none;background:var(--color-bg-primary);border-radius:8px;color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.navigation-card__icon{width:40px;height:40px;border-radius:8px;background:var(--color-bg-quinary);justify-content:center;align-items:center;display:flex}.navigation-card__icon svg{display:block}.navigation-card__title{font-size:18px;font-weight:500;line-height:24px}
.menu-item-card{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px;height:150px;padding:16px;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);text-decoration:none;cursor:pointer;transition:var(--transition-theme);box-shadow:var(--shadow-sm)}.menu-item-card:hover{background:var(--color-surface-elevated);border-color:var(--color-border-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.menu-item-card__icon{width:80px;height:80px;border-radius:80px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-theme)}.menu-item-card__icon svg{width:60%;height:60%;fill:var(--color-primary);transition:var(--transition-theme)}.menu-item-card__content{flex:1;display:flex;flex-direction:column;gap:8px}.menu-item-card__title{font-size:18px;font-weight:500;line-height:24px;color:var(--color-text-primary);margin:0}.menu-item-card__description{font-size:14px;font-weight:400;line-height:20px;color:var(--color-text-secondary);margin:0}.menu-item-card:hover .menu-item-card__icon{background:var(--color-primary)}.menu-item-card:hover .menu-item-card__icon svg{fill:var(--color-text-inverse)}
.labelled-divider{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.labelled-divider__line{height:1px;flex:1;background-color:var(--icon-color-primary)}.labelled-divider__text{font-size:18px;font-weight:500;line-height:24px;text-align:center;color:var(--color-text-primary)}
.fields-configurator__icon{cursor:pointer}.fields-configurator__icon svg{color:var(--color-success)}.fields-configurator__popover{display:flex;flex-flow:column nowrap;justify-content:center;align-items:stretch;gap:16px;padding:16px 0}.fields-configurator__popover .fields-group{padding:0 16px}.fields-configurator__popover .fields-group:not(:last-child){padding-bottom:16px;border-bottom:1px solid var(--color-line-primary)}.fields-configurator__popover .fields-group__header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:16px}.fields-configurator__popover .fields-group__header--title{font-size:15px;font-weight:500;line-height:20px}.fields-configurator__popover .fields-group__body{display:flex;flex-flow:column nowrap;justify-content:center;align-items:stretch;gap:16px}.fields-configurator__popover .fields-group__body .checkbox{margin-bottom:0}
.alert{display:flex;flex-flow:row nowrap;align-items:center;gap:16px;background-color:var(--color-bg-level-2);padding:16px;border-radius:var(--radius-6);max-width:395px}.alert__icon .info-icon{fill:var(--color-link-primary)}.alert__text{font-size:var(--font-size-small);line-height:1.25rem;color:var(--color-text-secondary)}
.modern-card{background:var(--color-white);border-radius:var(--radius-8);transition:all .2s ease;position:relative;overflow:hidden}.modern-card--default{box-shadow:var(--shadow-sm);border:1px solid var(--color-border-secondary)}.modern-card--elevated{box-shadow:0 20px 40px rgba(0,0,0,.2);border:none}.modern-card--outlined{box-shadow:none;border:2px solid var(--color-border-secondary)}.modern-card--flat{box-shadow:none;border:none;background:rgba(0,0,0,0)}.modern-card--padding-none .modern-card__content{padding:0}.modern-card--padding-sm .modern-card__content{padding:1rem}.modern-card--padding-md .modern-card__content{padding:1.5rem}.modern-card--padding-lg .modern-card__content{padding:2rem}.modern-card--hoverable:hover{box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateY(-1px)}.modern-card--hoverable.modern-card--elevated:hover{box-shadow:0 24px 48px rgba(0,0,0,.25);transform:translateY(-2px)}.modern-card--hoverable.modern-card--outlined:hover{border-color:var(--color-brand-bg);box-shadow:var(--shadow-sm)}.modern-card--clickable{cursor:pointer}.modern-card--clickable:active{transform:translateY(0)}.modern-card--loading .modern-card__content{opacity:0}.modern-card__content{transition:opacity .2s ease}.modern-card__content--hidden{opacity:0}.modern-card__loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--color-white)}.modern-card__skeleton{width:100%;height:100%;min-height:4rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-secondary)}.card-header__title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:1.4;color:var(--color-text-primary);margin:0}.card-header__subtitle{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-text-tertiary);margin:.25rem 0 0}.card-header__actions{display:flex;gap:.5rem;align-items:center}.card-body:not(:last-child){margin-bottom:1rem}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-secondary)}.card-footer--center{justify-content:center}.card-footer--end{justify-content:flex-end}
.connection-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:20px}.connection-error__container{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:40px;text-align:center;max-width:500px;width:100%}.connection-error__icon{font-size:4rem;margin-bottom:20px}.connection-error__title{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 16px 0}.connection-error__message{color:#666;font-size:1rem;line-height:1.5;margin:0 0 30px 0}.connection-error__retry{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.connection-error__retry:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.3)}.connection-error__retry:active{transform:translateY(0)}
.api-sync{padding:24px}.api-sync__tab-content{padding:16px 0;height:calc(100vh - 185px)}.api-sync__tab-content>div{display:flex;flex-flow:column nowrap;height:100%}.api-sync__tab-content .pause-icon{color:var(--color-warning)}.api-sync__tab-content .play-icon{color:var(--color-success)}.api-sync .table .thead th .table-head-cell{padding:10px 16px}.api-sync .table .tbody tr td>div{padding:12px 16px}.api-sync .status-icon{font-size:1.8rem}.api-sync .sync-in__table-actions{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:8px;max-width:180px}.api-sync .sync-in__table-actions svg{font-size:24px}.api-sync .sync-in__table-actions .activate-icon{padding-left:3px}.api-sync .sync-in .manage-fields-form .delete-icon{color:var(--color-border)}.api-sync .sync-in .table .tbody tr td>div{padding:8px 16px}.api-sync .sync-out{position:relative}.api-sync .sync-out__top-controls{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px;position:absolute;top:-60px;right:0}.api-sync .sync-out__top-controls .filter-btn button{color:var(--color-brand-bg);border:1px solid var(--color-border);background-color:rgba(0,0,0,0);min-width:auto}.api-sync .sync-out__top-controls .filter-btn svg{color:var(--color-brand-bg);margin-right:4px}.api-sync .sync-out__top-controls .refresh-btn button{background-color:var(--color-brand-bg);min-width:auto}.api-sync .sync-out__top-controls .refresh-btn svg{color:var(--color-bg)}.api-sync .sync-out__status-filters{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;gap:30px;padding:8px 0}.api-sync .sync-out__status-filters-item{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:8px}.api-sync .sync-out__status-filters-item .radio-button{margin-bottom:0}.api-sync .sync-out__applied-filters{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;gap:16px;padding:4px 0}.api-sync .sync-out__applied-filters-item{color:var(--color-bg);background-color:var(--color-brand-bg);padding:4px 12px;border-radius:4px;font-size:14px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.api-sync .sync-out__applied-filters-item svg{cursor:pointer;margin-left:12px}.api-sync .sync-out__filters-form__sub-content{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:24px}.api-sync .sync-out__table{margin-top:8px}.api-sync .sync-out__table .table .tbody tr td .box{padding:4px 8px;font-size:12px;font-weight:700}.api-sync .sync-out__details{display:flex;flex-flow:column nowrap;width:100%}.api-sync .sync-out__details-row{padding:32px 8px}.api-sync .sync-out__details-row:first-child{padding-top:12px}.api-sync .sync-out__details-row:last-child{padding-bottom:12px}.api-sync .sync-out__details-row-line{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:24px}.api-sync .sync-out__details-row-line>*{flex:1}.api-sync .sync-out__details-row:not(:last-child){border-bottom:1px solid var(--color-border)}.api-sync .sync-out__details-info{display:flex;flex-flow:column nowrap;gap:12px}.api-sync .sync-out__details-info-title{color:var(--color-text-secondary)}.api-sync .sync-out__details-info-body{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:24px}.api-sync .sync-out__details-info-body .info-icon{color:var(--color-border)}.api-sync .sync-out__details-table{background-color:var(--color-border)}.api-sync .sync-out__resolvement-details{display:flex;flex-flow:column nowrap;gap:30px}.api-sync .sync-out .waiting-icon{color:var(--color-border-subtle)}.api-sync .sync-out .preparing-icon{color:var(--color-warning)}.api-sync .sync-out .stop-icon{color:var(--color-error)}.api-sync .sync-out .failed-icon{color:var(--color-error)}.api-sync .sync-out .resolved-icon{color:var(--color-brand-bg)}.api-sync .sync-out .processed-icon{color:var(--color-success)}.api-sync .sync-logs{position:relative}.api-sync .sync-logs__top-controls{position:absolute;top:-60px;right:0}.api-sync .sync-logs__top-controls .filter-btn button{color:var(--color-bg);background-color:var(--color-brand-bg);min-width:auto}.api-sync .sync-logs__top-controls .filter-btn svg{color:var(--color-bg);margin-right:4px}.api-sync .sync-logs__details{display:flex;flex-flow:column nowrap;padding:12px 8px;width:100%}.api-sync .sync-logs__details-row{display:flex;flex-flow:column nowrap;gap:16px;padding:16px 0}.api-sync .sync-logs__details-row:first-child{padding-top:0}.api-sync .sync-logs__details-row:last-child{padding-bottom:0}.api-sync .sync-logs__details-row .small-title{color:var(--color-text-secondary)}.api-sync .sync-logs__details-row-item{max-height:400px;overflow-y:auto}.api-sync .sync-logs__details-row:not(:last-child){border-bottom:1px solid var(--color-border)}.api-sync .sync-logs__filters-search{margin-bottom:24px}.api-sync .sync-logs .succeed-icon{color:var(--color-success)}.api-sync .sync-logs .failed-icon{color:var(--color-error)}
.bar-codes-list{padding:24px 24px 54px 24px}.bar-codes-list .search-panel{width:100%;padding-bottom:8px}.bar-codes-list .search-panel .search-input{margin-right:8px}.bar-codes-list .content{height:calc(100% - 58px) !important}.bar-codes-list .table{min-width:auto}.bar-codes-list .right-sidebar-buttons .right-sidebar-buttons-row{width:100%;padding-top:24px;display:flex;align-items:center;flex-flow:row;justify-content:space-between}.bar-codes-list .right-sidebar-buttons .right-sidebar-buttons-row .button-wrapper{width:48%}.bar-codes-list .right-sidebar-buttons .right-sidebar-buttons-row .button-wrapper .button{width:100%}.bar-codes-list .right-sidebar-content{padding-top:24px}.bar-codes-list .right-sidebar-content .bar-code-image-container{width:100%;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-secondary);border-radius:8px;margin-bottom:6px}.bar-codes-list .right-sidebar-content .bar-code-add-container,.bar-codes-list .right-sidebar-content .bar-code-details-container{padding-top:24px}.bar-codes-list .right-sidebar-content .bar-code-add-container .remove-button-container .button-wrapper,.bar-codes-list .right-sidebar-content .bar-code-details-container .remove-button-container .button-wrapper{width:100%}.bar-codes-list .right-sidebar-content .bar-code-add-container .remove-button-container .button-wrapper .button,.bar-codes-list .right-sidebar-content .bar-code-details-container .remove-button-container .button-wrapper .button{width:100%}.bar-codes-list .right-sidebar-actions .icon{margin-left:4px;color:var(--color-text-tertiary)}.bar-codes-list .bar-code-assignment-row{display:flex;align-items:center;justify-content:center;flex-flow:row;flex-wrap:wrap;margin-bottom:24px}.bar-codes-list .bar-code-assignment{width:100%;height:44px;border-radius:8px}.bar-codes-list .bar-code-assignment.assigned{background:var(--color-warning-bg);color:var(--color-warning)}.bar-codes-list .bar-code-assignment.unassigned{background:var(--color-success-bg);color:var(--color-success)}.bar-codes-list .replace-table-container{background:var(--color-surface-primary);border-radius:8px;border:1px solid var(--color-border-secondary);max-height:100%;overflow-x:auto;width:100%}.bar-codes-list .search-stock-code-panel{width:100%;padding-bottom:8px}.bar-codes-list .search-stock-code-panel .search-input{width:100%}.bar-codes-list .print-station-container .select{width:100%}.bar-codes-list .filter-by{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;padding:16px 8px;gap:8px}.bar-codes-list .filter-by__title{font-weight:bold;white-space:nowrap}.bar-codes-list .filter-by__content{flex:1;display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;gap:8px}.bar-codes-list .filter-by__content .checkbox{margin:0;padding:0}.bar-codes-list .filter-by__content .radio-button{margin-bottom:0}
.modal-delete{position:fixed;right:0;top:0;bottom:0;left:0;z-index:10;background:var(--color-bg-primary)}.modal-delete .close-icon{cursor:pointer}.modal-delete .modal-window{width:420px;background:var(--color-bg-primary);border-radius:6px}.modal-delete .modal-window .modal-body{padding:32px 24px 32px 24px;border-top:1px solid var(--color-line-primary)}.modal-delete .modal-window .modal-body .title-small{font-size:15px;width:100%}.modal-delete .modal-window .modal-footer{padding:0 24px 24px 24px}.modal-delete .modal-window .modal-footer .button-wrapper{width:48%}.modal-delete .modal-window .modal-footer .button-wrapper .button{width:100%}.modal-delete .overlay{position:fixed;z-index:-1;right:0;top:0;bottom:0;left:0}.modal-delete .description{font-weight:500;font-size:18px;line-height:22px;color:#37474f;padding-top:8px}
.bar-code-prefix-list{padding:24px 24px 54px 24px}.bar-code-prefix-list .search-panel{width:100%;padding-bottom:8px}.bar-code-prefix-list .search-panel .search-input{margin-right:8px}.bar-code-prefix-list .content{height:calc(100% - 58px) !important}.bar-code-prefix-list .right-sidebar .right-sidebar-content{padding-top:24px}.bar-code-prefix-list .right-sidebar .right-sidebar-content .bar-code-prefix-details-container{padding-top:24px}.bar-code-prefix-list .right-sidebar .bar-code-prefix-details{padding-top:16px}.bar-code-prefix-list .right-sidebar .right-sidebar-buttons .right-sidebar-buttons-row{width:100%;padding-top:24px;display:flex;align-items:center;flex-flow:row;justify-content:space-between}.bar-code-prefix-list .right-sidebar .right-sidebar-buttons .right-sidebar-buttons-row .button-wrapper{width:48%}.bar-code-prefix-list .right-sidebar .right-sidebar-buttons .right-sidebar-buttons-row .button-wrapper .button{width:100%}.bar-code-prefix-list .select{width:100%}
.items-setup{padding:24px 24px 54px 24px}.items-setup .modal-body .table-block{max-height:none}.items-setup .search-panel{width:100%;padding-bottom:8px}.items-setup .search-panel .search-input{margin-right:8px}.items-setup .content{height:calc(100% - 58px) !important}.items-setup .right-sidebar .right-sidebar-actions .icon{margin-left:4px;color:var(--icon-color-secondary)}.add-crate .table{min-width:inherit}.add-crate .table input{padding:10px;border-radius:var(--radius-8);border:1px solid var(--form-border);text-align:center;font-size:var(--font-size-regular);line-height:24px;max-width:120px;width:100%;color:var(--form-text);background:var(--form-bg)}.add-crate .table .checked-icon{color:var(--color-success)}.create-trolley-modal .step-header .step-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-large);line-height:22px;text-align:left;color:var(--color-text-secondary);margin-bottom:8px}.create-trolley-modal .step-header .step-description{font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:22px;color:var(--color-text-secondary)}.create-trolley-modal .step-pointer{padding:10px 35px;border-bottom:1px solid var(--form-border)}.create-trolley-modal .step-pointer .point{color:var(--color-text-tertiary)}.create-trolley-modal .step-pointer .point.active{color:var(--color-link-primary)}.create-trolley-modal .step-pointer .point.confirmed{color:var(--color-success)}.create-trolley-modal .step-body{padding-top:10px;max-height:calc(100% - 151px);overflow:auto}.create-trolley-modal .step-body form{width:100%}.create-trolley-modal .step-body .table-block{border:1px solid var(--form-border)}.create-trolley-modal .step-body .table .table-th .th{min-width:50px;max-width:100%}.create-trolley-modal.step-2-picking-box .step-body{height:calc(100% - 171px)}.create-trolley-modal.step-2-picking-box .step-body .table-block{max-height:calc(100% - 144px)}.create-trolley-modal.step-2-load-carrier .step-body{height:calc(100% - 171px)}.create-trolley-modal.step-2-load-carrier .step-body .table-block{max-height:calc(100% - 44px)}.create-trolley-modal.step-3-trolleys .description{font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:24px;color:var(--color-text-tertiary)}.create-trolley-modal.step-3-trolleys.step-3-trolleys-list-trolleys .step-body{height:calc(100% - 151px)}.create-trolley-modal.step-3-trolleys.step-3-trolleys-list-trolleys .step-body .table-block{height:calc(100% - 114px);margin-bottom:30px}.create-trolley-modal .step-body-header{padding-bottom:8px}.create-trolley-modal .step-body-header .selected-counter{font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:24px;color:var(--icon-color-secondary)}.create-trolley-modal .step-body-header .button-wrapper{margin-right:10px}.enable-calculate{position:fixed;inset:0;background:var(--overlay-bg)}.enable-calculate .modal-body{width:300px;height:200px;background:var(--color-white);padding:16px;border-radius:var(--radius-8)}.enable-calculate .modal-body .title{font-weight:var(--font-weight-semibold);font-size:22px;line-height:27px;display:flex;align-items:flex-end;text-align:center;color:var(--color-text-secondary)}.enable-calculate .modal-body .description{font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:20px;text-align:center;color:var(--color-text-secondary);margin-bottom:24px}.enable-calculate .modal-body .button{width:100% !important}.bin-no-size .th,.bin-no-size td,.bin-section .th,.bin-section td{min-width:20px !important;max-width:50px !important}.bin-no-size .table,.bin-section .table{min-width:100%}.set-stock-code-modal .search-by{padding:5px 0 10px 0}.set-stock-code-modal .search-by .radio-button{margin-bottom:0}
.configuration{width:100%;height:calc(100vh - var(--header-height));overflow:auto}.configuration-group{width:100%;max-width:1118px;margin:0 auto 48px}.configuration-group__title{margin-bottom:14px;padding-left:7px;font-size:var(--font-size-title);font-weight:var(--font-weight-regular);color:var(--icon-color-secondary)}.configuration-group__items{display:grid;grid-template-columns:repeat(5, 1fr);gap:16px}.configuration .purchase-order-settings-form .text-info-field,.configuration .purchase-order-settings-form .select-text-field{margin-bottom:12px}
:root{--easing-linear: linear;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-smooth: cubic-bezier(0.4, 0, 0.2, 1);--easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);--easing-elastic: cubic-bezier(0.175, 0.885, 0.32, 1.275);--easing-back: cubic-bezier(0.34, 1.56, 0.64, 1);--easing-anticipate: cubic-bezier(0.8, 0, 1, 1);--duration-instant: 0ms;--duration-fast: 150ms;--duration-medium: 250ms;--duration-slow: 350ms;--duration-slower: 500ms;--duration-slowest: 700ms}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideInUp{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes zoomIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,7%{transform:rotateZ(0deg)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}40%,100%{transform:rotateZ(0deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes bounce{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}}@keyframes buttonHover{0%{transform:translateY(0);box-shadow:var(--shadow-md)}100%{transform:translateY(-1px);box-shadow:var(--shadow-lg)}}@keyframes cardHover{0%{transform:translateY(0);box-shadow:var(--card-shadow)}100%{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}}@keyframes tada{0%{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}100%{transform:scale3d(1, 1, 1)}}@keyframes jello{11.1%{transform:skewX(-12.5deg) skewY(-12.5deg)}22.2%{transform:skewX(6.25deg) skewY(6.25deg)}33.3%{transform:skewX(-3.125deg) skewY(-3.125deg)}44.4%{transform:skewX(1.5625deg) skewY(1.5625deg)}55.5%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}66.6%{transform:skewX(0.390625deg) skewY(0.390625deg)}77.7%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}88.8%{transform:skewX(0.09765625deg) skewY(0.09765625deg)}100%{transform:skewX(0deg) skewY(0deg)}}.animate-none{animation:none !important}.animate-fade-in{animation:fadeIn var(--duration-medium) var(--easing-smooth)}.animate-fade-out{animation:fadeOut var(--duration-medium) var(--easing-smooth)}.animate-slide-up{animation:slideInUp var(--duration-medium) var(--easing-smooth)}.animate-slide-down{animation:slideInDown var(--duration-medium) var(--easing-smooth)}.animate-slide-left{animation:slideInLeft var(--duration-medium) var(--easing-smooth)}.animate-slide-right{animation:slideInRight var(--duration-medium) var(--easing-smooth)}.animate-scale-in{animation:scaleIn var(--duration-medium) var(--easing-smooth)}.animate-scale-out{animation:scaleOut var(--duration-medium) var(--easing-smooth)}.animate-zoom-in{animation:zoomIn var(--duration-medium) var(--easing-bounce)}.animate-zoom-out{animation:zoomOut var(--duration-medium) var(--easing-smooth)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-tada{animation:tada 1s ease-in-out}.animate-jello{animation:jello 1s ease-in-out}.skeleton{background:linear-gradient(90deg, var(--color-border-primary) 25%, var(--color-bg-secondary) 50%, var(--color-border-primary) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius-sm)}.shimmer{background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200px 100%;background-repeat:no-repeat;animation:shimmer 1.5s infinite}.hover-lift{transition:var(--transition-all)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:var(--transition-all)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:var(--transition-all)}.hover-glow:hover{box-shadow:0 0 20px var(--color-primary)}.stagger-children>*{animation-delay:calc(var(--i, 0)*100ms)}.stagger-fast>*{animation-delay:calc(var(--i, 0)*50ms)}.stagger-slow>*{animation-delay:calc(var(--i, 0)*200ms)}.page-enter{opacity:0;transform:translateY(1rem)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-medium) var(--easing-smooth),transform var(--duration-medium) var(--easing-smooth)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-0.5rem);transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.modal-enter{opacity:0;transform:scale(0.95)}.modal-enter-active{opacity:1;transform:scale(1);transition:opacity var(--duration-medium) var(--easing-smooth),transform var(--duration-medium) var(--easing-bounce)}.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(0.95);transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.animate-spin{animation:none}.skeleton,.shimmer{animation:none;background:var(--color-bg-secondary)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.gpu-accelerated{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.dashboard__entry{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:var(--space-6);height:calc(100% - var(--space-12));border-radius:var(--radius-8);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-translucent);color:var(--icon-color-secondary);background:var(--color-bg-secondary)}.dashboard__entry-content{display:flex;flex-flow:column nowrap;gap:var(--space-6);max-width:28rem;padding:var(--space-8);justify-content:center;align-items:center}.dashboard__entry-content .dashboard__entry-icon{width:20rem;height:12rem;fill:var(--color-brand-bg);transition:var(--speed-regular) var(--ease-out)}.dashboard__entry-title{font-size:var(--text-4xl);font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-4)}.dashboard__entry-description{font-size:var(--text-lg);font-weight:400;line-height:1.6;color:var(--color-text-secondary);text-align:center}.dashboard__widget{animation:fadeInUp .5s var(--ease-out)}.dashboard__widgets-dialog .checkbox{margin-bottom:var(--space-5)}.dashboard__widgets-layout{width:100%;height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;padding:var(--space-4) var(--space-4) var(--space-10);background:rgba(0,0,0,0)}.dashboard__widgets-layout-controls{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;padding:var(--space-6) var(--space-6) var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-8) var(--radius-8) 0 0;border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm)}.dashboard__widgets-layout .react-grid-layout{position:relative;background:rgba(0,0,0,0)}.dashboard__widgets-layout .dashboard__widget{width:550px;height:420px;background:var(--color-bg-primary);border-radius:var(--radius-8);box-shadow:var(--shadow-md);border:1px solid var(--color-border-primary);overflow:hidden;transition:var(--speed-regular) var(--ease-out)}.dashboard__widgets-layout .dashboard__widget:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard__widgets-layout .dashboard__widget-header{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:var(--space-3);height:4rem;border-bottom:1px solid var(--color-border-primary);padding:0 var(--space-6);background:var(--header-bg)}.dashboard__widgets-layout .dashboard__widget-header--title{font-size:var(--text-lg);font-weight:600;line-height:1.4;color:var(--color-text-primary);margin:0}.dashboard__widgets-layout .dashboard__widget-header--link{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;color:var(--color-brand-bg);padding:var(--space-2);border-radius:var(--radius-6);transition:var(--speed-regular) var(--ease-out)}.dashboard__widgets-layout .dashboard__widget-header--link:hover{background:var(--color-bg-translucent);color:var(--color-link-primary)}.dashboard__widgets-layout .dashboard__widget-header--controls{flex:1;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:var(--space-2)}.dashboard__widgets-layout .dashboard__widget-content{padding:var(--space-6) var(--space-4);height:calc(100% - 4rem);overflow:hidden;background:var(--color-bg-primary)}.dashboard__widgets-layout .dashboard__widget .drug-n-drop-control{color:var(--color-text-tertiary);cursor:move;padding:var(--space-2);border-radius:var(--radius-6);transition:var(--speed-regular) var(--ease-out)}.dashboard__widgets-layout .dashboard__widget .drug-n-drop-control:hover{color:var(--color-text-secondary);background:var(--color-bg-translucent)}@keyframes fadeInUp{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}
.data-views{width:100%;padding:var(--page-padding-block) var(--page-padding-inline)}.data-views .search-panel{width:100%;padding-bottom:var(--space-2)}.data-views .search-input{margin-right:var(--space-2)}.data-views .content{height:calc(100% - 54px) !important;padding-bottom:var(--space-2)}.data-views .right-sidebar{border-radius:var(--radius-8);max-height:100%;width:calc(100% - 434px - 16px)}.data-views .right-sidebar .info-alert{background-color:var(--color-bg-tint);margin-bottom:var(--space-4);max-width:100%}.data-views .list-reports{border-radius:var(--radius-8);border:1px solid var(--color-border-secondary);overflow:auto;height:100%}.data-views .list-reports .report-item{padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:24px;color:var(--color-text-primary);cursor:pointer;border-bottom:1px solid var(--color-border-secondary)}.data-views .list-reports .report-item:last-child{border-bottom:none}.data-views .list-reports .report-item.active,.data-views .list-reports .report-item:hover{background:var(--color-bg-secondary);color:var(--color-link-primary)}.data-views .run-report-block{width:400px}.data-views .run-report-block--title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-title);line-height:32px;color:var(--color-link-primary);margin-bottom:var(--space-2)}.data-views .run-report-block--description{font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:24px;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-6)}.data-views .run-report-block .image-block{width:312px;height:240px;margin-bottom:var(--space-6)}.data-views .run-report-block .image-block .svg-icon{width:312px;height:240px}.report-parameters--title{font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:24px;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.report-parameters--description{font-weight:var(--font-weight-semibold);font-size:var(--font-size-regular);line-height:20px;color:var(--color-text-primary)}.report-parameters .report-parameters-title-block{padding-bottom:18px}
.switch{position:relative;margin-bottom:25px;cursor:pointer}.switch .label{display:block;color:var(--color-text-tertiary);margin-bottom:8px;width:100%}.switch .checkbox-input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1;cursor:pointer}.switch .checkbox-label{width:calc(100% - 30px)}.switch .icon{margin-right:6px;color:var(--color-link-primary)}.switch .help-text{color:var(--color-text-quaternary);padding-top:8px;padding-left:4px}.switch .switch-item .icon{margin-right:8px}.switch .switch-item span{padding-right:24px}
.delivery{padding:var(--page-padding-block) var(--page-padding-inline)}.delivery .content{width:100%}.delivery .search-panel{width:100%;padding-bottom:var(--space-2)}.delivery .search-panel .search-input{width:auto}.delivery .delivery-groups{width:100%;max-height:calc(100vh - 265px)}.delivery .back-button{font-weight:var(--font-weight-regular);font-size:var(--font-size-large);line-height:24px;display:flex;align-items:center;color:var(--color-link-primary);margin-bottom:var(--space-6)}.delivery .content-data{height:calc(100vh - 265px);overflow:auto}.delivery-groups-details .content{width:100%;height:calc(100vh - 210px) !important;background:var(--color-white)}.delivery-groups-details--header{font-weight:var(--font-weight-semibold);font-size:var(--font-size-title);line-height:27px;display:flex;align-items:flex-end;color:var(--color-text-secondary);width:100%;padding:var(--page-padding-inline);border-bottom:1px solid var(--form-border)}.delivery-groups-details--header .actions .button{margin-left:var(--space-4)}.delivery-groups-details--content{width:100%;height:calc(100% - 76px)}.delivery-groups-details--content .left-sidebar{width:230px;padding:var(--space-2);max-height:100%;height:calc(100% - 25px)}.delivery-groups-details--content .left-sidebar .vertical-menu .item{width:100%;height:56px;padding:0 var(--space-4);cursor:pointer;border-radius:var(--radius-8);margin-bottom:var(--space-2)}.delivery-groups-details--content .left-sidebar .vertical-menu .item.active{background:var(--color-bg-tint)}.delivery-groups-details--content .right-sidebar{width:calc(100% - 230px);padding:var(--page-padding-inline);max-height:100%;height:calc(100% - 25px)}.delivery-groups-details--content .right-sidebar .search-block{width:100%}.delivery-groups-details--content .right-sidebar .parameters{padding:var(--page-padding-inline) 0 74px 0;position:relative;width:100%;max-height:100%;height:calc(100% - 50px)}.delivery-groups-details--content .right-sidebar .parameters-footer{position:absolute;right:0;left:0;bottom:0}.delivery-groups-details--content .right-sidebar .parameters form{max-height:100%;overflow:auto}.delivery-groups-details--content .right-sidebar .parameters .button{margin-left:var(--space-3)}.search-by{margin-bottom:var(--space-4)}.search-by>div{margin-right:var(--space-3)}.search-by .radio-button{margin-bottom:0}.search-by .title-small,.search-by .checkbox{margin-bottom:0}.card-details{padding:var(--page-padding-inline);width:100%;background:var(--color-bg-tint);border-radius:var(--radius-8)}.details-content-form label{width:auto}
.item-setup{padding:24px 24px 54px 24px}.item-setup .loader{position:relative}.item-setup .search-panel{width:100%;padding-bottom:8px}.item-setup .search-panel .search-input{margin-right:8px}.item-setup .content{height:calc(100% - 58px) !important}.item-setup .product-configurations-form .text-field,.item-setup .product-configurations-form .text-info-field,.item-setup .product-configurations-form .select-text-field,.item-setup .product-configurations-form .checkbox,.item-setup-modal .product-configurations-form .text-field,.item-setup-modal .product-configurations-form .text-info-field,.item-setup-modal .product-configurations-form .select-text-field,.item-setup-modal .product-configurations-form .checkbox{margin-bottom:16px}.item-setup-calculator-modal .modal-window,.item-setup-change-log-modal .modal-window,.item-setup-modal-calculator-modal .modal-window,.item-setup-modal-change-log-modal .modal-window{min-width:800px}.item-setup input::-webkit-outer-spin-button,.item-setup input::-webkit-inner-spin-button,.item-setup-modal input::-webkit-outer-spin-button,.item-setup-modal input::-webkit-inner-spin-button{-webkit-appearance:none}.item-setup input[type=number],.item-setup-modal input[type=number]{-moz-appearance:textfield}
.load-carrier{padding:var(--page-padding-block) var(--page-padding-inline)}.load-carrier .modal-body{max-height:calc(100% - 135px)}.load-carrier .search-panel{width:100%;padding-bottom:var(--space-2)}.load-carrier .search-panel .search-input{margin-right:var(--space-2)}.load-carrier .content{height:calc(100% - 58px) !important}.load-carrier .right-sidebar .description{padding-top:var(--space-2);margin-bottom:var(--space-4);line-height:1.5}.add-crate .modal-window .modal-body{height:calc(100% - 209px);overflow:hidden}.add-crate.new .modal-window .modal-body{height:calc(100% - 252px);overflow:hidden}.add-crate .table-block{height:calc(100% - 122px);overflow:auto;margin-bottom:var(--space-8);border:1px solid var(--form-border);padding-bottom:0}.add-crate .table{min-width:inherit}.add-crate .table .checkbox{display:inline-block}.add-crate .table input{padding:var(--space-3);border-radius:var(--radius-8);border:1px solid var(--form-border);text-align:center;font-size:var(--font-size-regular);line-height:24px;max-width:120px;width:100%;color:var(--form-text);background:var(--form-bg)}.add-crate .table .checked-icon{color:var(--color-success)}
.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-marketing);padding:32px;position:relative}.login-page::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%, var(--color-link-primary) 0%, transparent 50%),radial-gradient(circle at 75% 75%, var(--color-accent) 0%, transparent 50%);opacity:.1;pointer-events:none}.login-container{backdrop-filter:blur(20px);border:1px solid var(--color-border-secondary);border-radius:var(--radius-8);box-shadow:var(--overlay-shadow);padding:48px;width:100%;max-width:420px;position:relative;z-index:1}.login-container::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, var(--color-link-primary) 0%, var(--color-accent) 100%);opacity:.03;border-radius:var(--radius-8);pointer-events:none}.login-header{text-align:center;margin-bottom:32px;position:relative}.login-header .login-logo{width:180px;height:auto;margin:0 auto 24px;display:block}.login-header h1{color:var(--color-text-primary);font-size:var(--font-size-title);font-weight:700;margin:0 0 8px 0;line-height:1.1;letter-spacing:-0.025em;background:linear-gradient(135deg, var(--color-link-primary), var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.login-header p{color:var(--color-text-secondary);font-size:var(--font-size-regular);font-weight:500;margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.login-form .text-field{margin-bottom:0}.login-form .text-field input{background:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--radius-6);padding:12px 16px;font-size:var(--font-size-regular);font-weight:500;color:var(--form-text);transition:all .15s ease;backdrop-filter:blur(10px)}.login-form .text-field input:focus{outline:none;border-color:var(--form-border-focus)}.login-form .text-field input::placeholder{color:var(--form-placeholder);background:var(--form-placeholder);font-weight:400}.login-form .text-field label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:8px}.login-error{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-6);color:var(--color-error);padding:12px 16px;font-size:var(--font-size-small);font-weight:500;text-align:center;backdrop-filter:blur(10px)}.login-button{border:none;border-radius:var(--radius-6);color:var(--color-white);font-size:var(--font-size-regular);font-weight:var(--font-weight-semibold);padding:12px 24px;position:relative;overflow:hidden}.login-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.login-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--font-size-large);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-marketing)}@media(max-width: 768px){.login-page{padding:16px}.login-container{padding:32px;max-width:100%}.login-header{margin-bottom:24px}.login-header h1{font-size:1.5rem}.login-header p{font-size:var(--font-size-small)}.login-form{gap:20px}.login-button{padding:12px 20px}}
.operations-control{padding:var(--space-6);max-height:70vh;overflow-y:auto}.operations-control .control-section{margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-secondary)}.operations-control .control-section h3{margin:0 0 var(--space-4) 0;color:var(--color-text-primary);font-size:var(--font-size-large);font-weight:600}.operations-control .control-section .control-buttons{gap:var(--space-3);margin-bottom:var(--space-5)}.operations-control .control-section .status-display{display:flex;flex-direction:column;gap:var(--space-2)}.operations-control .control-section .status-display .status-item{display:flex;gap:var(--space-2);align-items:center}.operations-control .control-section .status-display .status-item .label{font-weight:500;color:var(--color-text-tertiary);min-width:80px}.operations-control .control-section .status-display .status-item .status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-rounded);font-size:var(--font-size-small);font-weight:500;text-transform:uppercase}.operations-control .control-section .status-display .status-item .status.running{background:var(--color-success-bg);color:var(--color-success)}.operations-control .control-section .status-display .status-item .status.active{background:var(--color-bg-tint);color:var(--color-link-primary)}.operations-control .control-section .status-display .status-item .status.stopped{background:var(--color-error-bg);color:var(--color-error)}.operations-control .control-section .status-display .status-item .status.unknown{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.operations-control .control-section .status-display .status-item .value{font-weight:600;color:var(--color-text-primary)}.operations-control .settings-section{margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-secondary)}.operations-control .settings-section h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-5) 0;color:var(--color-text-primary);font-size:var(--font-size-large);font-weight:600}.operations-control .settings-section h3 .section-icon{color:var(--color-text-tertiary)}.operations-control .settings-section .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.operations-control .settings-section .settings-grid .setting-item .form-field{margin-bottom:0}.operations-control .settings-section .checkbox-settings{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.operations-control .settings-section .checkbox-settings .checkbox-item{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.operations-control .settings-section .checkbox-settings .checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.operations-control .settings-section .checkbox-settings .checkbox-item span{font-size:var(--font-size-small);color:var(--color-text-secondary)}.operations-control .settings-section .settings-actions{display:flex;justify-content:flex-end}.operations-control .quick-actions h3{margin:0 0 var(--space-4) 0;color:var(--color-text-primary);font-size:var(--font-size-large);font-weight:600}.operations-control .quick-actions .action-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.system-metrics{padding:var(--space-6);background:var(--color-bg-tint);border-radius:var(--radius-8);height:100%;overflow-y:auto}.system-metrics .metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-secondary)}.system-metrics .metrics-header h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-title);font-weight:600}.system-metrics .metrics-header .last-updated{color:var(--color-text-tertiary);font-size:var(--font-size-small)}.system-metrics .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.system-metrics .metrics-grid .metric-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-secondary);transition:transform .2s ease,box-shadow .2s ease}.system-metrics .metrics-grid .metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.system-metrics .metrics-grid .metric-card .metric-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.system-metrics .metrics-grid .metric-card .metric-header .metric-icon{font-size:var(--font-size-title)}.system-metrics .metrics-grid .metric-card .metric-header .metric-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-text-tertiary)}.system-metrics .metrics-grid .metric-card .metric-value{margin-bottom:var(--space-2)}.system-metrics .metrics-grid .metric-card .metric-value .value{font-size:32px;font-weight:700;color:var(--color-text-primary)}.system-metrics .metrics-grid .metric-card .metric-value .unit{font-size:var(--font-size-regular);color:var(--color-text-tertiary);margin-left:var(--space-1)}.system-metrics .metrics-grid .metric-card .metric-status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-rounded);font-size:var(--font-size-small);font-weight:500;text-transform:uppercase}.system-metrics .metrics-grid .metric-card .metric-status.good{background:var(--color-success-bg);color:var(--color-success)}.system-metrics .metrics-grid .metric-card .metric-status.warning{background:var(--color-warning-bg);color:var(--color-warning)}.system-metrics .metrics-grid .metric-card .metric-status.critical{background:var(--color-error-bg);color:var(--color-error)}.system-metrics .performance-charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.system-metrics .performance-charts .chart-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-secondary)}.system-metrics .performance-charts .chart-section h4{margin:0 0 var(--space-5) 0;color:var(--color-text-primary);font-size:var(--font-size-large);font-weight:600}.system-metrics .performance-charts .hourly-chart .chart-bars{display:flex;gap:var(--space-1);height:120px;align-items:flex-end}.system-metrics .performance-charts .hourly-chart .chart-bars .hour-bar{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.system-metrics .performance-charts .hourly-chart .chart-bars .hour-bar .bar-fill{width:100%;max-width:20px;background:var(--color-link-primary);border-radius:2px 2px 0 0;transition:height .3s ease;min-height:2px}.system-metrics .performance-charts .hourly-chart .chart-bars .hour-bar .hour-label{font-size:10px;color:var(--color-text-tertiary);margin-top:var(--space-1)}.system-metrics .performance-charts .task-types-chart .chart-container{display:flex;flex-direction:column;gap:var(--space-3)}.system-metrics .performance-charts .task-types-chart .chart-container .task-bar{display:flex;align-items:center;gap:var(--space-3)}.system-metrics .performance-charts .task-types-chart .chart-container .task-bar .task-info{display:flex;flex-direction:column;min-width:120px}.system-metrics .performance-charts .task-types-chart .chart-container .task-bar .task-info .task-name{font-size:var(--font-size-small);font-weight:500;color:var(--color-text-primary)}.system-metrics .performance-charts .task-types-chart .chart-container .task-bar .task-info .task-count{font-size:var(--font-size-regular);font-weight:600;color:var(--color-text-tertiary)}.system-metrics .performance-charts .task-types-chart .chart-container .task-bar .progress-bar{flex:1;height:8px;background:var(--color-bg-level-2);border-radius:var(--radius-6);overflow:hidden}.system-metrics .performance-charts .task-types-chart .chart-container .task-bar .progress-bar .progress-fill{height:100%;border-radius:var(--radius-6);transition:width .3s ease}.system-metrics .performance-charts .task-types-chart .chart-container .task-bar .percentage{font-size:var(--font-size-small);font-weight:500;color:var(--color-text-tertiary);min-width:40px;text-align:right}.system-metrics .system-info{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-secondary)}.system-metrics .system-info h4{margin:0 0 var(--space-4) 0;color:var(--color-text-primary);font-size:var(--font-size-large);font-weight:600}.system-metrics .system-info .info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:var(--space-4)}.system-metrics .system-info .info-grid .info-item{display:flex;flex-direction:column;gap:var(--space-1)}.system-metrics .system-info .info-grid .info-item .info-label{font-size:var(--font-size-small);color:var(--color-text-tertiary);font-weight:500}.system-metrics .system-info .info-grid .info-item .info-value{font-size:var(--font-size-regular);color:var(--color-text-primary);font-weight:600}@media(max-width: 768px){.system-metrics .performance-charts{grid-template-columns:1fr}.system-metrics .metrics-grid{grid-template-columns:1fr}}
.task-queue{padding:20px;background:var(--color-bg-level-1);border-radius:var(--radius-8);height:100%;overflow-y:auto}.task-queue .queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-primary)}.task-queue .queue-header h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-title);font-weight:var(--font-weight-semibold)}.task-queue .queue-header .queue-stats{display:flex;gap:20px}.task-queue .queue-header .queue-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.task-queue .queue-header .queue-stats .stat-item .stat-label{font-size:var(--font-size-small);color:var(--color-text-secondary);font-weight:500}.task-queue .queue-header .queue-stats .stat-item .stat-value{font-size:var(--font-size-regular);font-weight:700;color:var(--color-text-primary)}.task-queue .queue-header .queue-stats .stat-item.running .stat-value{color:var(--color-success)}.task-queue .queue-header .queue-stats .stat-item.pending .stat-value{color:var(--color-warning)}.task-queue .queue-header .queue-stats .stat-item.failed .stat-value{color:var(--color-error)}.task-queue .queue-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.task-queue .queue-filters .filter-button{padding:8px 16px;border:1px solid var(--color-border-primary);background:var(--color-white);border-radius:var(--radius-rounded);cursor:pointer;font-size:var(--font-size-small);font-weight:500;color:var(--color-text-secondary);transition:all var(--speed-regular) var(--ease-out)}.task-queue .queue-filters .filter-button:hover{background:var(--color-bg-translucent);border-color:var(--color-border-secondary)}.task-queue .queue-filters .filter-button.active{background:var(--color-brand-bg);color:var(--color-white);border-color:var(--color-brand-bg)}.task-queue .task-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.task-queue .task-list .task-item{background:var(--color-white);border-radius:var(--radius-8);padding:20px;box-shadow:var(--overlay-shadow);border:1px solid var(--color-border-primary);transition:transform var(--speed-regular) ease,box-shadow var(--speed-regular) ease}.task-queue .task-list .task-item:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.task-queue .task-list .task-item .task-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.task-queue .task-list .task-item .task-header .task-status .status-icon{font-size:24px}.task-queue .task-list .task-item .task-header .task-status .status-icon.pending{color:var(--color-warning)}.task-queue .task-list .task-item .task-header .task-status .status-icon.running{color:var(--color-success);animation:pulse 2s infinite}.task-queue .task-list .task-item .task-header .task-status .status-icon.completed{color:var(--color-success)}.task-queue .task-list .task-item .task-header .task-status .status-icon.failed{color:var(--color-error)}.task-queue .task-list .task-item .task-header .task-status .status-icon.paused{color:var(--color-accent)}.task-queue .task-list .task-item .task-header .task-info{flex:1}.task-queue .task-list .task-item .task-header .task-info .task-name{font-size:var(--font-size-regular);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:4px}.task-queue .task-list .task-item .task-header .task-info .task-description{font-size:var(--font-size-small);color:var(--color-text-secondary)}.task-queue .task-list .task-item .task-header .task-priority .priority-indicator{padding:4px 8px;border-radius:var(--radius-rounded);font-size:var(--font-size-small);font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:.5px}.task-queue .task-list .task-item .task-details{display:flex;flex-direction:column;gap:12px}.task-queue .task-list .task-item .task-details .task-progress{display:flex;align-items:center;gap:12px}.task-queue .task-list .task-item .task-details .task-progress .progress-bar{flex:1;height:8px;background:var(--color-bg-level-3);border-radius:4px;overflow:hidden}.task-queue .task-list .task-item .task-details .task-progress .progress-bar .progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.task-queue .task-list .task-item .task-details .task-progress .progress-text{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-secondary);min-width:40px}.task-queue .task-list .task-item .task-details .task-timing{display:flex;gap:16px;font-size:var(--font-size-small);color:var(--color-text-secondary)}.task-queue .task-list .task-item .task-details .task-timing .start-time,.task-queue .task-list .task-item .task-details .task-timing .estimated-completion{display:flex;align-items:center;gap:4px}.task-queue .task-list .task-item .task-details .task-actions{display:flex;gap:8px;justify-content:flex-end}.task-queue .task-list .empty-queue{text-align:center;padding:40px;color:var(--color-text-secondary);font-size:var(--font-size-regular);background:var(--color-white);border-radius:var(--radius-8);border:1px solid var(--color-border-primary)}.task-queue .queue-actions{display:flex;gap:12px;justify-content:center;padding-top:16px;border-top:1px solid var(--color-border-primary)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@media(max-width: 768px){.task-queue .queue-header{flex-direction:column;align-items:flex-start;gap:16px}.task-queue .queue-header .queue-stats{align-self:stretch;justify-content:space-around}.task-queue .task-item .task-header{flex-direction:column;align-items:flex-start;gap:12px}.task-queue .task-item .task-details .task-timing{flex-direction:column;gap:8px}.task-queue .task-item .task-details .task-actions{justify-content:flex-start;flex-wrap:wrap}.task-queue .queue-actions{flex-direction:column}}
:root{--easing-linear: linear;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-smooth: cubic-bezier(0.4, 0, 0.2, 1);--easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);--easing-elastic: cubic-bezier(0.175, 0.885, 0.32, 1.275);--easing-back: cubic-bezier(0.34, 1.56, 0.64, 1);--easing-anticipate: cubic-bezier(0.8, 0, 1, 1);--duration-instant: 0ms;--duration-fast: 150ms;--duration-medium: 250ms;--duration-slow: 350ms;--duration-slower: 500ms;--duration-slowest: 700ms}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideInUp{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes zoomIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,7%{transform:rotateZ(0deg)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}40%,100%{transform:rotateZ(0deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes bounce{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}}@keyframes buttonHover{0%{transform:translateY(0);box-shadow:var(--shadow-md)}100%{transform:translateY(-1px);box-shadow:var(--shadow-lg)}}@keyframes cardHover{0%{transform:translateY(0);box-shadow:var(--card-shadow)}100%{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}}@keyframes tada{0%{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}100%{transform:scale3d(1, 1, 1)}}@keyframes jello{11.1%{transform:skewX(-12.5deg) skewY(-12.5deg)}22.2%{transform:skewX(6.25deg) skewY(6.25deg)}33.3%{transform:skewX(-3.125deg) skewY(-3.125deg)}44.4%{transform:skewX(1.5625deg) skewY(1.5625deg)}55.5%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}66.6%{transform:skewX(0.390625deg) skewY(0.390625deg)}77.7%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}88.8%{transform:skewX(0.09765625deg) skewY(0.09765625deg)}100%{transform:skewX(0deg) skewY(0deg)}}.animate-none{animation:none !important}.animate-fade-in{animation:fadeIn var(--duration-medium) var(--easing-smooth)}.animate-fade-out{animation:fadeOut var(--duration-medium) var(--easing-smooth)}.animate-slide-up{animation:slideInUp var(--duration-medium) var(--easing-smooth)}.animate-slide-down{animation:slideInDown var(--duration-medium) var(--easing-smooth)}.animate-slide-left{animation:slideInLeft var(--duration-medium) var(--easing-smooth)}.animate-slide-right{animation:slideInRight var(--duration-medium) var(--easing-smooth)}.animate-scale-in{animation:scaleIn var(--duration-medium) var(--easing-smooth)}.animate-scale-out{animation:scaleOut var(--duration-medium) var(--easing-smooth)}.animate-zoom-in{animation:zoomIn var(--duration-medium) var(--easing-bounce)}.animate-zoom-out{animation:zoomOut var(--duration-medium) var(--easing-smooth)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-tada{animation:tada 1s ease-in-out}.animate-jello{animation:jello 1s ease-in-out}.skeleton{background:linear-gradient(90deg, var(--color-border-primary) 25%, var(--color-bg-secondary) 50%, var(--color-border-primary) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius-sm)}.shimmer{background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200px 100%;background-repeat:no-repeat;animation:shimmer 1.5s infinite}.hover-lift{transition:var(--transition-all)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:var(--transition-all)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:var(--transition-all)}.hover-glow:hover{box-shadow:0 0 20px var(--color-primary)}.stagger-children>*{animation-delay:calc(var(--i, 0)*100ms)}.stagger-fast>*{animation-delay:calc(var(--i, 0)*50ms)}.stagger-slow>*{animation-delay:calc(var(--i, 0)*200ms)}.page-enter{opacity:0;transform:translateY(1rem)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-medium) var(--easing-smooth),transform var(--duration-medium) var(--easing-smooth)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-0.5rem);transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.modal-enter{opacity:0;transform:scale(0.95)}.modal-enter-active{opacity:1;transform:scale(1);transition:opacity var(--duration-medium) var(--easing-smooth),transform var(--duration-medium) var(--easing-bounce)}.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(0.95);transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.animate-spin{animation:none}.skeleton,.shimmer{animation:none;background:var(--color-bg-secondary)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.gpu-accelerated{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.logs-content{padding:var(--page-padding-block) var(--page-padding-inline)}.logs-content .search-panel{width:100%;padding-bottom:var(--space-2)}.logs-content .search-panel .search-input{margin-right:var(--space-2)}.logs-content .search-panel .configuration-bar{height:50px;background:var(--color-white);border-radius:var(--radius-8)}.logs-content .search-panel .configuration-bar .configuration-bar-item{padding:0 var(--space-4);position:relative}.logs-content .search-panel .configuration-bar .configuration-bar-item .name{font-weight:500;font-size:var(--font-size-regular);line-height:20px;color:var(--color-text-tertiary);padding-right:var(--space-2)}.logs-content .search-panel .configuration-bar .configuration-bar-item .value{font-weight:500;font-size:var(--font-size-large);line-height:22px;align-items:center;color:var(--color-text-secondary)}.logs-content .search-panel .configuration-bar .configuration-bar-item:before{content:"";position:absolute;right:0;top:1px;width:1px;height:18px;background:var(--form-border)}.logs-content .search-panel .configuration-bar .configuration-bar-item:last-child:before{display:none}.logs-content .content{height:calc(100% - 58px) !important}.logs-content .content .table-block{height:1000%}.logs-content .right-sidebar-content{padding:var(--page-padding-inline);overflow:auto;height:calc(100% - 34px)}.logs-content .autopilot-message{font-style:normal;font-weight:normal;font-size:var(--font-size-regular);line-height:24px;color:var(--color-text-secondary);width:100%;height:calc(100% - 50px);border:none;padding-top:0;margin-top:var(--space-4);-moz-appearance:textfield;-webkit-appearance:textfield}.logs-content .right-sidebar-header{padding:0 var(--page-padding-inline)}.logs-content .row-log{width:100%;min-height:77px;padding:var(--space-2) 0 var(--space-4) 0;border-bottom:1px solid var(--form-border);margin-bottom:var(--space-2)}.logs-content .row-log.details{border-bottom:none}.logs-content .row-log .row-log-item{width:50%}.logs-content .row-log .name{font-style:normal;font-weight:normal;font-size:var(--font-size-regular);line-height:24px;color:var(--color-text-tertiary);width:100%;margin-bottom:var(--space-2)}.logs-content .row-log .value{font-style:normal;font-weight:500;font-size:var(--font-size-regular);line-height:20px;color:var(--color-text-secondary);width:100%}.active-sessions{width:100%;height:100%;padding:var(--page-padding-inline)}.active-sessions__usage-bar{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--page-padding-inline);background-color:var(--color-white);border-radius:var(--radius-8);height:50px}.active-sessions__usage-bar-item{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;animation:fadeIn .3s var(--ease-out)}.active-sessions__usage-bar-item--name{font-size:var(--font-size-regular);font-weight:500;line-height:20px;color:var(--color-text-tertiary)}.active-sessions__usage-bar-item--value{font-size:var(--font-size-large);font-weight:500;line-height:24px;color:var(--color-text-secondary);margin-left:var(--space-2);margin-right:var(--space-1)}.active-sessions__usage-bar-divider{height:24px;width:1px;background-color:var(--form-border)}.active-sessions__search-input{margin:var(--space-4) 0 var(--space-6)}.active-sessions__table{max-height:680px}.active-sessions__table .table .thead th .table-head-cell{font-size:var(--font-size-small);font-weight:500;line-height:16px;padding:var(--space-3) var(--space-4)}.active-sessions__table .table .tbody tr td>div{font-size:var(--font-size-regular);line-height:24px;padding:var(--space-3) var(--space-4)}.active-sessions__table .table .tbody tr td:last-child>div{padding:0 var(--space-4)}.active-sessions__table .table .tbody tr td:last-child>div svg{fill:var(--color-border-secondary)}.active-sessions__table .table .tbody tr td .box{font-size:var(--font-size-small);font-weight:700;line-height:16px;padding:var(--space-1) var(--space-2)}
.operations-hub-content{padding:var(--page-padding-inline);display:flex;flex-direction:column;height:100vh;background:var(--color-bg-level-1)}.operations-hub-content .operations-hub-header{background:var(--color-white);border-radius:var(--radius-8);padding:var(--space-6);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.operations-hub-content .operations-hub-header .search-panel{margin-bottom:var(--space-5);gap:var(--space-4)}.operations-hub-content .operations-hub-header .search-panel .search-input{flex:1;max-width:400px}.operations-hub-content .operations-hub-header .status-bar{background:var(--color-bg-tint);padding:var(--space-4);border-radius:var(--radius-8);margin-bottom:var(--space-5);gap:var(--space-6);flex-wrap:wrap}.operations-hub-content .operations-hub-header .status-bar .status-item{gap:var(--space-2);align-items:center}.operations-hub-content .operations-hub-header .status-bar .status-item .status-indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.operations-hub-content .operations-hub-header .status-bar .status-item .status-label{font-weight:500;color:var(--color-text-tertiary);font-size:var(--font-size-small)}.operations-hub-content .operations-hub-header .status-bar .status-item .status-value{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-small)}.operations-hub-content .operations-hub-header .tab-navigation{gap:0;border-bottom:1px solid var(--color-border-secondary)}.operations-hub-content .operations-hub-header .tab-navigation .tab-button{padding:var(--space-3) var(--space-6);border:none;background:none;cursor:pointer;font-weight:500;color:var(--color-text-tertiary);border-bottom:3px solid rgba(0,0,0,0);transition:all .2s ease}.operations-hub-content .operations-hub-header .tab-navigation .tab-button:hover{color:var(--color-text-primary);background:var(--color-bg-tint)}.operations-hub-content .operations-hub-header .tab-navigation .tab-button.active{color:var(--color-link-primary);border-bottom-color:var(--color-link-primary);background:var(--color-bg-tint)}.operations-hub-content .content{flex:1;background:var(--color-white);border-radius:var(--radius-8);overflow:hidden;box-shadow:var(--shadow-sm)}.operations-hub-content .content .left-sidebar,.operations-hub-content .content .right-sidebar{background:var(--color-white)}.operations-hub-content .content .right-sidebar .right-sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-secondary);background:var(--color-bg-tint)}.operations-hub-content .content .right-sidebar .right-sidebar-header .title{font-weight:600;font-size:var(--font-size-large);color:var(--color-text-primary)}.operations-hub-content .content .right-sidebar .right-sidebar-header .run-info{padding:4px 12px;background:var(--color-link-primary);color:var(--color-white);border-radius:var(--radius-rounded);font-size:var(--font-size-small);font-weight:500}.operations-hub-content .content .right-sidebar .operations-message{width:100%;height:calc(100% - 70px);border:none;padding:var(--space-6);font-family:"Courier New",monospace;font-size:var(--font-size-small);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-secondary);resize:none;outline:none}.operations-hub-content .flex.center{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-regular)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.operations-controls-modal .modal-content{max-width:800px;width:90vw}
.operations-hub-settings{padding:24px;max-width:1200px;margin:0 auto}.operations-hub-settings.loading{display:flex;align-items:center;justify-content:center;height:400px}.operations-hub-settings.loading .loading-spinner{font-size:var(--font-size-regular);color:var(--color-text-tertiary)}.operations-hub-settings .settings-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border-secondary)}.operations-hub-settings .settings-header h2{margin:0 0 8px 0;font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.operations-hub-settings .settings-header p{margin:0;font-size:var(--font-size-regular);color:var(--color-text-tertiary);line-height:1.5}.operations-hub-settings .settings-sections{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.operations-hub-settings .settings-sections .settings-section{background:var(--color-bg-secondary);border-radius:var(--radius-8);padding:24px;box-shadow:var(--overlay-shadow);border:1px solid var(--color-border-secondary)}.operations-hub-settings .settings-sections .settings-section h3{margin:0 0 20px 0;font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding-bottom:12px;border-bottom:1px solid var(--color-border-tertiary)}.operations-hub-settings .settings-sections .settings-section .settings-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px;margin-bottom:24px}.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item .form-field{margin-bottom:0}.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item .form-field .help-text{font-size:var(--font-size-small);color:var(--color-text-tertiary);margin-top:4px;line-height:1.4}.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item .field-label{font-weight:var(--font-weight-semibold);color:var(--color-text-quaternary);margin-bottom:6px}.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item input[type=number],.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item input[type=text],.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item select{width:100%;padding:10px 12px;border:1px solid var(--form-border);border-radius:var(--radius-6);font-size:var(--font-size-small);background:var(--form-bg);color:var(--form-text);transition:border-color var(--speed-regular) ease}.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item input[type=number]:focus,.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item input[type=text]:focus,.operations-hub-settings .settings-sections .settings-section .settings-grid .setting-item select:focus{outline:none;border-color:var(--form-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--form-border-focus), transparent 85%)}.operations-hub-settings .settings-sections .settings-section .checkbox-settings{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.operations-hub-settings .settings-sections .settings-section .checkbox-settings .checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:var(--radius-6);transition:background-color var(--speed-regular) ease}.operations-hub-settings .settings-sections .settings-section .checkbox-settings .checkbox-item:hover{background:var(--color-bg-quaternary)}.operations-hub-settings .settings-sections .settings-section .checkbox-settings .checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-brand-bg)}.operations-hub-settings .settings-sections .settings-section .checkbox-settings .checkbox-item span{font-size:var(--font-size-small);color:var(--color-text-quaternary);font-weight:var(--font-weight-semibold);user-select:none}.operations-hub-settings .settings-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px;background:var(--color-bg-secondary);border-radius:var(--radius-8);box-shadow:var(--overlay-shadow);border:1px solid var(--color-border-secondary);position:sticky;bottom:24px}@media(max-width: 768px){.operations-hub-settings{padding:16px}.operations-hub-settings .settings-header h2{font-size:var(--font-size-large)}.operations-hub-settings .settings-sections .settings-section{padding:20px}.operations-hub-settings .settings-sections .settings-section .settings-grid{grid-template-columns:1fr;gap:16px}.operations-hub-settings .settings-actions{flex-direction:column;position:static}}@media(max-width: 480px){.operations-hub-settings{padding:12px}.operations-hub-settings .settings-sections .settings-section{padding:16px}}
.picking-area{width:100%;padding:24px 24px 54px 24px}.picking-area .search-panel{width:100%;padding-bottom:8px}.picking-area .search-input{margin-right:8px}.picking-area .content{height:calc(100% - 54px) !important;padding-bottom:8px}.create-picking-area .step-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-large);line-height:22px;text-align:left;color:var(--color-text-primary);margin-bottom:8px}.create-picking-area .step-description{font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:22px;color:var(--color-text-secondary)}.create-picking-area .step-pointer{padding:10px 35px;border-bottom:1px solid var(--color-border-tertiary)}.create-picking-area .point.active{color:var(--color-link-primary)}.create-picking-area .point{color:var(--color-text-tertiary)}.create-picking-area .step-body{padding-top:10px;max-height:calc(100% - 151px);overflow:auto}.area-code-text-field .text-input{text-transform:uppercase}
.picking-box{padding:24px 24px 54px 24px}.picking-box .search-panel{width:100%;padding-bottom:8px}.picking-box .search-panel .search-input{margin-right:8px}.picking-box .content{height:calc(100% - 58px) !important}.picking-box .right-sidebar-content{padding-top:24px}.picking-box .right-sidebar .right-sidebar-actions .icon{margin-left:4px;color:var(--color-text-tertiary)}
.print-stations-list{padding:24px 24px 54px 24px}.print-stations-list .search-panel{width:100%;padding-bottom:8px}.print-stations-list .search-panel .search-input{margin-right:8px}.print-stations-list .content{height:calc(100% - 58px) !important}.print-stations-list .right-sidebar .right-sidebar-content{padding-top:16px}.print-stations-list .right-sidebar .right-sidebar-actions .icon{margin-left:4px;color:var(--color-text-tertiary)}.print-stations-list .right-sidebar .right-sidebar-buttons .right-sidebar-buttons-row{width:100%;padding-top:24px;display:flex;align-items:center;flex-flow:row;justify-content:space-between}.print-stations-list .right-sidebar .right-sidebar-buttons .right-sidebar-buttons-row .button-wrapper{width:48%}.print-stations-list .right-sidebar .right-sidebar-buttons .right-sidebar-buttons-row .button-wrapper .button{width:100%}.print-stations-list .details-section-title{font-style:normal;font-weight:var(--font-weight-semibold);font-size:var(--font-size-large);line-height:24px;margin-bottom:24px;width:100%;color:var(--color-text-primary)}
.file-uploader{min-width:300px;min-height:150px;margin:0;background:var(--form-bg);border:4px dashed var(--form-border);position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;font-size:14px;height:100%}.file-uploader .list-upload-files{max-height:100%}.file-uploader .input-upload{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;border:0;background:none;z-index:2;opacity:0}
.profile{width:100%;height:calc(100vh - var(--header-height));padding:24px 24px 54px 24px}.profile .menu-profile{width:250px}.profile .menu-profile-item{margin-bottom:25px;cursor:pointer;color:var(--color-text-secondary)}.profile .menu-profile-item.active{color:var(--color-success)}.profile .menu-profile-item .icon{margin-right:12px}.profile .cancel{width:auto;min-width:105px}.profile .content-profile{width:calc(100% - 250px);padding:0;background:var(--color-white);border-radius:var(--radius-8)}.profile .user-profile .left-sidebar .avatar{width:124px;height:124px;background:var(--color-border-secondary);margin-bottom:20px;border-radius:9999px;overflow:hidden}.profile .user-profile .left-sidebar .avatar>img{width:100%;height:100%}.profile .user-profile .right-sidebar{width:calc(100% - 236px);padding:54px 24px 24px 24px}.profile .user-profile .right-sidebar .title-small{margin-bottom:26px;font-size:var(--font-size-large);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.profile .user-profile .right-sidebar .delete-icon{cursor:pointer;color:var(--color-error)}
.reasons{padding:24px 24px 54px 24px}.reasons .search-panel{width:100%;padding-bottom:8px}.reasons .search-panel .search-input{margin-right:8px}.reasons .content{height:calc(100% - 110px) !important}.reasons .right-sidebar .right-sidebar-content{padding-top:16px}.reasons .right-sidebar .right-sidebar-actions .icon{margin-left:4px;color:var(--icon-color-secondary)}
.settings-view{width:100%;height:calc(100vh - 73px);padding:24px 24px 54px 24px !important}.settings-view .search-panel{padding-bottom:8px}.settings-view .content{background:var(--color-white);border-radius:0 var(--radius-8) var(--radius-8) var(--radius-8);height:calc(100% - 105px) !important;padding:36px}.settings-view .right-sidebar .form{max-width:650px}
.delivery-history{display:flex;flex-direction:column;height:100%}.delivery-history__filters{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.delivery-history__content{flex:1;overflow:hidden}
.shipment-and-deliveries{position:relative;padding:24px}.shipment-and-deliveries__tab-content{margin-top:24px;height:calc(100vh - 230px)}.shipment-and-deliveries .table-block .table .thead th .table-head-cell{padding:10px 16px}.shipment-and-deliveries .table-block .table tr.collapsed-data{background-color:var(--color-white)}.shipment-and-deliveries .table-block .table .tbody tr td>div{padding:12px 16px;line-height:24px}.shipment-and-deliveries .table-block .table .tbody tr td .box{padding:4px 8px;font-size:12px;font-weight:700;line-height:16px}.shipment-and-deliveries .divider{border-bottom:1px solid var(--color-border-primary);margin-bottom:24px}.shipment-and-deliveries .loader{position:relative;width:100%;height:100%}.shipment-and-deliveries__no-data{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;max-width:400px;width:100%;height:100%;margin:0 auto}.shipment-and-deliveries__no-data>svg{width:246px;height:240px}.shipment-and-deliveries__no-data-title{font-size:var(--font-size-title);line-height:32px;font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-accent);margin:24px 0 8px}.shipment-and-deliveries__no-data-description{font-size:var(--font-size-regular);line-height:24px;text-align:center;color:var(--color-text-secondary)}.shipment-and-deliveries__prioritizations .modal-window{min-width:1024px}.shipment-and-deliveries__controls{position:absolute;right:24px;top:24px;z-index:1;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:16px}
.sites-list{padding:24px}.sites-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.sites-list__title{display:flex;align-items:center;color:#1976d2;font-weight:600}.sites-list__create-btn{min-width:160px}.sites-list__filters{margin-bottom:24px}.sites-list__table .MuiTableHead-root .MuiTableCell-root{background-color:#f5f5f5;font-weight:600;border-bottom:2px solid #e0e0e0}.sites-list__row:hover{background-color:#f9f9f9}.sites-list__actions{display:flex;gap:4px;justify-content:center}@media(max-width: 768px){.sites-list{padding:16px}.sites-list__header{flex-direction:column;align-items:stretch}.sites-list__create-btn{width:100%}.sites-list__table .MuiTableContainer-root{overflow-x:auto}}
.create-site{padding:24px;max-width:1200px;margin:0 auto}.create-site__header{margin-bottom:24px}.create-site__title{display:flex;align-items:center;color:#1976d2;font-weight:600;margin-bottom:16px}.create-site__form{padding:32px}.create-site__form .MuiGrid-container .MuiGrid-item:first-child{border-bottom:1px solid #e0e0e0;padding-bottom:16px;margin-bottom:8px}.create-site__actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}@media(max-width: 768px){.create-site{padding:16px}.create-site__form{padding:24px 16px}.create-site__actions{flex-direction:column}.create-site__actions button{width:100%;order:2}.create-site__actions button[type=submit]{order:1}}
.stock-take{padding:24px 24px 54px 24px}.stock-take--content{padding-top:16px}.stock-take .content-bins{position:relative}.stock-take .content-bins .beans-controls{position:absolute;right:0;top:-75px;width:auto}.stock-take .content-bins .table-block{border:1px solid var(--color-border-primary)}.stock-take .content-bins .right-sidebar .table-block{height:calc(100vh - 360px)}.stock-take .content-bins .right-sidebar .search-input{width:100%;border:none}.stock-take .content-bins .right-sidebar.bg{background:var(--color-white)}.stock-take .content-bins .left-sidebar .sidebar-footer{position:absolute;bottom:24px;left:16px;right:16px}.stock-take .content-bins .left-sidebar .sidebar-footer .more-actions{margin-bottom:16px}.stock-take .content-bins .left-sidebar .sidebar-footer .list-more-actions{background:var(--color-white);box-shadow:var(--overlay-shadow);border-radius:var(--radius-8);position:absolute;top:-349px;left:0;right:0}.stock-take .content-bins .left-sidebar .sidebar-footer .list-more-actions .item{height:58px;padding:0 16px;cursor:pointer;border-bottom:1px solid var(--color-border-primary)}.stock-take .entry-title{font-weight:700;font-size:var(--font-size-title);line-height:32px;text-align:center;color:var(--color-link-primary);margin-bottom:8px;width:100%}.stock-take .entry-description{font-weight:400;font-size:var(--font-size-regular);line-height:24px;color:var(--color-text-secondary);text-align:center;width:100%}.stock-take .search-controls-title{font-size:var(--font-size-small);font-weight:500;color:var(--color-text-primary)}.stock-take .info{background:var(--color-bg-level-2);padding:16px}.stock-take .info .icon{color:var(--color-link-primary)}.stock-take .info .text{font-size:13px;color:var(--color-text-primary)}.stock-take .status-color--green .icon{color:var(--color-success) !important}.stock-take .status-color--yellow{color:var(--color-warning) !important}.stock-take .status-color--red{color:var(--color-error) !important}.stock-take .status-color--gray{color:var(--icon-color-disabled) !important}.stock-take .status-color--blue{color:var(--color-link-primary) !important}
.sync-configurations{margin:20px;background-color:var(--color-white);height:calc(100vh - 155px);border-radius:var(--radius-8);position:relative;display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar content"}.sync-configurations__header{grid-area:header;padding:24px;border-bottom:1px solid var(--color-border-primary)}.sync-configurations__header-title{font-size:22px;font-weight:500}.sync-configurations__sidebar{grid-area:sidebar;padding:8px;border-right:1px solid var(--color-border-primary);display:flex;flex-flow:column nowrap;justify-content:space-between}.sync-configurations__sidebar-menu{display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:8px}.sync-configurations__sidebar-menu-item{padding:18px;border-radius:var(--radius-8);cursor:pointer;font-size:18px}.sync-configurations__sidebar-menu-item.active,.sync-configurations__sidebar-menu-item:hover,.sync-configurations__sidebar-menu-item:focus,.sync-configurations__sidebar-menu-item:active{background-color:var(--color-bg-level-2)}.sync-configurations__sidebar .recreate-btn{margin:16px}.sync-configurations__sidebar .recreate-btn .button{border:1px solid var(--color-link-primary);width:100%}.sync-configurations__content{grid-area:content;padding:24px;overflow:hidden}.sync-configurations__content>div{height:100%}.sync-configurations__content .table-block{border:1px solid var(--color-border-primary)}.sync-configurations__content .table-block .table .thead th .table-head-cell{padding:10px 16px}.sync-configurations__content .table-block .table .tbody tr td>div{padding:12px 16px}.sync-configurations__content .table-block .table .tbody tr td:last-child>div{padding:0 16px}.sync-configurations__content .table-block .edit-icon,.sync-configurations__content .table-block .delete-icon{color:var(--icon-color-disabled)}.sync-configurations__content-actions{position:absolute;bottom:24px;right:24px;display:flex;flex-flow:row nowrap;gap:16px}.sync-configurations__content-settings-loader{position:relative;height:550px}.sync-configurations__content-settings .tab-content{margin-top:24px;padding-right:12px;margin-right:-12px;overflow-y:auto;max-height:550px}.sync-configurations__content-settings .tab-content .checkbox-icon{margin-right:12px}.sync-configurations__content-settings-wms-api .checkbox-label{font-weight:500;font-size:18px;line-height:24px}.sync-configurations__content-settings-purchase-orders-hidden-group .checkbox{margin-bottom:12px}.sync-configurations__content-settings-purchase-orders-hidden-group>.text-field,.sync-configurations__content-settings-purchase-orders-hidden-group>.time-picker{width:200px;margin-left:4px;margin-bottom:20px}.sync-configurations__content-settings-purchase-orders-hidden-group .gmt,.sync-configurations__content-settings-purchase-orders-hidden-group .minutes{font-size:15px;font-weight:400;color:var(--color-text-tertiary)}.sync-configurations__content-settings-misc-input-group{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;max-width:395px;gap:16px}.sync-configurations__content-settings-misc-input-group>div{flex:1}.sync-configurations__content-settings-misc .notifications .checkbox-label{font-weight:500;font-size:18px;line-height:24px}.sync-configurations__content-rules .create-rule-btn{position:absolute;top:10px;right:24px}.sync-configurations__content-rules .activated-icon{color:var(--color-success)}.sync-configurations__content-rules .deactivated-icon{color:var(--color-line-secondary)}.sync-configurations__content-rules-table-actions{display:flex;flex-flow:row nowrap;gap:4px}.sync-configurations__content-rules-table-actions .play-icon{color:var(--color-success)}.sync-configurations__content-rules-table-actions .pause-icon{color:var(--icon-color-disabled)}.sync-configurations__content-rules .checkbox.checked{margin-bottom:8px}.sync-configurations__content-rules .radio-buttons-group{margin-bottom:0}.sync-configurations__content-rules .radio-buttons-group .radio-buttons-list{display:flex;flex-flow:row wrap;align-items:center;gap:16px}.sync-configurations__content-rules .pen-icon{color:var(--color-success);cursor:pointer}.sync-configurations__content-reasons .create-reason-btn,.sync-configurations__content-reasons .create-recipient-btn,.sync-configurations__content-reasons .create-map-order-btn,.sync-configurations__content-mailing-list .create-reason-btn,.sync-configurations__content-mailing-list .create-recipient-btn,.sync-configurations__content-mailing-list .create-map-order-btn,.sync-configurations__content-map-order-types .create-reason-btn,.sync-configurations__content-map-order-types .create-recipient-btn,.sync-configurations__content-map-order-types .create-map-order-btn{position:absolute;top:10px;right:24px}.sync-configurations__table{display:flex;flex-flow:column nowrap;border-radius:var(--radius-8) var(--radius-8) 0 0;border:1px solid var(--color-border-primary)}.sync-configurations__table-head{display:flex;flex-flow:row nowrap;align-items:center;border-bottom:1px solid var(--color-border-primary);font-weight:500;font-size:13px;color:var(--color-text-tertiary)}.sync-configurations__table-head>div{flex:1;padding:10px 16px}.sync-configurations__table-body-row{display:flex;flex-flow:row nowrap;align-items:center}.sync-configurations__table-body-row:not(:last-child){border-bottom:1px solid var(--color-border-primary)}.sync-configurations__table-body-row>div{flex:1;padding:12px 16px}.sync-configurations__table-body-row>div:last-child{padding:4px 16px}.sync-configurations__table-body-row .text-field{margin-bottom:0;max-width:100%}
.trolley-management .search-panel{display:flex;gap:16px;margin-bottom:24px}.trolley-management .search-panel .select-wrapper{min-width:150px}.trolley-management .content{display:flex;gap:24px;height:calc(100vh - 200px)}.trolley-details{padding:24px;height:100%;overflow-y:auto}.trolley-details .title{font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.trolley-details .trolley-details-content{margin-top:24px}.trolley-details .compartments-section{margin-top:32px}.trolley-details .compartments-section h3{font-size:var(--font-size-regular);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:16px}
.roles-permissions{width:100%;height:calc(100vh - 220px);padding:0;background:var(--color-white);position:relative}.roles-permissions .add-role{position:absolute;right:0;top:-70px}.roles-permissions .left-sidebar .role-item{width:100%;height:56px;margin-bottom:8px;border-radius:var(--radius-8);padding:0 16px;cursor:pointer}.roles-permissions .left-sidebar .role-item.active{background:var(--color-bg-level-2);font-weight:500}.roles-permissions .right-sidebar .role{padding:24px;background:var(--color-bg-level-2);border-radius:var(--radius-8);margin-bottom:16px}.roles-permissions .right-sidebar .role .role-header{font-weight:500;font-size:var(--font-size-large);line-height:24px;color:var(--color-text-secondary)}.roles-permissions .right-sidebar .role .role-header .actions .icon-button{margin-left:8px;color:var(--icon-color-secondary)}.roles-permissions .right-sidebar .role .list-permissions .permission{padding-top:24px}.roles-permissions .right-sidebar .role .list-permissions .permission-title{font-weight:500;font-size:var(--font-size-regular);line-height:20px;display:flex;align-items:center;color:var(--color-success);margin-bottom:4px}.roles-permissions .right-sidebar .role .list-permissions .permissions-list{font-weight:400;font-size:var(--font-size-regular);line-height:24px;display:flex;align-items:center;color:var(--color-text-tertiary)}.user-settings{width:100%;height:calc(100vh - 73px);padding:24px 24px 54px 24px}.user-settings .users .content,.user-settings .content{height:calc(100vh - 278px) !important}.user-settings.online .content{height:calc(100% - 105px) !important}.user-settings .search-panel{padding-bottom:8px}.user-settings .search-panel .switcher,.user-settings .search-panel .search-input{margin-right:8px;width:auto;min-width:inherit}.user-settings .right-sidebar .block-buttons .button-wrapper{width:48%}.user-settings .right-sidebar .block-buttons .button-wrapper .button{width:100%}.user-settings .right-sidebar .form{padding-top:20px}.user-settings .right-sidebar .form .text-field{margin-bottom:16px}.user-settings .right-sidebar .form .title-small{margin:24px 0}.user-settings .warning{color:var(--color-error);width:100%;height:35px;margin-bottom:5px;background:var(--color-error-bg);border-radius:var(--radius-8)}.user-settings .delimiter{position:relative;margin-top:18px;height:48px;font-weight:500;font-size:var(--font-size-large);line-height:22px}.user-settings .delimiter:before,.user-settings .delimiter:after{content:"";background:var(--color-line-secondary);height:1px;width:43%;position:absolute;top:50%}.user-settings .delimiter:before{left:0}.user-settings .delimiter:after{right:0}.list-customers .table{min-width:inherit}.list-customers .table-block{padding-bottom:0;border:1px solid var(--color-border-primary)}.counter-search-result{font-weight:500;font-size:13px;line-height:16px;padding:16px 0}.customise-role-modal form{position:relative;min-height:100%}.customise-role-modal .customise-role-item{padding:16px;background:var(--color-bg-level-2);border-radius:var(--radius-8);width:100%;min-height:54px;position:relative;cursor:pointer;margin-bottom:8px}.customise-role-modal .customise-role-item.default .customise-role-title{color:var(--color-text-secondary)}.customise-role-modal .customise-role-item .customise-info{width:calc(100% - 40px)}.customise-role-modal .customise-role-item .customise-role-title{font-weight:500;font-size:var(--font-size-regular);line-height:18px;align-items:center;color:var(--color-success);margin-bottom:4px;width:100%}.customise-role-modal .customise-role-item .list-roles .role{font-weight:normal;font-size:var(--font-size-regular);line-height:18px;color:var(--color-text-tertiary);padding-right:20px;position:relative}.customise-role-modal .customise-role-item .list-roles .role:before{content:"";position:absolute;right:8px;top:7px;background:var(--color-text-tertiary);width:4px;height:4px;border-radius:4px}.customise-role-modal .customise-role-item .list-roles .role:last-child{padding-right:0}.customise-role-modal .customise-role-item .list-roles .role:last-child:before{display:none}.customise-role-modal .customise-role-item .icon{width:35px;height:35px;color:var(--color-success)}.customise-role-modal .list-categories{max-height:100%;overflow:auto}.customise-role-modal.list-category-roles .modal-body{max-height:100%}.system-parameters-modal label,.web-client-modal label{width:100%;display:block}.system-parameters-modal .form,.web-client-modal .form{padding-top:0}
html{width:100%;height:100%;margin:0;padding:0}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{font-size:0;line-height:0}:focus{outline:0}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote::before,blockquote::after,q::before,q::after{content:"''"}blockquote,q{quotes:"" ""}blockquote p,q p{margin-bottom:0}*,::after,::before{box-sizing:border-box}button{background:rgba(0,0,0,0) none repeat scroll 0 0;border:0 none;margin:0;outline:0 none;padding:0}input{background:rgba(0,0,0,0) none repeat scroll 0 0;border:0 none;outline:0 none;-webkit-appearance:none;border-radius:0}input::-webkit-contacts-auto-fill-button{display:none !important}input::-webkit-caps-lock-indicator{display:none !important}input::-webkit-credentials-auto-fill-button{display:none !important}input::-ms-clear{display:none !important}input::-ms-reveal{display:none !important}:root{--color-white: #ffffff;--color-bg-primary: #000;--color-bg-secondary: rgba(255, 255, 255, 0.08);--color-bg-tertiary: #26272c;--color-bg-quaternary: #2d2f34;--color-bg-quinary: #33353b;--color-bg-marketing: #0a0a0c;--color-bg-level-1: #121316;--color-bg-level-2: #18191d;--color-bg-level-3: #1f2025;--color-bg-tint: #1a1b1e;--color-border-primary: #31333a;--color-border-secondary: #3d3f47;--color-border-tertiary: #4a4d55;--color-text-primary: #f3f4f5;--color-text-secondary: #c8ced8;--color-text-tertiary: #9aa0ab;--color-text-quaternary: #727881;--color-link-primary: #7a8fff;--color-brand-bg: #636cf5;--color-accent: #7c83f8;--color-accent-tint: #202238;--color-success: #4ac28b;--color-warning: #f5a623;--color-error: #f45c5c;--color-success-bg: rgba(74, 194, 139, 0.12);--color-warning-bg: rgba(245, 166, 35, 0.12);--color-error-bg: rgba(244, 92, 92, 0.12);--header-bg: hsla(230, 20%, 7%, 0.85);--header-border: hsla(0, 0%, 100%, 0.06);--color-overlay-primary: rgba(0, 0, 0, 0.93);--color-overlay-dim-rgb: 255, 255, 255;--overlay-bg: rgba(0, 0, 0, 0.7);--overlay-blur: blur(12px);--overlay-border: rgba(255, 255, 255, 0.06);--overlay-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);--color-selection-text: #ffffff;--color-selection-bg: color-mix(in lch, var(--color-brand-bg), #000 12%);--color-selection-dim: color-mix(in lch, var(--color-brand-bg), transparent 70%);--icon-color-primary: #cdd3dd;--icon-color-secondary: #8a8f98;--icon-color-hover: #ffffff;--icon-color-disabled: #55585f;--icon-grayscale-image-filter: grayscale(100%) brightness(380%);--color-line-primary: rgba(255, 255, 255, 0.12);--color-line-secondary: #2c2d32;--color-line-tertiary: #1d1e21;--color-line-quaternary: #17181a;--form-bg: #1a1b1e;--form-border: #2a2b2f;--form-border-hover: #3d3e44;--form-border-focus: var(--color-brand-bg);--form-text: var(--color-text-primary);--form-placeholder: #7c8088;--header-height: 64px;--page-padding-inline: 24px;--page-padding-block: 64px;--page-max-width: 1024px;--font-regular: "Inter Variable", system-ui, sans-serif;--font-weight-regular: 400;--font-weight-semibold: 600;--font-size-small: 0.875rem;--font-size-regular: 0.9375rem;--font-size-large: 1.125rem;--font-size-title: 1.5rem;--radius-6: 6px;--radius-8: 8px;--radius-rounded: 9999px;--layer-header: 100;--layer-popover: 600;--layer-dialog: 700;--layer-tooltip: 1100;--speed-quick: 0.1s;--speed-regular: 0.25s;--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);--scrollbar-size: 6px;--scrollbar-color: hsla(0, 0%, 100%, 0.1)}.m-0{margin:0px}.p-0{padding:0px}.m-t-0{margin-top:0px}.p-t-0{padding-top:0px}.m-b-0{margin-bottom:0px}.p-b-0{padding-bottom:0px}.m-l-0{margin-left:0px}.p-l-0{padding-left:0px}.m-r-0{margin-right:0px}.p-r-0{padding-right:0px}.m-8{margin:8px}.p-8{padding:8px}.m-t-8{margin-top:8px}.p-t-8{padding-top:8px}.m-b-8{margin-bottom:8px}.p-b-8{padding-bottom:8px}.m-l-8{margin-left:8px}.p-l-8{padding-left:8px}.m-r-8{margin-right:8px}.p-r-8{padding-right:8px}.m-16{margin:16px}.p-16{padding:16px}.m-t-16{margin-top:16px}.p-t-16{padding-top:16px}.m-b-16{margin-bottom:16px}.p-b-16{padding-bottom:16px}.m-l-16{margin-left:16px}.p-l-16{padding-left:16px}.m-r-16{margin-right:16px}.p-r-16{padding-right:16px}.m-24{margin:24px}.p-24{padding:24px}.m-t-24{margin-top:24px}.p-t-24{padding-top:24px}.m-b-24{margin-bottom:24px}.p-b-24{padding-bottom:24px}.m-l-24{margin-left:24px}.p-l-24{padding-left:24px}.m-r-24{margin-right:24px}.p-r-24{padding-right:24px}.m-32{margin:32px}.p-32{padding:32px}.m-t-32{margin-top:32px}.p-t-32{padding-top:32px}.m-b-32{margin-bottom:32px}.p-b-32{padding-bottom:32px}.m-l-32{margin-left:32px}.p-l-32{padding-left:32px}.m-r-32{margin-right:32px}.p-r-32{padding-right:32px}.m-40{margin:40px}.p-40{padding:40px}.m-t-40{margin-top:40px}.p-t-40{padding-top:40px}.m-b-40{margin-bottom:40px}.p-b-40{padding-bottom:40px}.m-l-40{margin-left:40px}.p-l-40{padding-left:40px}.m-r-40{margin-right:40px}.p-r-40{padding-right:40px}@font-face{font-family:"Roboto";src:url(/333da16a3f3cc391d087.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Roboto";src:url(/fc2b5060f7accec5cf74.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Roboto";src:url(/7c8d04cd831df3033c8a.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Roboto";src:url(/f80816a5455d171f948d.ttf) format("truetype");font-weight:700;font-style:normal}:root{--easing-linear: linear;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-smooth: cubic-bezier(0.4, 0, 0.2, 1);--easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);--easing-elastic: cubic-bezier(0.175, 0.885, 0.32, 1.275);--easing-back: cubic-bezier(0.34, 1.56, 0.64, 1);--easing-anticipate: cubic-bezier(0.8, 0, 1, 1);--duration-instant: 0ms;--duration-fast: 150ms;--duration-medium: 250ms;--duration-slow: 350ms;--duration-slower: 500ms;--duration-slowest: 700ms}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideInUp{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes zoomIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,7%{transform:rotateZ(0deg)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}40%,100%{transform:rotateZ(0deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes bounce{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}}@keyframes buttonHover{0%{transform:translateY(0);box-shadow:var(--shadow-md)}100%{transform:translateY(-1px);box-shadow:var(--shadow-lg)}}@keyframes cardHover{0%{transform:translateY(0);box-shadow:var(--card-shadow)}100%{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}}@keyframes tada{0%{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}100%{transform:scale3d(1, 1, 1)}}@keyframes jello{11.1%{transform:skewX(-12.5deg) skewY(-12.5deg)}22.2%{transform:skewX(6.25deg) skewY(6.25deg)}33.3%{transform:skewX(-3.125deg) skewY(-3.125deg)}44.4%{transform:skewX(1.5625deg) skewY(1.5625deg)}55.5%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}66.6%{transform:skewX(0.390625deg) skewY(0.390625deg)}77.7%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}88.8%{transform:skewX(0.09765625deg) skewY(0.09765625deg)}100%{transform:skewX(0deg) skewY(0deg)}}.animate-none{animation:none !important}.animate-fade-in{animation:fadeIn var(--duration-medium) var(--easing-smooth)}.animate-fade-out{animation:fadeOut var(--duration-medium) var(--easing-smooth)}.animate-slide-up{animation:slideInUp var(--duration-medium) var(--easing-smooth)}.animate-slide-down{animation:slideInDown var(--duration-medium) var(--easing-smooth)}.animate-slide-left{animation:slideInLeft var(--duration-medium) var(--easing-smooth)}.animate-slide-right{animation:slideInRight var(--duration-medium) var(--easing-smooth)}.animate-scale-in{animation:scaleIn var(--duration-medium) var(--easing-smooth)}.animate-scale-out{animation:scaleOut var(--duration-medium) var(--easing-smooth)}.animate-zoom-in{animation:zoomIn var(--duration-medium) var(--easing-bounce)}.animate-zoom-out{animation:zoomOut var(--duration-medium) var(--easing-smooth)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-tada{animation:tada 1s ease-in-out}.animate-jello{animation:jello 1s ease-in-out}.skeleton{background:linear-gradient(90deg, var(--color-border-primary) 25%, var(--color-bg-secondary) 50%, var(--color-border-primary) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius-sm)}.shimmer{background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200px 100%;background-repeat:no-repeat;animation:shimmer 1.5s infinite}.hover-lift{transition:var(--transition-all)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:var(--transition-all)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:var(--transition-all)}.hover-glow:hover{box-shadow:0 0 20px var(--color-primary)}.stagger-children>*{animation-delay:calc(var(--i, 0)*100ms)}.stagger-fast>*{animation-delay:calc(var(--i, 0)*50ms)}.stagger-slow>*{animation-delay:calc(var(--i, 0)*200ms)}.page-enter{opacity:0;transform:translateY(1rem)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-medium) var(--easing-smooth),transform var(--duration-medium) var(--easing-smooth)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-0.5rem);transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.modal-enter{opacity:0;transform:scale(0.95)}.modal-enter-active{opacity:1;transform:scale(1);transition:opacity var(--duration-medium) var(--easing-smooth),transform var(--duration-medium) var(--easing-bounce)}.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(0.95);transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.animate-spin{animation:none}.skeleton,.shimmer{animation:none;background:var(--color-bg-secondary)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.gpu-accelerated{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}#app{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:var(--color-bg-primary);backdrop-filter:blur(20px)}body{width:100%;margin:0;padding:0;font-family:"Inter","SF Pro Display","Segoe UI",system-ui,-apple-system,sans-serif;font-style:normal;font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:1.6;color:var(--color-text-primary);overflow-x:hidden;overflow-y:auto;background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;transition:var(--transition-theme)}.app-wrapper{height:100vh;width:100vw;padding:0 40px}*{box-sizing:border-box}*::selection{background-color:var(--color-primary-subtle);color:var(--color-primary)}a{color:var(--color-text-link);text-decoration:none;transition:var(--transition-fast);cursor:pointer}a:hover{color:var(--color-primary-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2rem}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:8px}.flex{display:flex;align-items:center;justify-content:center;flex-flow:row;flex-wrap:wrap}.flex.left{justify-content:flex-start}.flex.right{justify-content:flex-end}.flex.between{justify-content:space-between}.flex.around{justify-content:space-around}.flex.evenly{justify-content:space-evenly}.flex.top{align-items:flex-start}.flex.bottom{align-items:flex-end}.flex.column{flex-flow:column}.flex.stretch{align-items:stretch}.flex.start{align-self:flex-start}.flex.end{align-self:flex-end}.flex.nowrap{flex-wrap:nowrap}.flex.gap-xs{gap:.25rem}.flex.gap-sm{gap:.5rem}.flex.gap{gap:1rem}.flex.gap-md{gap:1rem}.flex.gap-lg{gap:1.5rem}.flex.gap-xl{gap:2rem}.flex.page-content,.flex.content-container{width:100% !important;flex:1}.h1{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:2.5rem;line-height:1.2;color:var(--color-text-primary)}.h2{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:2rem;line-height:1.25;color:var(--color-text-primary)}.h3{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:1.5rem;line-height:1.33;color:var(--color-text-primary)}.h4{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:var(--font-size-large);line-height:1.4;color:var(--color-text-primary)}.h5{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:var(--font-size-regular);line-height:1.5;color:var(--color-text-primary)}.h6{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);line-height:1.5;color:var(--color-text-secondary)}.label{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);line-height:1.4;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-tertiary)}.title{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:var(--font-size-title);line-height:1.3;color:var(--color-text-primary)}.text{font-family:var(--font-regular);font-weight:var(--font-weight-regular);font-size:var(--font-size-regular);line-height:1.6;color:var(--color-text-secondary)}.text-muted{color:var(--color-text-tertiary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.card{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-8);transition:all var(--speed-regular) var(--ease-out);overflow:hidden}.card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:var(--color-border-tertiary)}.card-header{padding:1.5rem;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.card-header .title{font-family:var(--font-regular);font-weight:var(--font-weight-semibold);font-size:var(--font-size-large);line-height:1.4;color:var(--color-text-primary);margin:0}.card-body{padding:1.5rem;font-size:var(--font-size-regular);color:var(--color-text-secondary)}.card-footer{padding:1.5rem;border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:rgba(0,0,0,0)}*::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.08);border-radius:10px;border:2px solid rgba(0,0,0,0);background-clip:padding-box;transition:background-color .25s ease-out}*::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.18)}*::-webkit-scrollbar-thumb:active{background-color:hsla(0,0%,100%,.3)}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.08) rgba(0,0,0,0)}.left-sidebar{width:calc(100% - 434px - 16px);max-height:100%;border-radius:var(--radius-8);color:var(--color-text-tertiary);border:1px solid var(--color-border-translucent);background:var(--color-bg-secondary)}.right-sidebar{width:434px;max-height:100%;border-radius:var(--radius-8);color:var(--color-text-tertiary);border:1px solid var(--color-border-translucent);background:var(--color-bg-secondary)}.right-sidebar .icon-button{color:var(--icon-color-secondary);cursor:pointer}.right-sidebar .icon-button:hover{color:var(--icon-color-hover)}.stock-code-search{max-width:800px;display:flex;justify-content:start;align-items:center;padding-bottom:12px}.shipments__header{padding-bottom:12px}.search-input{max-width:300px}.stock-code-search__controls{max-width:300px;margin-top:0}
.page-content{flex:1;width:100%;max-width:100%;height:calc(100vh - 120px);overflow-x:hidden;padding:24px 24px 54px 24px;background:var(--color-bg-secondary);border-radius:16px}.page-content.flex{width:100%;flex:1}.page-content.flex.top{width:100%;align-items:flex-start;justify-content:flex-start}.page-content>*{width:100%;max-width:100%}.page-content .content-container{max-width:1400px;margin:0 auto;background:var(--color-bg-secondary);border-radius:var(--radius-8);box-shadow:0 2px 4px rgba(0,0,0,.25);border:1px solid var(--color-border-primary);overflow:hidden}.page-content .content-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--color-border-primary);background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%)}.page-content .content-header .page-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:1.3;letter-spacing:-0.01em;color:var(--color-text-primary);margin:0 0 .5rem}.page-content .content-header .page-description{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);line-height:1.6;color:var(--color-text-secondary);margin:0}.page-content .content-header .page-actions{margin-top:1.5rem;display:flex;gap:.75rem;align-items:center}.page-content .content-body{padding:2rem}.page-content .grid{display:grid;gap:1.5rem}.page-content .grid--cols-1{grid-template-columns:1fr}.page-content .grid--cols-2{grid-template-columns:repeat(2, 1fr)}.page-content .grid--cols-3{grid-template-columns:repeat(3, 1fr)}.page-content .grid--cols-4{grid-template-columns:repeat(4, 1fr)}.page-content .grid--auto-fit{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.page-content .grid--auto-fill{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}@media(max-width: 1200px){.page-content{padding:1.5rem}.page-content .grid--cols-4{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.page-content{padding:1rem}.page-content .content-header{padding:1.5rem 1.5rem 1rem}.page-content .content-body{padding:1.5rem}.page-content .grid--cols-3,.page-content .grid--cols-4{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.page-content{padding:.75rem}.page-content .content-header{padding:1rem}.page-content .content-body{padding:1rem}.page-content .grid--cols-2,.page-content .grid--cols-3,.page-content .grid--cols-4{grid-template-columns:1fr}}
.error-page{height:100vh;width:100vw;display:flex;flex-flow:row nowrap;justify-content:space-evenly;align-items:center;gap:40px;padding:0 120px}.error-page__content{display:flex;flex-flow:column nowrap;justify-content:center;align-items:stretch;gap:24px}.error-page__content .logo-icon{width:150px;height:48px}.error-page__content .logo-icon path{fill:var(--color-success)}.error-page__content--title{font-size:96px;font-weight:700;line-height:104px;color:var(--color-text-primary)}.error-page__content--title span{display:block}.error-page__content--description{font-size:var(--font-size-large);line-height:24px;max-width:90%;color:var(--color-text-secondary)}.error-page__content--back-link{text-decoration:none;font-size:var(--font-size-regular);color:var(--color-link-primary)}.error-page__content--back-link:hover{text-decoration:underline}.error-page__image{align-self:flex-start}.error-page__image svg{width:auto;height:95vh}
.footer{height:48px;width:100%;position:fixed;bottom:0;left:0;right:0;z-index:1000;background-color:var(--color-bg-footer);border-top:1px solid var(--color-border-footer)}.footer .footer-logo{height:24px;width:auto;transition:all .2s ease}.footer .footer-logo:hover{transform:scale(1.02)}.footer .footer-content{width:100%;height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.footer.full-screen{padding:0;height:40px}.footer.full-screen .footer-content{border-radius:0;border:none}.footer .localization{padding:0 1rem;font-size:var(--text-sm)}.footer .localization .local{font-size:var(--text-sm);font-weight:500;line-height:1.4;cursor:pointer;color:var(--color-text-secondary);background:rgba(0,0,0,0);border:none;padding:.375rem .5rem;border-radius:var(--radius-md);transition:all .15s ease;display:flex;align-items:center;gap:.375rem}.footer .localization .local:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:translateY(-1px)}.footer .localization .local .icon{width:1rem;height:1rem;color:var(--color-text-tertiary);transition:all .15s ease}.footer .localization .local:hover .icon{color:var(--color-primary-500);transform:scale(1.1)}.footer .footer-actions{display:flex;align-items:center}.footer .footer-actions .footer-action{border-left:1px solid var(--color-border-muted);padding:0 1rem;height:100%;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;transition:all .15s ease}.footer .footer-actions .footer-action:first-child{border-left:none}.footer .footer-actions .footer-action:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.MuiMenu-paper{background:var(--color-menu-bg);backdrop-filter:blur(12px) !important;border:1px solid var(--color-border-muted) !important;border-radius:var(--radius-lg) !important;box-shadow:var(--shadow-md) !important;margin-top:.25rem !important}.MuiMenu-paper .menu-item{font-size:var(--text-sm) !important;font-weight:500 !important;color:var(--color-text-secondary) !important;padding:.5rem .75rem !important;margin:.125rem !important;border-radius:var(--radius-sm) !important;transition:all .15s ease !important}.MuiMenu-paper .menu-item:hover{background:var(--color-bg-hover) !important;color:var(--color-text-primary) !important}.MuiMenu-paper .menu-item.active{color:var(--color-primary-500) !important;background:var(--color-primary-100) !important;font-weight:600 !important}[data-theme=dark] .footer .footer-content{background:var(--color-bg-footer-dark);border:1px solid var(--color-border-dark)}[data-theme=dark] .footer .localization .local{color:var(--color-text-secondary)}[data-theme=dark] .footer .localization .local:hover{background:var(--color-primary-100);color:var(--color-text-primary)}[data-theme=dark] .footer .localization .local:hover .icon{color:var(--color-primary-400)}[data-theme=dark] .footer .footer-actions .footer-action{border-left:1px solid var(--color-border-dark);color:var(--color-text-secondary)}[data-theme=dark] .footer .footer-actions .footer-action:hover{color:var(--color-text-primary);background:var(--color-primary-100)}[data-theme=dark] .MuiMenu-paper{background:var(--color-bg-footer-dark) !important;border:1px solid var(--color-border-dark) !important}[data-theme=dark] .MuiMenu-paper .menu-item{color:var(--color-text-secondary) !important}[data-theme=dark] .MuiMenu-paper .menu-item:hover{background:var(--color-primary-100) !important;color:var(--color-text-primary) !important}[data-theme=dark] .MuiMenu-paper .menu-item.active{color:var(--color-primary-400) !important;background:var(--color-primary-100) !important}@media(max-width: 768px){.footer{padding:.25rem 1rem;height:40px}.footer .footer-content{padding:0 .75rem}.footer .localization{padding:0 .5rem}.footer .localization .local{padding:.25rem .375rem;font-size:var(--text-xs)}.footer .footer-actions .footer-action{padding:0 .75rem;font-size:var(--text-xs)}}
.header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:0 1.5rem;height:72px;backdrop-filter:blur(12px);position:sticky;top:0;border-bottom:1px solid var(--color-header-border)}.header-left,.header-right{display:flex;flex-flow:row nowrap;align-items:center;gap:1rem}.header__logo{display:flex;align-items:center;text-decoration:none;transition:all .2s ease;padding:.5rem .75rem;border-radius:var(--radius-lg);margin-right:1rem;background-color:rgba(0,0,0,0);color:var(--color-text-primary)}.header__logo text{font-size:60px;font-weight:bold}.header__logo .logo-icon{height:2.5rem;width:auto}.header__menu{display:flex;align-items:center;gap:.5rem;margin-left:2rem}.header__menu-item{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);font-weight:500;padding:.5rem .75rem;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all .15s ease;position:relative}.header__menu-item:hover{color:var(--color-text-primary);background:var(--color-hover-bg);transform:translateY(-1px)}.header__menu-item.active{color:var(--color-primary-500);background:var(--color-primary-100);font-weight:600}.header__menu-item.active::after{content:"";position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:20px;height:2px;background:linear-gradient(90deg, var(--color-primary-500), var(--color-primary-400));border-radius:1px}.header__menu-item svg{width:1.125rem;height:1.125rem;transition:transform .15s ease}.header__menu-item:hover svg{transform:scale(1.1)}.header__logs-menu-button{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);font-weight:500;margin-right:1rem;cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-md);color:var(--color-text-secondary);background:rgba(0,0,0,0);border:none;transition:all .15s ease}.header__logs-menu-button:hover{color:var(--color-text-primary);background:var(--color-hover-bg);transform:translateY(-1px)}.header__logs-menu-button svg{width:1.125rem;height:1.125rem;transition:transform .15s ease}.header__logs-menu-button:hover svg{transform:scale(1.1)}.header__logs-menu-item{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;cursor:pointer;text-decoration:none}.header__logs-menu-item:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.header__breadcrumbs{margin-right:1rem;display:flex;align-items:center;gap:.5rem}.header__breadcrumbs-segment{font-size:var(--text-sm);font-weight:500;color:var(--color-text-tertiary);transition:color .15s ease;cursor:pointer}.header__breadcrumbs-segment:last-child{color:var(--color-text-primary);font-weight:600}.header__breadcrumbs-segment:hover:not(:last-child){color:var(--color-primary-500)}.header__breadcrumbs-delimeter{color:var(--color-text-quaternary);font-weight:300;font-size:var(--text-xs)}.header-right{gap:.5rem}.header-right .user-icon{font-size:1.75rem;color:var(--color-text-secondary);padding:.375rem;border-radius:var(--radius-lg);transition:all .15s ease}.header-right .user-icon:hover{color:var(--color-primary-500);background:var(--color-hover-bg);transform:translateY(-1px)}@media(max-width: 768px){.header{padding:0 1rem;height:3rem}.header__menu{margin-left:1rem;gap:.25rem}.header__menu-item{padding:.375rem .5rem;font-size:var(--text-xs)}.header__menu-item svg{width:1rem;height:1rem}.header__logo{margin-right:.5rem}.header__logo .logo-icon{height:1.5rem}.header__breadcrumbs{display:none}.header__logs-menu-button{margin-right:.5rem;padding:.375rem .5rem;font-size:var(--text-xs)}}[data-theme=dark] .header{background:var(--color-header-bg-dark, rgba(17, 24, 39, 0.95));border-bottom:1px solid var(--color-header-border-dark, rgba(75, 85, 99, 0.3))}[data-theme=dark] .header__menu-item,[data-theme=dark] .header__logs-menu-button,[data-theme=dark] .header .user-icon{color:var(--color-text-secondary)}[data-theme=dark] .header__menu-item:hover,[data-theme=dark] .header__logs-menu-button:hover,[data-theme=dark] .header .user-icon:hover{background:var(--color-primary-100);color:var(--color-text-primary)}[data-theme=dark] .header__menu-item.active{color:var(--color-primary-400);background:var(--color-primary-100)}[data-theme=dark] .header__logo:hover{background:var(--color-primary-100)}