:root{--bg: #f0f2f5;--surface: #ffffff;--surface-hover: #e8eaed;--border: #dadce0;--text: #1f2933;--text-muted: #5f6b7a;--accent: #0d7d4d;--accent-dim: #0a6340;--danger: #c53030;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.layout{min-height:100vh;display:flex;flex-direction:column}.header{width:100%;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000f}.header-inner{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;flex-wrap:wrap;gap:.75rem;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.header-brand{display:flex;flex-direction:column;gap:.15rem}.header-logo{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--text);text-decoration:none}.header-logo:hover{color:var(--accent);text-decoration:none}.header-subtitle{font-size:12px;color:#6c757d;line-height:1.3}.logo{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.nav{display:flex;gap:.25rem}.nav-link{padding:.5rem .75rem;border-radius:6px;color:var(--text-muted);font-weight:500}.nav-link:hover{color:var(--text);background:var(--surface-hover);text-decoration:none}.nav-link.active{color:var(--accent);background:#0d7d4d1f}.header-actions{display:flex;align-items:center;margin-left:auto}.lang-dropdown-label{margin:0;display:flex;align-items:center}.lang-select{padding:.35rem 1.5rem .35rem .5rem;font-size:.9rem;font-weight:500;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.lang-select:hover{border-color:#b0b4b8}.lang-select:focus{outline:none;border-color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lang-switch{display:flex;gap:0;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--border)}.lang-btn{padding:.35rem .5rem;font-size:.8rem;font-weight:500;border:none;background:transparent;color:var(--text-muted);border-radius:4px}.lang-btn:hover{color:var(--text)}.lang-btn.active{color:var(--accent);background:#0d7d4d1f}.main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:1.5rem;min-width:0}.main--fluid{width:100%;max-width:none;margin:0;padding-left:24px;padding-right:24px;display:flex;flex-direction:column}.main--fluid .page{min-width:0}.main--fluid .settings-layout{flex:1;min-width:0;width:100%}.clients-workspace{width:100%;min-width:0;padding:24px 0}@media (min-width: 900px){.main--fluid{padding-left:32px;padding-right:32px}}.page{width:100%;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.page-head-services{align-items:center;margin-bottom:1rem}.page-head-services .page-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.services-metrics{margin-bottom:1.25rem}.services-metrics-tiles{display:flex;flex-wrap:wrap;gap:.75rem}.metrics-based-on{margin:.35rem 0 0;font-size:.75rem;color:var(--text-muted)}.metrics-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:120px;padding:.6rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a;font-family:inherit;text-align:left;cursor:default;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.metrics-tile[type=button]{cursor:pointer}.metrics-tile[type=button]:hover{border-color:#b0b4b8;box-shadow:0 2px 4px #0000000f}.metrics-tile-active{border-color:var(--accent);background:#0d7d4d0f;box-shadow:0 1px 2px #0d7d4d1f}.metrics-tile[type=button].metrics-tile-active:hover{border-color:var(--accent-dim)}.metrics-tile-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.metrics-tile-value{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.page-title-block{display:flex;flex-direction:column;gap:.15rem}.page-title-block .product-name{margin:0;font-size:.9rem;font-weight:600;color:var(--accent);letter-spacing:.05em}.page-head h2,.page-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.page-title-block .product-description{margin:0;font-size:.85rem;color:var(--text-muted)}.actions{display:flex;gap:.5rem}.muted{color:var(--text-muted);font-size:.9rem;margin:.5rem 0 0}.muted.small{font-size:.8rem;margin-top:.5rem}.error{color:var(--danger);margin:0 0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;border:none;background:transparent;color:var(--text)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-dim)}.btn.secondary{background:var(--surface-hover);border:1px solid var(--border);color:var(--text)}.btn.secondary:hover:not(:disabled){background:var(--border)}.btn.ghost{color:var(--text-muted)}.btn.ghost:hover{color:var(--text)}.btn.danger{background:#c530301f;color:var(--danger)}.btn.danger:hover:not(:disabled){background:#c5303033}.btn.small{padding:.35rem .65rem;font-size:.85rem}.btn:disabled{opacity:.6;cursor:not-allowed}.services-toolbar{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;justify-content:space-between}.services-toolbar-left{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;flex:1;min-width:0}.services-toolbar-right{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-shrink:0}.active-filters-count{font-size:.85rem;color:var(--text-muted)}.services-search{flex-shrink:0}.search-input{width:100%;max-width:360px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.services-filters{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.filter-label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;font-weight:500;color:var(--text-muted)}.filter-select{min-width:140px;padding:.4rem .6rem;font-size:.9rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.services-view-mode{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.view-mode-label{font-size:.85rem;color:var(--text-muted)}.services-view-mode .btn.active{color:var(--accent);background:#0d7d4d1f}.columns-toggle-wrap{position:relative;display:inline-block}.columns-dropdown{position:absolute;z-index:100;top:100%;left:0;margin-top:4px;min-width:180px;padding:.5rem 0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001f}.columns-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.9rem;cursor:pointer;white-space:nowrap}.columns-dropdown-item:hover{background:var(--surface-hover)}.columns-dropdown-item input{margin:0;cursor:pointer}.columns-toggle-wrap .btn.active{color:var(--accent);background:#0d7d4d1f}.table th.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th.th-sortable:hover{color:var(--text)}.sort-indicator{margin-left:.2rem;font-size:.75rem;color:var(--accent)}.table th.th-num{width:3rem}.table .td-empty{text-align:center;color:var(--text-muted);padding:1.5rem}.services-table{width:100%;table-layout:auto}.services-table th.num-col,.services-table td.num-col{width:60px;min-width:60px;box-sizing:border-box}.services-table th.code-col,.services-table td.code-col{width:100px;min-width:100px;box-sizing:border-box}.services-table th.processing-type,.services-table td.processing-type{width:160px;min-width:160px;white-space:nowrap;box-sizing:border-box}.services-table th.deployments-col,.services-table td.deployments-col{width:100px;min-width:100px;text-align:center;box-sizing:border-box}.services-table th.clients-col,.services-table td.clients-col{width:240px;min-width:220px;max-width:260px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.services-table th.actions-col,.services-table td.actions-col{width:120px;min-width:120px;white-space:nowrap;box-sizing:border-box}.name-col{min-width:120px}.name-primary{display:block;font-weight:500}.name-secondary{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.vendor-col{max-width:200px}.service-type-col{width:120px;min-width:120px;white-space:nowrap;box-sizing:border-box}.badge-service-type{display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:6px;white-space:nowrap}.badge-service-type-primary{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-muted)}.badge-service-type-extended{background:#0d7d4d1f;border:1px solid rgba(13,125,77,.35);color:var(--accent)}.badge-device-type{display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:6px;white-space:nowrap;border:1px solid var(--border)}.devices-col{min-width:100px}.devices-badges{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.devices-more{font-size:.75rem;color:var(--text-muted);margin-left:.15rem}.services-grouped{width:100%;min-width:0}.category-section{margin-bottom:2rem;width:100%;min-width:0}.category-section:last-of-type{margin-bottom:1rem}.category-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:var(--text-muted)}.category-section-collapsible .category-title-toggle{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.category-title-toggle:hover{color:var(--accent)}.category-title-chevron{font-size:.7rem;color:var(--text-muted)}.category-count{font-weight:400;color:var(--text-muted);font-size:.95em}.services-grouped .table-wrap{margin-top:0}.services-by-country-client-single{width:100%;min-width:0;margin-bottom:1rem}.group-expand-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.group-row{cursor:pointer}.group-row:hover .group-row-cell{background:var(--surface-hover)}.group-row-country .group-row-cell{font-weight:600;color:var(--text);padding:.5rem .75rem;background:#00000008;border-bottom:1px solid var(--border)}.group-row-client .group-row-cell{font-weight:500;color:var(--text-muted);padding:.4rem .75rem;background:#00000005;border-bottom:1px solid var(--border)}.group-row-cell-indent{padding-left:1.5rem!important}.group-row-chevron{font-size:.7rem;color:var(--text-muted);margin-right:.4rem}.group-row-label{font-weight:inherit}.group-row-count{font-weight:400;color:var(--text-muted);font-size:.9em;margin-left:.25rem}.services-by-country-client{width:100%;min-width:0}.services-by-country-client .country-client-section{margin-bottom:1.5rem;width:100%;min-width:0}.country-client-section .country-client-children{margin-left:1rem;margin-top:.5rem;width:100%;min-width:0}.country-client-section .client-block{margin-bottom:1rem;width:100%;min-width:0}.country-client-section .client-block:last-child{margin-bottom:0}.client-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-muted)}.client-title-toggle{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.client-title-toggle:hover{color:var(--accent)}.client-block .table-wrap{margin-top:.5rem;margin-left:.5rem}.country-client-label{flex:0 1 auto}.table-wrap-sticky{overflow-x:auto;overflow-y:visible}.services-table-sticky thead th{position:sticky;top:0;z-index:2;background:var(--surface-hover);box-shadow:0 1px 0 var(--border)}.services-table-sticky .th-sticky-right{right:0;box-shadow:-2px 0 4px #0000000f}.services-table-sticky td.actions-col{position:sticky;right:0;z-index:1;background:var(--surface);box-shadow:-2px 0 4px #0000000f}.services-table-sticky tbody tr:hover td.actions-col{background:var(--surface-hover)}.table-wrap{width:100%;overflow-x:auto;margin-bottom:.5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 1px 2px #0000000a}.table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.table th,.table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table th{background:var(--surface-hover);font-weight:600;color:var(--text-muted)}.table tbody tr:hover{background:var(--surface-hover)}.table code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-hover);padding:.15rem .4rem;border-radius:4px;color:var(--text)}.table th.order,.table td.order{width:70px;box-sizing:border-box}.table th.actions,.table td.actions{width:130px;white-space:nowrap;box-sizing:border-box}.table th.name,.table td.name{width:auto;min-width:0;word-break:break-word;box-sizing:border-box}.table.services-table{table-layout:auto}.link{color:var(--accent)}.clients-metrics{margin-bottom:1.25rem}.clients-empty-state{text-align:center;padding:3rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.clients-empty-message{margin:0 0 1rem;color:var(--text-muted);font-size:1rem}.clients-table{table-layout:auto}.clients-table th.num-col,.clients-table td.num-col{width:60px;min-width:60px;box-sizing:border-box}.clients-table .clients-col-name{min-width:160px}.clients-table .clients-col-country{min-width:140px}.clients-table .clients-col-count{width:6rem;text-align:right}.clients-table .clients-col-devices{min-width:120px}.clients-table .clients-col-updated{width:100px;white-space:nowrap}.clients-table th.actions,.clients-table td.actions{width:auto;min-width:200px}.clients-name-link{font-weight:600;color:var(--text);text-decoration:none}.clients-name-link:hover{color:var(--accent);text-decoration:underline}.clients-country-cell{display:inline-flex;align-items:center;gap:.4rem}.clients-country-flag{font-size:1.1em;line-height:1}.clients-devices-badges{display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:center}.clients-device-badge{display:inline-block;padding:.15rem .4rem;font-size:.75rem;border-radius:4px;white-space:nowrap}.th-sort{background:none;border:none;font:inherit;font-weight:600;color:var(--text-muted);cursor:pointer;padding:0;text-align:left;display:inline-flex;align-items:center;gap:.25rem}.th-sort:hover{color:var(--accent)}.input-inline{min-width:0;width:100%;max-width:200px;padding:.35rem .5rem;font-size:.9rem}.preview-drawer-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text);padding-right:2rem}.form{max-width:640px}.form.service-form{max-width:960px;margin-left:auto;margin-right:auto;padding-bottom:0}.service-form-content{padding-bottom:5rem}.service-form .form-error{margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form label{display:flex;flex-direction:column;gap:.35rem}.form label span{font-size:.85rem;font-weight:500;color:var(--text-muted)}.form input,.form select,.form textarea{padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--accent)}.form-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.form-section-first{margin-top:0;padding-top:0;border-top:none}.form-section-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text)}.form-section-first .form-section-title{margin-top:0}.form-section-head-deployments{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.form-section-head-deployments .form-section-title{margin-bottom:0}.form-section-variants .variants-add-row{display:flex;gap:.5rem 1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.form-section-variants .variants-add-row .input{min-width:120px}.form-section-variants .variants-input-code{min-width:80px}.form-section-variants .variants-color-select{min-width:100px}.variants-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.variants-list-item{display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:grab}.variants-list-item:active{cursor:grabbing}.variants-list-item.variants-list-item-dragging{opacity:.6}.variants-drag-handle{flex-shrink:0;color:var(--text-muted);font-size:.9rem;cursor:grab;-webkit-user-select:none;user-select:none}.variants-color-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%}.variants-list-name{font-weight:500}.variants-list-code{font-size:.85rem;color:var(--text-muted)}.variants-edit-name{min-width:140px}.variants-edit-code{min-width:80px}.variants-edit-color{min-width:90px}.form-actions-spacer{height:1px;margin:0}.form-actions-sticky{position:sticky;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;margin:0 -.01px;background:var(--bg);border-top:1px solid var(--border);box-shadow:0 -2px 8px #0000000f}.form-actions-sticky-right{display:flex;gap:.5rem;align-items:center}.multiselect-wrap{position:relative}.multiselect-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .65rem;min-height:2.25rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.multiselect-trigger:hover:not(:disabled){border-color:#b0b4b8}.multiselect-trigger.open{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0d7d4d26}.multiselect-trigger:disabled{cursor:not-allowed;opacity:.7}.multiselect-value{flex:1;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:1.25rem}.multiselect-placeholder{color:var(--text-muted)}.multiselect-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:4px;background:#0d7d4d1f;color:var(--accent);font-size:.8rem;font-weight:500}.multiselect-chip-remove{margin-left:.15rem;opacity:.8;font-size:1rem;line-height:1}.multiselect-chip:hover .multiselect-chip-remove{opacity:1}.multiselect-chevron{flex-shrink:0;font-size:.6rem;color:var(--text-muted);transition:transform .2s ease}.multiselect-trigger.open .multiselect-chevron{transform:rotate(180deg)}.multiselect-dropdown{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;max-height:12rem;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000001f;padding:.35rem 0}.multiselect-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.9rem;cursor:pointer;transition:background .1s ease}.multiselect-item:hover{background:var(--surface-hover)}.multiselect-item.selected{background:#0d7d4d14;color:var(--accent)}.multiselect-item-check{width:1rem;flex-shrink:0;font-size:.75rem;font-weight:600}.form-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.form-section h3{margin:0;font-size:1rem;color:var(--text)}.deployments{display:flex;flex-direction:column;gap:.5rem}.deployments-by-country{display:flex;flex-direction:column;gap:1.5rem}.deployment-country-group{display:flex;flex-direction:column;gap:.5rem}.deployment-country-header{font-size:.95rem;font-weight:600;color:var(--text);padding:.25rem 0;margin:0}.deployment-group-rows{display:flex;flex-direction:column;gap:.5rem}.deployment-row{display:flex;gap:.75rem 1rem;align-items:center;flex-wrap:wrap}.deployment-row input,.deployment-row select{flex:1;min-width:120px;max-width:100%;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.deployment-remove-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer}.deployment-remove-btn:hover{color:var(--danger);background:#c5303014}.deployment-remove-btn .table-action-icon{display:block}.deployment-row .deployment-country-readonly{flex:1;min-width:100px;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-hover);color:var(--text-muted);font-size:.9rem}.deployment-client-wrap{position:relative;flex:1;min-width:100px}.deployment-client-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.4rem .5rem;min-height:2.25rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer;text-align:left}.deployment-client-trigger:hover{border-color:#b0b4b8}.deployment-client-trigger.open{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0d7d4d26}.deployment-client-placeholder{color:var(--text-muted)}.deployment-client-dropdown{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000001f;padding:.35rem;max-height:14rem;display:flex;flex-direction:column}.deployment-client-filter{margin-bottom:.35rem}.deployment-client-list{overflow-y:auto;max-height:10rem}.deployment-client-option{padding:.45rem .75rem;font-size:.9rem;cursor:pointer;border-radius:4px}.deployment-client-option:hover{background:var(--surface-hover)}.deployment-client-option.selected{background:#0d7d4d14;color:var(--accent)}.form-actions{display:flex;gap:.5rem;margin-top:1.5rem}.form-inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.form-inline input{padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);min-width:200px}.form-inline input:focus{outline:none;border-color:var(--accent)}.input{padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);width:100%}.input:focus{outline:none;border-color:var(--accent)}.input-invalid{border-color:var(--danger)!important}.field-error{margin:.25rem 0 0;font-size:.8rem;color:var(--danger)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;box-shadow:0 1px 2px #0000000a}.card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.badge{font-size:.75rem;padding:.2rem .5rem;background:var(--surface-hover);border-radius:4px;color:var(--text-muted)}.service-list{list-style:none;margin:0;padding:0}.service-list li{padding:.25rem 0;font-size:.9rem}.service-list a{color:var(--text)}.service-list a:hover{color:var(--accent)}.service-list code{font-size:.85em;margin-right:.25rem}.th-actions{width:6rem;text-align:center}.td-actions{white-space:nowrap;text-align:center}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.add-section-row{display:flex;gap:8px;align-items:center;max-width:600px;flex-wrap:nowrap;margin-bottom:1rem}.add-section-row .input{flex:1;min-width:0}.add-section-row .btn{flex-shrink:0}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;margin:0 .15rem;border-radius:6px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;font:inherit}.btn-icon:hover{color:var(--accent);background:#0d7d4d1a;text-decoration:none}.table-action-icon{display:block}.details-section{margin-bottom:1.5rem}.details-section-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-muted)}.details-grid{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.5rem;max-width:560px;margin:0}.details-grid dt{font-weight:500;color:var(--text-muted)}.details-grid dd{margin:0;color:var(--text)}.details-grid dd code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-hover);padding:.15rem .4rem;border-radius:4px}.settings-layout{display:flex;flex:1;min-height:0;width:100%}.settings-sidebar{flex-shrink:0;width:240px;min-height:100%;background:var(--surface);border-right:1px solid var(--border);position:sticky;top:0;align-self:flex-start;padding:1.5rem 0}.settings-sidebar-title{margin:0 0 1rem;padding:0 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text)}.settings-sidebar-nav{padding:0 .5rem}.settings-nav-group{margin-bottom:1rem}.settings-nav-group-title{padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.settings-nav-list{list-style:none;margin:0;padding:0}.settings-nav-list li{margin:0}.settings-nav-link{display:block;padding:.5rem .75rem;border-radius:6px;color:var(--text);font-size:.9rem;text-decoration:none;transition:background .15s ease,color .15s ease}.settings-nav-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.settings-nav-link--active{background:#0d7d4d1f;color:var(--accent);font-weight:500}.settings-content{flex:1;min-width:0;width:100%;max-width:none;display:flex;flex-direction:column;padding:0 32px 0 24px}@media (min-width: 900px){.settings-content{padding-left:32px;padding-right:32px}}.settings-content-header{width:100%;padding:0 0 .75rem;border-bottom:1px solid var(--border);margin-bottom:0}.settings-breadcrumb{font-size:.9rem;color:var(--text-muted)}.settings-breadcrumb-sep{margin:0 .35rem;color:var(--border)}.settings-breadcrumb-current{color:var(--text);font-weight:500}.settings-content-body{flex:1;width:100%;max-width:none;margin:0;padding:24px 0;min-width:0}.settings-catalog-page{width:100%;max-width:none}.settings-catalog-page form{width:100%;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.settings-catalog-page .add-section-row{max-width:none;margin-bottom:1rem}.settings-catalog-page-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text)}.catalog-table-wrap{width:100%;max-width:none;overflow-x:auto;margin-bottom:.5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 1px 2px #0000000a}.catalog-table-wrap .table{width:100%;table-layout:auto}.catalog-table-wrap th.order,.catalog-table-wrap td.order{width:70px;box-sizing:border-box}.catalog-table-wrap th.name,.catalog-table-wrap td.name{width:auto;min-width:0;word-break:break-word;box-sizing:border-box}.catalog-table-wrap th.actions,.catalog-table-wrap td.actions{width:120px;min-width:120px;white-space:nowrap;box-sizing:border-box}.add-section-row .settings-input-code{width:6rem;flex:0 0 6rem}.settings-color-col{width:80px}.settings-color-dropdown-wrap{position:relative;min-width:120px}.settings-color-trigger{display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.25rem;padding:.35rem .6rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;text-align:left;box-sizing:border-box}.settings-color-trigger:hover{border-color:#b0b4b8}.settings-color-trigger.open{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0d7d4d26}.settings-color-placeholder{color:var(--text-muted)}.settings-color-option-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.settings-color-table-dot{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle}.settings-color-dropdown{position:absolute;top:100%;left:0;margin-top:2px;min-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000001f;z-index:10;max-height:240px;overflow-y:auto}.settings-color-dropdown--portal{z-index:2000;max-height:240px;overflow-y:auto}.settings-color-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;cursor:pointer;font:inherit}.settings-color-option:hover{background:var(--surface-hover)}.settings-color-option.selected{background:#0d7d4d14;color:var(--accent)}.deployment-devices-wrap{min-width:140px}.deployment-devices-placeholder{color:var(--text-muted)}.deployment-device-option-swatch{display:inline-block;width:.75rem;height:.75rem;border-radius:3px;margin-right:.35rem;vertical-align:middle;flex-shrink:0}.add-section-row .settings-select-country{min-width:10rem;flex:1;max-width:14rem}.preview-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000059;animation:preview-drawer-backdrop-in .2s ease-out}@keyframes preview-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}.preview-drawer-panel{position:absolute;top:0;right:0;width:min(460px,100vw);max-width:100vw;height:100%;background:var(--surface);box-shadow:-4px 0 20px #0000001f;display:flex;flex-direction:column;animation:preview-drawer-panel-in .25s ease-out}@keyframes preview-drawer-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}.preview-drawer-header{flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid var(--border);position:relative}.preview-drawer-close{position:absolute;top:1rem;right:1.25rem;padding:.35rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.preview-drawer-close:hover{color:var(--text);background:var(--surface-hover)}.add-client-drawer-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.add-client-drawer-form label{display:flex;flex-direction:column;gap:.35rem}.add-client-drawer-label{font-size:.9rem;font-weight:500;color:var(--text-muted)}.add-client-drawer-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.preview-drawer-title-block{padding-right:2rem}.preview-drawer-code{display:block;font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--accent);margin-bottom:.25rem}.preview-drawer-name-ru{margin:0 0 .15rem;font-size:1.05rem;font-weight:600;color:var(--text)}.preview-drawer-name-en{margin:0;font-size:.85rem}.preview-drawer-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.preview-drawer-loading,.preview-drawer-error{margin:.5rem 0 0}.preview-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem}.preview-drawer-section{margin-bottom:1.25rem}.preview-drawer-section:last-child{margin-bottom:0}.preview-drawer-section-title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.preview-drawer-dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.9rem}.preview-drawer-dl dt{font-weight:500;color:var(--text-muted)}.preview-drawer-dl dd{margin:0;color:var(--text)}.preview-drawer-vendors{display:flex;flex-wrap:wrap;gap:.35rem}.preview-drawer-chip{display:inline-block;padding:.2rem .5rem;border-radius:4px;background:#0d7d4d1f;color:var(--accent);font-size:.8rem;font-weight:500}.preview-drawer-section-deployments .preview-drawer-section-title{margin-bottom:.65rem}.preview-drawer-kpi-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.preview-drawer-kpi-chip{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:6px;background:var(--surface-hover);border:1px solid var(--border);font-size:.8rem;font-weight:500;color:var(--text)}.preview-drawer-kpi-chip:not(:last-child){margin-right:0}.preview-drawer-client-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.preview-drawer-client-row{display:flex;align-items:center;gap:.5rem;min-height:1.75rem;padding:.25rem 0;font-size:.9rem;color:var(--text);line-height:1.4}.preview-drawer-client-row-sep{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.5rem}.preview-drawer-client-flag{flex-shrink:0;width:1.25em;height:1em;font-size:1.1em;line-height:1;display:inline-flex;align-items:center;justify-content:center}.preview-drawer-client-flag-fallback{font-size:1rem;opacity:.85}.preview-drawer-client-label{flex:1;min-width:0;word-break:break-word}.preview-drawer-client-count{font-size:.85em;color:var(--text-muted);font-weight:500;margin-left:.15rem}.services-table tbody tr.tr-preview-selected{background:#0d7d4d14}.services-table tbody tr.tr-preview-selected:hover{background:#0d7d4d1f}.services-table tbody tr.tr-preview-selected td.actions-col{background:#0d7d4d14}.services-table tbody tr.tr-preview-selected:hover td.actions-col{background:#0d7d4d1f}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:.9rem;font-weight:500;min-width:220px;max-width:360px;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--success{background:var(--surface);border:1px solid var(--accent);color:var(--text)}.toast--error{background:var(--surface);border:1px solid var(--danger);color:var(--text)}.toast-message{flex:1}.toast-dismiss{flex-shrink:0;padding:0 .25rem;font-size:1.25rem;line-height:1;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px}.toast-dismiss:hover{color:var(--text);background:var(--surface-hover)}.btn .spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0006;animation:modal-overlay-in .2s ease-out}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--surface);border-radius:10px;box-shadow:0 8px 32px #0003;max-width:100%;max-height:calc(100vh - 2rem);overflow:auto;animation:modal-dialog-in .2s ease-out}@keyframes modal-dialog-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog{min-width:320px;max-width:420px;padding:1.5rem}.confirm-dialog-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text)}.confirm-dialog-body{margin-bottom:1.5rem;font-size:.95rem;color:var(--text);line-height:1.5}.confirm-dialog-body p{margin:0 0 .5rem}.confirm-dialog-body p:last-child{margin-bottom:0}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem}.page-title{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text)}.client-card-page{width:100%;min-width:0}.client-card-layout{display:flex;width:100%;min-height:0;gap:0}.client-card-sidebar{flex-shrink:0;width:300px;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.client-card-sidebar-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--text);line-height:1.3}.client-card-sidebar-country{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-muted)}.client-card-sidebar-flag{font-size:1.25rem;line-height:1}.client-card-sidebar-stat{display:flex;flex-direction:column;gap:.15rem}.client-card-sidebar-stat-value{font-size:1.5rem;font-weight:700;color:var(--text)}.client-card-sidebar-stat-label{font-size:.85rem;color:var(--text-muted)}.client-card-sidebar-block-title{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.client-card-sidebar-badges{display:flex;flex-wrap:wrap;gap:.35rem}.client-card-badge{display:inline-block;padding:.2rem .5rem;font-size:.8rem;border-radius:4px;border:1px solid var(--border)}.client-card-sidebar-vendors{list-style:none;margin:0;padding:0;font-size:.9rem;color:var(--text)}.client-card-sidebar-vendors li{padding:.2rem 0}.client-card-content{flex:1;min-width:0;display:flex;flex-direction:column;padding:1.5rem}.client-card-back{margin-bottom:.5rem}.client-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.client-card-header-left{flex:1;min-width:0}.client-card-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--text)}.client-card-country{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-muted);margin-bottom:.75rem}.client-card-flag{font-size:1.15rem;line-height:1}.client-card-kpis{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;font-size:.9rem;color:var(--text-muted)}.client-card-kpi strong{color:var(--text);font-weight:600;margin-right:.25rem}.client-card-header-right{flex-shrink:0}.client-card-table-container{max-width:100%;margin:0;width:100%}.client-card-table-wrap{overflow-x:auto;max-width:100%}.client-card-table{width:100%;min-width:0;table-layout:fixed}.client-card-table .col-code{width:120px}.client-card-table .col-name{width:auto}.client-card-table .col-category{width:220px}.client-card-table .col-vendor,.client-card-table .col-host{width:180px}.client-card-table .col-devices{width:140px}.client-card-table .col-variants{width:auto}.client-card-table .col-actions{width:80px}.client-card-table th,.client-card-table td{white-space:normal;word-break:normal;overflow-wrap:break-word}.client-card-table th.actions-column,.client-card-table td.actions-column{width:80px;text-align:center;white-space:nowrap}.client-card-table .actions-cell{display:flex;justify-content:center;align-items:center;white-space:nowrap}.client-card-table th.variants-column,.client-card-table td.variants-column{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-card-variants-cell{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.client-card-variants-badges{display:flex;flex-wrap:nowrap;align-items:center;gap:.35rem;min-width:0;max-width:100%;overflow:hidden}.client-card-page .link-code{font-family:var(--font-mono);font-size:.9em;white-space:nowrap}.client-card-page .name-row-ru{display:block;white-space:normal;word-break:normal;overflow-wrap:break-word}.client-card-page .name-row-en{font-size:.9em;color:var(--text-muted);white-space:normal;word-break:normal;overflow-wrap:break-word}.client-card-devices-badges{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;max-width:100%}.client-card-table-badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;border-radius:4px;white-space:nowrap;flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.client-card-variants-more{font-size:.75rem;color:var(--text-muted);font-weight:500;padding:0 .2rem}.btn-icon-danger{color:var(--text-muted)}.btn-icon-danger:hover{color:var(--danger);background:#c530301a}.client-card-table .input-select-compact{min-width:0;width:100%;max-width:100%;padding:.35rem .5rem;font-size:.875rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.client-card-table .input-select-compact:focus{outline:none;border-color:var(--accent)}.client-card-table .input-select-compact:disabled{opacity:.7;cursor:not-allowed}.client-card-table td.host{min-width:140px}.client-card-table td.code,.client-card-table td.category,.client-card-table td.vendor,.client-card-table td.host{white-space:nowrap}.client-card-table td.devices{overflow:hidden}.add-services-modal{min-width:480px;max-width:90vw;width:560px;max-height:85vh;display:flex;flex-direction:column;padding:0}.add-services-modal .modal-title{margin:0;padding:1.25rem 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.add-services-modal .modal-body{padding:1rem 1.5rem;overflow-y:auto;flex:1;min-height:0}.add-services-modal .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.add-services-search{margin-bottom:1rem}.add-services-search .input{width:100%}.add-services-optional{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;padding:.75rem;background:var(--surface-hover);border-radius:8px}.add-services-optional-label{font-size:.9rem;font-weight:500;color:var(--text-muted);flex-basis:100%}.add-services-select{min-width:140px}.add-services-devices{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.add-services-device-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;cursor:pointer;white-space:nowrap}.add-services-list-wrap{max-height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:.5rem}.add-services-list{list-style:none;margin:0;padding:0}.add-services-list-item{margin:0;border-radius:4px}.add-services-list-item:not(:last-child){margin-bottom:2px}.add-services-list-row{display:flex;align-items:center;gap:.5rem;min-height:2.25rem}.add-services-list-label{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;cursor:pointer;border-radius:4px;flex:1;min-width:0}.add-services-list-label:hover{background:var(--surface-hover)}.add-services-list-code{font-family:var(--font-mono);font-size:.9em;min-width:6rem;color:var(--text-muted)}.add-services-list-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.add-services-list-name-title{display:inline;min-width:0}.add-services-list-name-en{color:var(--text-muted);font-size:.9em}.add-services-selected-variants{display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:center}.add-services-selected-variant-chip{display:inline-flex;align-items:center;padding:.08rem .4rem;border-radius:999px;background:#0d7d4d1f;color:var(--accent);font-size:.72rem;font-weight:500;line-height:1.25}.add-services-selected-variant-chip-more{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-muted)}.add-services-variants-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .5rem;font-size:.85rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-weight:500}.add-services-variants-toggle:hover{color:var(--text);border-color:#b0b4b8}.add-services-variants-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.add-services-variants-toggle.active:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.add-services-variants-caret{font-size:.6rem;transition:transform .2s ease}.add-services-variants-caret.expanded{transform:rotate(180deg)}.add-services-variants-panel{margin-top:.25rem;margin-left:1.75rem;padding:.5rem .6rem;background:var(--surface-hover);border-radius:6px;border-left:3px solid var(--accent)}.add-services-variants-panel-label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem}.add-services-variant-checks{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.add-services-variant-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;cursor:pointer;white-space:nowrap}.add-services-variant-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.add-services-selection-summary{margin-top:.6rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1.5rem}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:2rem}.login-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--text)}.login-subtitle{margin:0 0 1.5rem;font-size:.9rem;color:var(--text-muted)}.login-form label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.login-form label span{font-size:.85rem;font-weight:500;color:var(--text-muted)}.login-form input{padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.9rem}.login-form input:focus{outline:none;border-color:var(--accent)}.login-form .btn{width:100%;margin-top:.5rem;padding:.6rem 1rem}.login-error{margin:.75rem 0 0;font-size:.9rem;color:var(--danger)}.login-spinner{display:flex;align-items:center;justify-content:center;min-height:200px}.login-spinner .spinner{width:2rem;height:2rem;border:2px solid var(--border);border-right-color:var(--accent);border-radius:50%;animation:spinner .6s linear infinite}