.service-list-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 16px}.service-search{width:min(380px,100%);height:48px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid rgba(255,255,255,.9);border-radius:13px;background:rgba(255,255,255,.68);box-shadow:0 8px 24px rgba(67,40,52,.05)}.service-search span{font-size:22px;color:#71636b}.service-search input{width:100%;border:0;background:transparent;outline:0;color:#30272c}.service-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.service-filters select,.service-filter-button{height:38px;border:1px solid rgba(255,255,255,.92);border-radius:10px;padding:0 12px;background:rgba(255,255,255,.7);color:#463941}.service-filter-button{background:#a94d74;color:#fff;font-weight:700}.service-filters>a{color:#a14c6e;font-size:12px;text-decoration:none}.service-list-card{overflow:hidden;border:1px solid rgba(255,255,255,.94);border-radius:19px;background:rgba(255,255,255,.7);box-shadow:0 16px 42px rgba(65,39,52,.09)}.service-table-head,.service-list-row{display:grid;grid-template-columns:minmax(300px,2.25fr) minmax(170px,1.2fr) minmax(120px,.8fr) minmax(95px,.65fr) minmax(120px,.7fr) 96px;align-items:center;min-width:1000px}.service-table-head{height:76px;border-bottom:1px solid #e8dce2;background:rgba(255,255,255,.46);font-size:11px;font-weight:800;color:#4c3f46}.service-table-head span,.service-list-row>span,.service-list-row>strong{padding:0 16px}.service-table-head span:first-child{padding-left:24px}.service-table-body{overflow:visible}.service-list-row{min-height:80px;border-bottom:1px solid #e8dce2;color:#3c3137}.service-list-row:last-child{border-bottom:0}.service-list-row:hover{background:rgba(255,248,251,.72)}.service-list-row>span{color:#5e5158;font-size:13px}.service-list-row>strong{font-size:13px}.service-name-cell{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 16px 12px 24px;text-decoration:none;color:#30262c}.service-name-cell>i{width:40px;height:40px;flex:0 0 40px;border-radius:11px;display:grid;place-items:center;background:#fff2f5;border:2px solid #d76898;color:#7b61ff;font-style:normal}.service-list-row:nth-child(4n+2) .service-name-cell>i{border-color:#5cc9db}.service-list-row:nth-child(4n+3) .service-name-cell>i{border-color:#ff6d83}.service-list-row:nth-child(4n+4) .service-name-cell>i{border-color:#61bd5b}.service-name-cell span{display:flex;min-width:0;align-items:center;gap:8px}.service-name-cell b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-name-cell small{border-radius:999px;background:#efe5ea;color:#8b7781;padding:4px 7px;font-size:9px}.service-row-actions{display:flex;align-items:center;gap:7px;padding:0 12px}.service-row-actions>a,.service-row-actions summary{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#6f6169;text-decoration:none;font-size:18px;list-style:none}.service-row-actions>a:hover,.service-row-actions summary:hover{background:#f3e7ec;color:#9f466c}.service-row-actions summary::-webkit-details-marker{display:none}.service-row-actions details{position:relative}.service-row-actions details>div{position:absolute;right:0;top:38px;z-index:20;width:175px;padding:9px;border:1px solid #eadce3;border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(61,35,48,.16)}.service-row-actions details>div a,.service-row-actions details>div span{display:block;padding:8px;border-radius:7px;font-size:11px;text-decoration:none}.service-row-actions details>div a{color:#9e476b;font-weight:700}.service-row-actions details>div span{color:#887983;background:#faf5f7}.service-pagination{min-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid #e8dce2;color:#756871;font-size:12px;background:rgba(255,255,255,.46)}.service-pagination>div{display:flex;align-items:center;gap:10px}.service-pagination b{font-size:11px}.service-pagination a{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;text-decoration:none;color:#9e476c;background:#fff;border:1px solid #eadce3;font-size:20px}.service-pagination a.disabled{pointer-events:none;opacity:.35}.service-empty{padding:70px 20px;text-align:center}.service-empty>i{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;margin:auto;background:#f4e5eb;color:#ae4e75;font-style:normal;font-size:23px}.service-empty h3{margin:14px 0 5px}.service-empty p{color:#84757e}.service-category-dialog{max-width:620px}.service-category-dialog>.dialog-head{display:flex;flex-direction:row}.service-category-dialog>.dialog-head p{margin:5px 0 0;color:#7c6d75}.service-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.service-category-chips span{padding:8px 11px;border-radius:999px;background:#f6e9ee;color:#914464;font-size:11px}.service-category-dialog>form:last-child{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.service-category-dialog label{display:grid;gap:6px;font-size:11px;font-weight:700}.service-category-dialog input{height:44px;border:1px solid #e4d5dc;border-radius:10px;padding:0 12px}.service-category-dialog .btn-primary{height:44px}.portal-main>header>div:last-child{align-items:center}
@media(max-width:1050px){.service-list-tools{align-items:stretch;flex-direction:column}.service-search{width:100%}.service-filters{justify-content:flex-start}.service-list-card{overflow-x:auto}.service-table-body{overflow:visible}}
@media(max-width:560px){.service-list-tools{gap:10px}.service-filters{display:grid;grid-template-columns:1fr 1fr}.service-filters select,.service-filter-button{width:100%}.service-filters>a{padding:10px}.service-list-card{border-radius:16px}.service-table-head,.service-list-row{grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) 120px 90px 110px 86px;min-width:816px}.service-table-head{height:62px}.service-list-row{min-height:72px}.service-table-head span:first-child,.service-name-cell{padding-left:16px}.service-name-cell>i{width:36px;height:36px;flex-basis:36px}.service-pagination{min-width:816px}.service-category-dialog>form:last-child{grid-template-columns:1fr}.service-category-dialog .btn-primary{width:100%}}
.service-import-form{display:inline-flex;margin:0}