.service-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start;margin:-12px -6px 0}.service-workspace-list{position:sticky;top:82px;height:calc(100vh - 104px);overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,255,255,.64);box-shadow:0 14px 40px rgba(64,39,51,.08)}.service-list-back{display:flex;align-items:center;gap:8px;padding:18px;color:#40333a;text-decoration:none;border-bottom:1px solid #eadfe4}.service-side-search{display:flex;align-items:center;gap:8px;margin:14px;padding:0 12px;height:42px;border-radius:11px;background:#f7eef2;color:#75656d}.service-side-search input{width:100%;border:0;outline:0;background:transparent;color:#30272c}.service-side-items{height:calc(100% - 112px);overflow:auto}.service-side-items>a{display:flex;gap:10px;align-items:center;min-height:64px;padding:10px 14px;border-bottom:1px solid #eee3e7;color:#40353a;text-decoration:none}.service-side-items>a:hover,.service-side-items>a.selected{background:#f2e7ee;color:#a6486e}.service-side-items i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:2px solid #d66b98;border-radius:10px;background:#fff5f8;color:#8b5cff;font-style:normal}.service-side-items a:nth-child(4n+2) i{border-color:#51c3d3}.service-side-items a:nth-child(4n+3) i{border-color:#ff7186}.service-side-items a:nth-child(4n+4) i{border-color:#65bb58}.service-side-items span{display:grid;min-width:0}.service-side-items b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-side-items small{margin-top:3px;color:#86767e;font-size:9px}.service-workspace-main{min-width:0}.service-editor-hero{display:flex;align-items:center;gap:16px;min-height:92px;padding:4px 10px 16px}.service-editor-photo{width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;border-radius:15px;background:#f0e7fa;color:#8c5bff;font-size:28px;overflow:hidden}.service-editor-photo img{width:100%;height:100%;object-fit:cover}.service-editor-hero h1{margin:0;font-size:23px}.service-editor-hero p{margin:6px 0 0;color:#76676f}.service-editor-actions{display:flex;gap:8px;margin-left:auto}.service-editor-actions form{margin:0}.service-editor-actions button{width:42px;height:42px;border:1px solid #e6d9df;border-radius:10px;background:#fff;color:#695a62;font-size:20px}.service-editor-actions button:hover{background:#f5e9ee;color:#a74870}.service-editor-actions button.danger:hover{background:#fbe7e9;color:#b63f50}.service-editor-tabs{display:flex;justify-content:center;gap:8px;border-bottom:1px solid #e5d9df;margin:0 0 18px}.service-editor-tabs a{padding:14px 18px;border-bottom:3px solid transparent;color:#57494f;text-decoration:none;font-weight:700}.service-editor-tabs a.active{border-color:#b94f7d;background:#f5eafb;color:#a4466e;border-radius:10px 10px 0 0}.service-editor-card{width:min(820px,100%);margin:0 auto;border:1px solid rgba(255,255,255,.98);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 15px 42px rgba(65,39,52,.08);overflow:hidden}.service-editor-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e6dbe0}.service-editor-card-head h2{margin:0;font-size:20px}.service-editor-card-head p{margin:5px 0 0;color:#786971;font-size:12px}.service-editor-card-head .btn-primary{min-width:84px}.service-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px 54px 28px}.service-image-control{grid-column:1/-1;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:54px;color:#4d4046}.service-image-control input{position:absolute;width:1px;height:1px;opacity:0}.service-image-control i{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;background:#f0e8fb;color:#7c5cff;font-size:23px;font-style:normal;cursor:pointer}.service-field{display:grid;gap:3px;padding:9px 12px 7px;border-bottom:1px solid #cdbfea;border-radius:9px 9px 0 0;background:#f2edf9}.service-field.wide{grid-column:1/-1}.service-field span{color:#786b74;font-size:10px}.service-field input,.service-field select,.service-field textarea{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#30272c;font:inherit}.service-field textarea{resize:vertical}.service-field small{color:#86777f;font-size:9px}.service-field-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px}.service-switch.wide{grid-column:1/-1}.service-switch span{display:grid}.service-switch small{margin-top:3px;color:#81727a}.service-switch input{appearance:none;width:42px;height:24px;border-radius:999px;background:#d4c9ce;position:relative;transition:.2s}.service-switch input:before{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #876;transition:.2s}.service-switch input:checked{background:#b44f79}.service-switch input:checked:before{transform:translateX(18px)}.assignment-tools{display:flex;justify-content:space-between;padding:20px 24px 12px}.assignment-tools label{display:flex;align-items:center;gap:9px;width:min(360px,100%);height:46px;padding:0 14px;border-radius:11px;background:#f2edf9;color:#756773}.assignment-tools input{width:100%;border:0;outline:0;background:transparent}.assignment-select-all{display:flex;align-items:center;gap:12px;margin:0 24px 10px;padding:16px;border:1px solid #e5d9df;border-radius:11px}.assignment-select-all input,.assignment-grid input{width:18px;height:18px;accent-color:#b44f79}.assignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 24px 24px}.assignment-grid>label{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px;border:1px solid #e5d9df;border-radius:11px;background:rgba(255,255,255,.55)}.assignment-grid>label:hover{background:#faf2f6}.assignment-grid>label>span:last-child{display:grid;min-width:0}.assignment-grid b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-grid small{margin-top:4px;color:#806f77;font-size:9px}.assignment-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:10px;background:#fdeced;color:#a14b70;overflow:hidden}.assignment-avatar img{width:100%;height:100%;object-fit:cover}.assignment-empty{grid-column:1/-1;padding:26px;text-align:center;color:#7a6b73}
@media(max-width:1180px){.service-workspace{grid-template-columns:220px minmax(0,1fr)}.service-detail-fields{padding-left:30px;padding-right:30px}.assignment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.service-workspace{display:block;margin:0}.service-workspace-list{display:none}.service-editor-hero{padding:0 0 14px}.service-editor-tabs{justify-content:flex-start;overflow-x:auto}.service-editor-tabs a{white-space:nowrap}.service-editor-card{border-radius:16px}.service-detail-fields{padding:18px}.assignment-grid{grid-template-columns:1fr}.service-editor-actions button{width:38px;height:38px}}
@media(max-width:560px){.service-editor-hero{align-items:flex-start;flex-wrap:wrap}.service-editor-photo{width:58px;height:58px;flex-basis:58px}.service-editor-hero h1{font-size:18px}.service-editor-actions{margin-left:auto}.service-editor-tabs a{padding:12px 14px;font-size:12px}.service-editor-card-head{padding:16px}.service-detail-fields{grid-template-columns:1fr;padding:14px}.service-field-pair{grid-template-columns:1fr}.assignment-tools{padding:14px}.assignment-select-all{margin:0 14px 8px}.assignment-grid{padding:0 14px 18px}}
.service-switch input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.service-switch>i{width:44px;height:25px;flex:0 0 44px;border-radius:999px;background:#d4c9ce;position:relative;transition:.2s;box-shadow:inset 0 0 0 1px rgba(77,55,66,.08)}.service-switch>i:before{content:"";position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(71,47,59,.28);transition:.2s}.service-switch input:checked+i{background:#b44f79}.service-switch input:checked+i:before{transform:translateX(19px)}.service-switch input:focus-visible+i{outline:3px solid rgba(180,79,121,.25);outline-offset:2px}