.service-catalog { padding-top: 42px; padding-bottom: 64px; min-height: 60vh; }
.service-info { display: block !important; }
.service-payment-note { padding:14px 16px; }
.service-payment-note strong { display:block; font-family:'Open Sans',Arial,sans-serif; font-size:0.9375rem; line-height:1.6; margin-bottom:7px; }
.service-payment-note a { display:inline-block; font-family:'Open Sans',Arial,sans-serif; font-size:0.875rem; line-height:1.5; }
.service-brief-upload .uploadButton-button { gap:8px; }
.service-brief-upload .uploadButton-file-name { display:block; align-self:center; min-width:0; white-space:pre-line; overflow-wrap:anywhere; }
.service-brief-upload .uploadButton-input:focus-visible + .uploadButton-button { outline:2px solid #20b65f; outline-offset:3px; }
@media(max-width:575px) { .service-brief-upload { flex-direction:column; gap:8px; } .service-brief-upload .uploadButton-file-name { width:100%; padding:0; min-height:0; } }
.service-info summary { cursor: pointer; font-weight: 600; }
.service-info input[type=checkbox] { appearance: auto; -webkit-appearance: checkbox; display: inline-block; width: auto; height: auto; margin: 0 8px 0 0; }
.service-info input[type=date] { max-width: 280px; }
.service-action-feedback { margin: 12px 0; }
.service-package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0; }
.service-package-box { border:1px solid #e2e8e5; border-radius:6px; padding:14px; min-width:0; }
.service-package-box h4 { margin-bottom:12px; }
.service-package-box label { font-size:0.875rem; }
.service-package-box input { width:100%; min-width:0; padding:0 10px; }
.service-package-box input[type=radio] { appearance:auto; width:18px; height:18px; accent-color:#20b65f; }
.service-package-box:has(input[type=radio]:checked) { border-color:#20b65f; background:#f4fbf6; }
.service-package-box strong,.service-package-box span,.service-package-box small { display:block; margin-top:8px; }
@media(max-width:575px) { .service-package-grid { grid-template-columns:1fr; } }
.service-filter-bar { margin:24px 0 18px; }
.service-filter-toggle { border:0; background:none; color:inherit; font:inherit; cursor:pointer; padding:0; }
.service-catalog-filter { margin-bottom:28px; }
.service-filter-top { display:grid; gap:24px; padding-top:28px; margin-bottom:28px; }
.service-filter-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.service-filter-layout { display:grid; grid-template-columns:minmax(250px,1fr) minmax(0,2fr); gap:28px; }
.service-filter-switches,.service-filter-terms { border:1px solid #e4e8eb; border-radius:6px; padding:24px; background:#fff; min-width:0; }
.service-filter-switches h3,.service-filter-terms h3 { font-size:1rem; margin:0 0 24px; }
.service-catalog-filter label { display:block; font-size:0.875rem; margin-bottom:0; }
.service-catalog-filter input[type=number],.service-catalog-filter select,.service-catalog-filter input[type=search] { width:100%; height:48px; margin:8px 0 0; padding:0 14px; border:1px solid #dfe4e8; border-radius:4px; box-shadow:none; box-sizing:border-box; background:#fff; }
.service-catalog-filter input[type=number]:focus,.service-catalog-filter input[type=search]:focus,.service-catalog-filter select:focus { border-color:#20b65f; box-shadow:0 0 0 2px rgba(32,182,95,.08); }
.service-filter-switches fieldset,.service-filter-price { border:0; min-width:0; padding:0; margin:0 0 24px; }
.service-filter-switches fieldset:last-child { margin-bottom:0; }
.service-filter-switches legend,.service-filter-price legend { font-size:0.875rem; color:#657180; margin-bottom:12px; }
.service-filter-switches .checkbox { display:block; margin-bottom:24px; }
.service-filter-switches .radio { display:block; position:relative; margin-bottom:8px; }
.service-filter-switches .radio:last-child { margin-bottom:0; }
.service-filter-switches .checkbox label,.service-filter-switches .radio label { font-size:0.875rem; }
.service-filter-switches .checkbox input { display:block; position:absolute; opacity:0; width:20px; height:20px; pointer-events:none; }
.service-filter-switches input:focus-visible + label .checkbox-icon,.service-filter-switches input:focus-visible + label .radio-label,.service-pricing-mode input:focus-visible + label .radio-label { outline:2px solid #20b65f; outline-offset:3px; }
.service-filter-price .service-filter-pair { gap:20px; }
.service-filter-deadlines { margin-top:28px; }
.service-filter-deadlines .service-muted { margin-top:12px; font-size:0.875rem; }
.service-quick-options { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.service-quick-options .button { padding:6px 12px; font-size:0.875rem; line-height:1.5rem; box-shadow:none; }
.service-filter-note { margin:28px 0 0; font-size:0.875rem; }
.service-filter-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:28px; }
.service-filter-actions > .button { min-width:240px; }
.service-pricing-mode,.service-pricing-panel { border:0; padding:0; margin:0 0 16px; min-width:0; }
.service-pricing-mode legend { font-size:1.25rem; margin-bottom:14px; color:#38434c; }
.service-pricing-mode .radio { margin-right:24px; }
.service-package-editor [hidden] { display:none!important; }
.service-single-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; }
@media(max-width:767px) { .service-filter-layout { grid-template-columns:1fr; gap:20px; } .service-filter-switches,.service-filter-terms { padding:20px; } }
@media(max-width:575px) { .service-filter-pair { grid-template-columns:1fr; gap:20px; } .service-filter-actions { flex-direction:column-reverse; align-items:stretch; } .service-filter-actions > .button { min-width:0; } .service-filter-top { gap:20px; } }
.service-catalog-filter input[type=search] { display:block; font:inherit; color:#666; }
.service-mode-option input[type=radio] { appearance:auto; -webkit-appearance:radio; width:18px; height:18px; flex:0 0 18px; margin:0; accent-color:#20b65f; }
.service-filter-clear { display:inline-block; padding:10px 0; color:#777; }
.service-mode-options { padding:0; margin:0; border:0; min-width:0; }
.service-mode-option { display:flex!important; align-items:flex-start; gap:16px; padding:20px; margin-bottom:12px; border:1px solid #e5e8eb; border-radius:6px; cursor:pointer; transition:border-color .2s,background .2s; }
.service-mode-option:has(input:checked) { border-color:#20b65f; background:#f4fbf6; }
.service-mode-option input[type=radio] { margin-top:4px; }
.service-mode-option strong { display:block; color:#38434c; font-weight:500; margin-bottom:5px; }
.service-mode-option small { display:block; color:#78828b; line-height:1.7; }
.service-availability-footer { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:24px; }
.service-availability-form .service-return { padding:12px 0 0 34px; }
.service-availability-form [hidden] { display:none!important; }
.message-bubble.service-chat-notification .message-text { background:#fff; color:#48525b; border:1px solid #e1eae5; border-left:3px solid #20b65f; box-shadow:0 2px 6px rgba(25,60,40,.04); max-width:540px; padding:20px 24px; }
.message-bubble.service-chat-notification .message-text:before { display:none; }
.service-chat-card,.service-chat-body,.service-chat-heading,.service-chat-actions { display:block; }
.service-chat-heading { color:#2b4437; font-weight:600; margin-bottom:12px; font-size:1rem; }
.service-chat-heading i { color:#20b65f; margin-right:7px; }
.service-chat-heading small { font-size:0.875rem; color:#7b8981; font-weight:400; margin-left:8px; }
.service-chat-body { line-height:1.75; overflow-wrap:anywhere; font-size:0.875rem; }
.service-chat-actions { display:flex; flex-wrap:wrap; gap:10px; border-top:1px solid #edf1ef; margin-top:15px; padding-top:14px; }
.message-bubble .service-chat-actions a { display:inline-block; color:#198b49!important; background:#edf8f1; border-radius:4px; padding:7px 12px; font-size:0.875rem; text-decoration:none; }
.message-bubble .service-chat-actions a:hover { background:#dff3e7; }
@media(max-width:575px) { .service-mode-option { padding:15px; gap:12px; } .message-bubble.service-chat-notification .message-text { padding:14px; } .service-filter-clear { margin-bottom:10px; } }
.service-muted { color: #78828b; font-size: 0.875rem; line-height: 1.6; }
small.service-muted { display: block; margin-top: 5px; }
.service-hub-tabs { display:flex; flex-wrap:wrap; gap:24px; border-bottom:1px solid #e5e8eb; margin:24px 0 28px; }
.service-hub-tabs a { padding:12px 0; color:#68717b; border-bottom:2px solid transparent; }
.service-hub-tabs a.active { color:#20b65f; border-color:#20b65f; }
.service-hub-tabs span,.service-extra-count { background:#f0f4f2; color:#66756c; border-radius:20px; padding:3px 9px; font-size:0.875rem; white-space:nowrap; }
.service-section-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; flex-wrap:wrap; }
.service-section-heading h3 { font-size:1.25rem; margin:0; }
.service-section-heading p { margin:6px 0 0; }
.service-status { display:inline-block; border-radius:5px; padding:5px 10px; font-size:0.875rem; line-height:1.5; background:#f0f2f4; color:#68717b; }
.service-status-pending,.service-status-review { background:#fff6df; color:#977019; }
.service-status-done { background:#eaf8ef; color:#21874b; }
.service-status-active { background:#edf5ff; color:#3f73a7; }
.service-orders-table td { vertical-align:middle; }
.service-setting { border:1px solid #e7eaed; border-radius:8px; padding:20px; margin-bottom:16px; background:#fff; }
.service-check { display:flex!important; align-items:flex-start; gap:14px; margin:0!important; cursor:pointer; }
.service-check input[type=checkbox] { appearance:auto; -webkit-appearance:checkbox; width:18px; height:18px; flex:0 0 18px; margin:4px 0 0!important; accent-color:#20b65f; }
.service-check strong { color:#38434c; font-weight:500; }
.service-check small { display:block; color:#78828b; line-height:1.7; margin-top:5px; }
.service-return { padding-left:32px; margin-top:18px; }
.service-return input[type=date] { display:block; width:100%; max-width:260px; height:48px; padding:0 14px; border:1px solid #e1e5e8; border-radius:5px; background:#fff; font:inherit; color:#48525b; margin:6px 0 0; box-sizing:border-box; }
.service-extra-row { display:grid; grid-template-columns:minmax(0,1fr) 110px 85px 32px; gap:12px; align-items:end; margin-bottom:14px; }
.service-extra-row label { min-width:0; margin:0; font-size:0.875rem; color:#78828b; }
.service-extra-row input { width:100%; min-width:0; margin:6px 0 0; padding:0 12px; }
.service-extra-row button { border:0; background:transparent; color:#8b939b; height:48px; cursor:pointer; }
.service-extras-editor button:disabled { opacity:.5; cursor:default; }
.service-filter-panel { background:#fff; border:1px solid #e6ebef; padding:24px; border-radius:10px; margin:26px 0; }
.service-filter-panel .service-search { max-width:none; margin:0 0 22px; }
.service-filter-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.service-filter-grid label { color:#657180; font-size:0.875rem; margin:0; }
.service-filter-grid input,.service-filter-grid select { width:100%; min-width:0; margin:6px 0 0; height:48px; font-size:0.875rem; }
.service-filter-reset { align-self:center; }
.service-filter-panel > p { margin:18px 0 0; }
@media(max-width:767px) { .service-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .service-extra-row { grid-template-columns:minmax(0,1fr) 80px 65px 28px; gap:8px; } }
@media(max-width:480px) { .service-filter-grid { grid-template-columns:1fr; } .service-extra-row { grid-template-columns:1fr 1fr 32px; padding:12px; border:1px solid #e7eaed; border-radius:6px; } .service-extra-row label:first-child { grid-column:1/-1; } .service-hub-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; font-size:0.875rem; line-height:1.6; } .service-hub-tabs a { padding:10px 0; } .service-setting { padding:15px; } .service-return { padding-left:0; } }
.service-catalog h1 { font-size: 1.875rem; margin-bottom: 12px; }
.service-search { display: flex; gap: 12px; margin: 24px 0; max-width: 740px; }
.service-search input { flex: 1; width: 100%; margin: 0; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid #dce2e6; border-radius: 6px; background: #fff; font: inherit; box-sizing: border-box; }
.service-search input:focus { outline: 2px solid #00a760; outline-offset: 2px; }
.service-search button { flex-shrink: 0; }
#header-container a.header-create-action{color:#00b366;background:transparent;transition:color .2s}#header-container a.header-create-action:hover{color:#009350}#header-container a.header-create-action:focus-visible{outline:2px solid #00b366;outline-offset:5px;border-radius:3px}
.service-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); gap: 16px; }
.service-card { border: 1px solid #e6ebef; border-radius: 12px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.service-card-cover { display: block; aspect-ratio: 4 / 3; background: #f4f6f8; }
.service-card-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.service-card-content { padding: 12px; flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
.service-provider { color: #657180; font-size: 0.875rem; overflow-wrap: anywhere; }
.service-card h2 { font-size: 1.0625rem; line-height: 1.5; margin: 8px 0 20px; overflow-wrap: anywhere; }
.service-card h2 a { color: #26323d; }
.service-card strong { margin-top: auto; color: #008b50; }
.service-card-cover.is-placeholder{display:flex;align-items:center;justify-content:center;background:#f1f6f3;color:#a5bdb0;font-size:2.625rem}
.service-card-provider{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.service-card-provider .service-status{padding:3px 7px;font-size:0.875rem}.service-card-provider .service-provider{font-size:0.875rem}
.service-card h2{font-size:.9375rem;font-weight:600;margin:0 0 8px;line-height:1.4}.service-card-description{font-size:.8125rem;color:#7c8981;line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.service-card-term{font-size:.8125rem;color:#8d9891;margin:auto 0 10px}.service-card-term i{margin-right:5px}.service-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9eeeb;padding-top:10px;width:100%}.service-card-footer strong{margin:0;font-size:1rem}.service-card-footer .button{padding:6px 10px;font-size:.8125rem;line-height:1.375rem;box-shadow:none;white-space:nowrap}.service-card-footer .button i{font-size:0.875rem;margin-left:4px}
.service-empty { padding: 48px 24px; background: #f6f8f9; border-radius: 12px; text-align: center; }
.service-pagination { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 32px; }
@media (min-width: 992px) {
  #header-container .right-side { display: flex; align-items: center; justify-content: flex-end; height:82px; }
  #header-container .right-side > .header-widget { display:flex; align-items:center; padding-top:0!important; padding-bottom:0!important; }
  #header-container .user-menu > .header-notifications-trigger > a { display:flex; align-items:center; }
  #header-container .user-menu > .header-notifications-trigger .user-avatar { display:block; line-height:1; }
  #header-container .btn-add-header { display: flex; align-items: center; padding-top: 0 !important; padding-bottom: 0 !important; }
  #header-container .btn-add-header > a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: auto; line-height: 1.5rem; white-space: nowrap; }
  #header-container .btn-add-header > a i { display: inline-block; position: static; top: auto; margin: 0; line-height: 1; }
}
@media (max-width: 991px) { .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media (max-width: 575px) { .service-grid { grid-template-columns: 1fr; } .service-search { flex-direction: column; } .service-pagination { gap: 12px; font-size: 0.875rem; } }