.service-page{display:flex;flex-direction:column;gap:18px}.service-header{display:flex;align-items:center;gap:12px}.service-header h2{margin:0;font-size:22px}.service-header p{margin:4px 0 0;color:#9198a7;font-size:13px}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#291b37;border:1px solid #563c6f;color:#b56cff;font-size:23px}.service-new{width:100%;justify-content:center}.service-sort{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #292331;background:#120d17;color:#f4eef8;font:inherit}.service-count{border:1px solid #2b2233;background:#120d17;border-radius:17px;padding:17px 18px;display:flex;align-items:baseline;gap:5px;position:relative}.service-count b{font-size:24px}.service-count span{color:#aaa2b0;font-size:13px}.service-count i{position:absolute;left:18px;right:18px;bottom:10px;height:5px;border-radius:99px;background:linear-gradient(90deg,#a65ce7 10%,#241b29 10%)}.service-list{display:grid;gap:14px}.service-card{border:1px solid #2b2233;background:#120d17;border-radius:17px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.16)}.service-card-head{display:flex;gap:12px;align-items:flex-start}.service-card-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#251734;border:1px solid #4b2d67;color:#b56cff}.service-card h3{margin:2px 0 5px;font-size:18px}.service-card p{margin:0;color:#aaa2b0;font-size:13px}.premium-tag{display:inline-flex;margin-left:5px;padding:4px 8px;border-radius:999px;border:1px solid #6a4c24;background:#342719;color:#e2b85f;font-size:11px;font-weight:700;vertical-align:middle}.service-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.service-badges span{padding:6px 10px;border-radius:999px;background:#17231e;border:1px solid #234e38;color:#55d890;font-size:11px;font-weight:700}.service-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.service-actions button{width:100%;justify-content:center}.service-actions .service-more{width:54px}.service-empty{padding:34px 18px;text-align:center;border:1px dashed #332a3a;border-radius:17px;color:#8d8793;display:flex;flex-direction:column;align-items:center;gap:7px}.service-empty-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#291b37;color:#b56cff;font-size:23px;margin-bottom:4px}.service-empty b{color:#eee7f2}.service-empty button{margin-top:14px}.service-configured-link{margin-top:16px;padding:12px;border:1px solid #2d2435;border-radius:13px;background:#17121b}.service-configured-link small{display:block;color:#928a98;font-size:11px;margin-bottom:7px}.service-configured-link>div{display:flex;gap:8px;align-items:center}.service-configured-link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b86cff;font-size:11px}.service-copy{flex:none;padding:8px 12px}.service-modal-backdrop{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);display:grid;place-items:center;padding:16px}.service-modal{width:min(100%,640px);max-height:calc(100vh - 32px);overflow:auto;border:1px solid #33283d;border-radius:18px;background:#201923;color:#f6eff9;box-shadow:0 30px 90px rgba(0,0,0,.55);padding:24px}.service-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-modal-head h3{margin:12px 0 0;font-size:19px}.service-modal-head p{margin:4px 0 0;color:#9b94a1;font-size:12px}.service-close{width:38px;height:38px;padding:0;display:grid;place-items:center;background:transparent;border:0;color:#c7bfcb;font-size:24px}.service-form{margin-top:20px;display:grid;gap:16px}.service-form label{display:block;font-size:13px;font-weight:700}.service-form label>span{color:#f06b75}.service-form input:not([type=checkbox]),.service-form select{display:block;width:100%;margin-top:8px;padding:13px 14px;border-radius:10px;border:1px solid #2e2635;background:#110d15;color:#fff;font:inherit;outline:none;box-sizing:border-box}.service-form select{appearance:auto}.service-form input:focus,.service-form select:focus{border-color:#9d5be4}.service-form input[readonly],.service-form select:disabled{opacity:.9;color:#d8d0db}.service-form label small{display:block;margin-top:6px;color:#8f8794;font-size:11px;font-weight:400}.service-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #2e2635;border-radius:14px;background:#17121a}.service-option b,.service-days b{display:block;font-size:14px}.service-option small,.service-days small{display:block;margin-top:4px;color:#8f8794;font-size:11px}.service-option input{appearance:none;width:46px;height:27px;border-radius:999px;background:#2a2230;border:1px solid #3a3042;position:relative;cursor:pointer;flex:none}.service-option input:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#0e0a11;transition:.2s}.service-option input:checked{background:#a65ce7;border-color:#a65ce7}.service-option input:checked:after{transform:translateX(19px)}.service-days{padding:16px;border:1px solid #2e2635;border-radius:14px;background:#17121a}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px}.day-grid label{display:grid;gap:6px;text-align:center;font-size:10px;color:#aaa2b0}.day-grid input{margin:auto;accent-color:#a65ce7}.service-provider-section{padding:16px;border:1px solid #35283d;border-radius:15px;background:#17121c}.service-provider-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.service-provider-heading b{display:block;font-size:14px}.service-provider-heading small{display:block;margin-top:4px;color:#8f8794;font-size:11px}.service-provider-pill{padding:5px 9px;border-radius:999px;background:#291b37;border:1px solid #563c6f;color:#b56cff;font-size:10px;font-weight:700}.service-provider-fields{display:grid;gap:14px}.service-provider-connection{display:flex;align-items:center;gap:10px;margin-top:14px;padding:14px;border-radius:14px;border:1px solid #31553f;background:#13241b}.service-provider-connection.pending{border-color:#51463a;background:#211d17}.service-provider-dot{width:10px;height:10px;border-radius:50%;background:#55d890;box-shadow:0 0 0 4px rgba(85,216,144,.08);flex:none}.service-provider-connection.pending .service-provider-dot{background:#e0aa55;box-shadow:0 0 0 4px rgba(224,170,85,.08)}.service-provider-connection b{display:block;font-size:12px}.service-provider-connection small{display:block;margin-top:4px;color:#8f8794;font-size:10px;line-height:1.4}.service-provider-note{margin:10px 0 0;color:#837b89;font-size:10px;line-height:1.5}.service-note{margin:0;color:#837b89;font-size:11px;line-height:1.5}.service-form-actions{display:grid;grid-template-columns:1fr;gap:10px}.service-form-actions button{width:100%;justify-content:center}@media(min-width:640px){.service-form-actions{grid-template-columns:1fr 1fr}}@media(max-width:430px){.day-grid{gap:3px}.service-modal{padding:18px}.service-option{padding:14px}.service-provider-section{padding:14px}.service-configured-link>div{align-items:stretch}.service-configured-link{padding:10px}}