.services-page{border:0;border-radius:0;background:transparent;color:var(--services-text);box-sizing:border-box;max-width:100%;min-width:0;overflow-x:hidden;width:100%}.services-page,.services-filter-modal{--services-bg: #f8fafc;--services-card: #ffffff;--services-text: #111827;--services-subtext: oklch(.446 .03 256.802);--services-border: #e5e7eb;--services-input: #f9fafb;--services-primary: #3b82f6}[data-color-scheme=dark] .services-page,[data-color-scheme=dark] .services-filter-modal,[data-theme=dark] .services-page,[data-theme=dark] .services-filter-modal,html[data-theme=dark] .services-page,html[data-theme=dark] .services-filter-modal,.dark .services-page,.dark .services-filter-modal{--services-bg: #111827;--services-card: #1f2937;--services-text: #f9fafb;--services-subtext: #9ca3af;--services-border: #374151;--services-input: #111827}[data-color-scheme=dark] .services-filter-head,[data-theme=dark] .services-filter-head,html[data-theme=dark] .services-filter-head,.dark .services-filter-head{background:linear-gradient(135deg,#111827,#1f2937)}[data-color-scheme=dark] .services-close,[data-theme=dark] .services-close,html[data-theme=dark] .services-close,.dark .services-close{background:#111827;border-color:#374151;color:#9ca3af}[data-color-scheme=dark] .services-close:hover,[data-theme=dark] .services-close:hover,html[data-theme=dark] .services-close:hover,.dark .services-close:hover{background:#1e3a8a;border-color:#2563eb;color:#bfdbfe}[data-color-scheme=dark] .services-detail-key,[data-theme=dark] .services-detail-key,html[data-theme=dark] .services-detail-key,.dark .services-detail-key{background:#1e3a8a33;color:#60a5fa}.services-head{padding:0 0 16px;border-bottom:0;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.services-title{margin:0;font:700 1.25rem Plus Jakarta Sans,Inter,sans-serif}.services-desc{margin:4px 0 0;font-size:.875rem;color:var(--services-subtext)}.services-btn{border:0;border-radius:10px;padding:10px 16px;font-weight:600;font-size:.875rem;cursor:pointer}.services-btn.primary{background:var(--services-primary);color:#fff}.services-btn.outline{background:transparent;border:1px solid var(--services-border);color:var(--services-text)}.services-body{box-sizing:border-box;max-width:100%;min-width:0;overflow-x:hidden;padding:0;width:100%}.services-filter-overlay{position:fixed;inset:0;background:#0f172a7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1390}.services-filter-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(880px,calc(100vw - 24px));max-height:90vh;overflow:auto;background:var(--services-card);border:1px solid var(--services-border);border-radius:16px;box-shadow:0 24px 48px -12px #0f172a47,0 8px 16px -8px #0f172a33;z-index:1400}.services-filter-head{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid var(--services-border)}.services-filter-title{margin:0;align-items:center;color:var(--services-text);display:inline-flex;gap:8px;font:700 1.125rem/1.75rem Plus Jakarta Sans,Inter,sans-serif}.services-close{align-items:center;background:#f9fafb;border:1px solid var(--services-border);border-radius:10px;color:var(--services-subtext);cursor:pointer;display:inline-flex;font-size:22px;height:36px;justify-content:center;line-height:1;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:36px}.services-close:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.services-dialog-body{padding:20px}.services-dialog-actions{align-items:center;border-top:1px solid var(--services-border);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.services-dialog-lead{color:var(--services-text);font-size:.875rem;font-weight:600;line-height:1.5rem;margin:0 0 8px}.services-dialog-muted{color:var(--services-subtext);font-size:.875rem;line-height:1.25rem;margin:0 0 16px}.services-form-grid{display:grid;gap:12px}.services-form-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.services-form-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.services-field{display:flex;flex-direction:column;gap:6px}.services-field label{font-size:.8125rem;font-weight:600;color:var(--services-subtext)}.services-input,.services-select{width:100%;border:1px solid var(--services-border);border-radius:10px;padding:10px 12px;background:var(--services-input);color:var(--services-text);box-sizing:border-box}.services-input:focus,.services-select:focus{outline:2px solid rgba(59,130,246,.35);border-color:var(--services-primary)}.services-inline-status{align-items:center;display:flex;font-weight:700;gap:8px}.services-detail-grid{border:1px solid var(--services-border);border-radius:14px;display:grid;overflow:hidden}.services-detail-row{display:grid;grid-template-columns:minmax(120px,.32fr) minmax(0,1fr)}.services-detail-row+.services-detail-row{border-top:1px solid var(--services-border)}.services-detail-key{background:#eff6ff;color:#2563eb;font-size:.8125rem;font-weight:700;line-height:1.25rem;padding:12px}.services-detail-value{color:var(--services-text);font-size:.875rem;line-height:1.5rem;min-width:0;overflow-wrap:anywhere;padding:12px;white-space:pre-line}.services-monitor-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.services-monitor-card{border-radius:12px;padding:16px}.services-monitor-card span{display:block;font-size:.75rem;font-weight:600;line-height:1rem;margin-bottom:6px}.services-monitor-card strong{color:var(--services-text);display:block;font-size:1.125rem;font-weight:700;line-height:1.75rem}.services-list{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);max-width:100%;min-width:0;overflow-x:hidden;width:100%}.services-item{border:1px solid var(--services-border);border-radius:12px;background:var(--services-card);box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;padding:20px;transition:box-shadow .2s ease,border-color .2s ease}.services-item:hover{border-color:var(--services-primary);box-shadow:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a1a}.services-item-name{margin:0 0 8px;font:700 1rem/1.5rem Plus Jakarta Sans,Inter,sans-serif;color:var(--services-text);max-width:100%;min-width:0;overflow-wrap:anywhere;transition:color .15s cubic-bezier(.4,0,.2,1)}.services-item:hover .services-item-name{color:var(--services-primary)}.services-item-desc{margin:8px 0 0;color:var(--services-subtext);font-size:.875rem}.services-item-description{display:block;color:var(--services-subtext);font-size:.875rem;line-height:1.625;margin:0 0 12px;max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:pre-line;width:100%}.services-rating{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0;margin:0 0 16px;color:var(--services-subtext);font-size:.875rem;line-height:1.25rem}.services-rating-stars{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}.services-rating-star-button{align-items:center;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;height:16px;justify-content:center;padding:0;transition:color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);width:16px}.services-rating-star-button:hover{transform:scale(1.12)}.services-rating-star-button:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #3b82f659;outline:none}.services-rating-star{display:block;height:16px;width:16px}.services-rating-star.filled{color:#facc15}.services-rating-star.empty{color:#d1d5db}.services-rating-text{color:var(--services-subtext);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-color-scheme=dark] .services-rating-star.empty,[data-theme=dark] .services-rating-star.empty,html[data-theme=dark] .services-rating-star.empty,.dark .services-rating-star.empty{color:#4b5563}[data-color-scheme=dark] .services-metric-min,[data-theme=dark] .services-metric-min,html[data-theme=dark] .services-metric-min,.dark .services-metric-min{background:#1e3a8a33}[data-color-scheme=dark] .services-metric-max,[data-theme=dark] .services-metric-max,html[data-theme=dark] .services-metric-max,.dark .services-metric-max{background:#581c8733}[data-color-scheme=dark] .services-metric-price,[data-theme=dark] .services-metric-price,html[data-theme=dark] .services-metric-price,.dark .services-metric-price{background:#14532d33}[data-color-scheme=dark] .services-metric-success,[data-theme=dark] .services-metric-success,html[data-theme=dark] .services-metric-success,.dark .services-metric-success{background:#7c2d1233}[data-color-scheme=dark] .services-metric-time,[data-theme=dark] .services-metric-time,html[data-theme=dark] .services-metric-time,.dark .services-metric-time{background:#164e6333}[data-color-scheme=dark] .services-metric-min .k,[data-theme=dark] .services-metric-min .k,html[data-theme=dark] .services-metric-min .k,.dark .services-metric-min .k{color:#60a5fa}[data-color-scheme=dark] .services-metric-max .k,[data-theme=dark] .services-metric-max .k,html[data-theme=dark] .services-metric-max .k,.dark .services-metric-max .k{color:#c084fc}[data-color-scheme=dark] .services-metric-price .k,[data-theme=dark] .services-metric-price .k,html[data-theme=dark] .services-metric-price .k,.dark .services-metric-price .k{color:#4ade80}[data-color-scheme=dark] .services-metric-success .k,[data-theme=dark] .services-metric-success .k,html[data-theme=dark] .services-metric-success .k,.dark .services-metric-success .k{color:#fb923c}[data-color-scheme=dark] .services-metric-time .k,[data-theme=dark] .services-metric-time .k,html[data-theme=dark] .services-metric-time .k,.dark .services-metric-time .k{color:#22d3ee}.services-metrics{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:100%;min-width:0}.services-metric{border-radius:10px;min-width:0;padding:10px}.services-metric-min{background:#eff6ff}.services-metric-max{background:#faf5ff}.services-metric-price{background:#f0fdf4}.services-metric-success{background:#fff7ed}.services-metric-time{background:#ecfeff}.services-metric .k{color:var(--services-subtext);font-size:.75rem;font-weight:500;line-height:1rem;margin:0 0 4px}.services-metric-min .k{color:#2563eb}.services-metric-max .k{color:#9333ea}.services-metric-price .k{color:#16a34a}.services-metric-success .k{color:#ea580c}.services-metric-time .k{color:#0891b2}.services-metric .v{margin-top:4px;font-size:.875rem;font-weight:700}.services-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;max-width:100%;min-width:0}.services-icon-btn{min-width:42px;padding:10px;border:1px solid var(--services-border);border-radius:10px;background:transparent;color:var(--services-text);cursor:pointer}.services-icon-btn.favorite{color:#ef4444;border-color:#ef4444;background:#ef444414}.services-icon-btn:disabled{opacity:.5;cursor:not-allowed}.services-history-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;line-height:1.25rem;padding:10px 16px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.services-history-btn:hover{background:#f9fafb}.services-history-btn:focus-visible{box-shadow:0 0 0 2px #3b82f659;outline:none}.services-history-icon{flex:0 0 auto;height:16px;width:16px}[data-color-scheme=dark] .services-history-btn,[data-theme=dark] .services-history-btn,html[data-theme=dark] .services-history-btn,.dark .services-history-btn{background:#374151;border-color:#4b5563;color:#d1d5db}[data-color-scheme=dark] .services-history-btn:hover,[data-theme=dark] .services-history-btn:hover,html[data-theme=dark] .services-history-btn:hover,.dark .services-history-btn:hover{background:#4b5563}.services-pagination{background:#fff;border:1px solid var(--services-border);border-radius:12px;box-sizing:border-box;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;max-width:100%;min-width:0;padding:16px}.services-pagination-summary{color:#4b5563;font-size:.875rem;line-height:1.25rem;margin:0}.services-pagination-summary strong{color:#111827;font-weight:700}.services-page-btns{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.services-page-btn{align-items:center;background:#f3f4f6;border:0;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:32px;justify-content:center;line-height:1.25rem;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.services-page-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.services-page-btn:disabled{cursor:not-allowed;opacity:.55}.services-page-number{min-width:32px;padding:0 8px}.services-page-ellipsis{color:#6b7280;font-size:.875rem;line-height:2rem;padding:0 8px}.services-page-nav{padding:6px 12px}.services-page-btn.active{background:#2563eb;color:#fff}[data-color-scheme=dark] .services-pagination,[data-theme=dark] .services-pagination,html[data-theme=dark] .services-pagination,.dark .services-pagination{background:#1f2937;border-color:#374151}[data-color-scheme=dark] .services-pagination-summary,[data-theme=dark] .services-pagination-summary,html[data-theme=dark] .services-pagination-summary,.dark .services-pagination-summary{color:#9ca3af}[data-color-scheme=dark] .services-pagination-summary strong,[data-theme=dark] .services-pagination-summary strong,html[data-theme=dark] .services-pagination-summary strong,.dark .services-pagination-summary strong{color:#f9fafb}[data-color-scheme=dark] .services-page-btn,[data-theme=dark] .services-page-btn,html[data-theme=dark] .services-page-btn,.dark .services-page-btn{background:#374151;color:#d1d5db}[data-color-scheme=dark] .services-page-btn:hover:not(:disabled),[data-theme=dark] .services-page-btn:hover:not(:disabled),html[data-theme=dark] .services-page-btn:hover:not(:disabled),.dark .services-page-btn:hover:not(:disabled){background:#4b5563;color:#d1d5db}[data-color-scheme=dark] .services-page-ellipsis,[data-theme=dark] .services-page-ellipsis,html[data-theme=dark] .services-page-ellipsis,.dark .services-page-ellipsis{color:#9ca3af}[data-color-scheme=dark] .services-page-btn.active,[data-theme=dark] .services-page-btn.active,html[data-theme=dark] .services-page-btn.active,.dark .services-page-btn.active{background:#2563eb;color:#fff}.services-alert{border:1px solid #fca5a5;background:#fef2f2;color:#991b1b;border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:12px}@media(max-width:1024px){.services-form-row-3{grid-template-columns:1fr 1fr}.services-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.services-head{flex-direction:column;align-items:flex-start}.services-form-row-3,.services-form-row-2{grid-template-columns:1fr}.services-filter-modal{width:min(100% - 16px,880px)}.services-filter-head,.services-dialog-body{padding:16px}.services-detail-row,.services-monitor-grid{grid-template-columns:1fr}.services-detail-value{border-top:1px solid var(--services-border)}.services-dialog-actions{align-items:stretch;flex-direction:column-reverse}.services-dialog-actions .services-btn{width:100%}}.services-acc-root{--services-bg: #f3f4f6;--services-card: #ffffff;--services-text: #111827;--services-subtext: #6b7280;--services-border: #e5e7eb;--services-primary: #3b82f6;--services-acc-header-mute: #6b7280}[data-color-scheme=dark] .services-acc-root,[data-theme=dark] .services-acc-root,.dark .services-acc-root{--services-bg: #0f172a;--services-card: #1e293b;--services-text: #f1f5f9;--services-subtext: #94a3b8;--services-border: #334155;--services-primary: #60a5fa;--services-acc-header-mute: #94a3b8}.services-acc-stack{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;width:100%;min-width:0;background:var(--services-bg);border-radius:14px;padding:12px;box-sizing:border-box}.services-acc{border:1px solid var(--services-border);border-radius:12px;background:var(--services-card);margin-bottom:0;overflow:hidden;box-shadow:0 1px 2px #0f172a0d,0 1px 3px #0f172a0f}[data-color-scheme=dark] .services-acc{box-shadow:0 1px 2px #00000059,0 1px 3px #00000040}.services-acc-summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 18px;border:0;border-bottom:1px solid transparent;background:var(--services-card);color:var(--services-text);font:inherit;text-align:left;transition:background-color .15s ease}.services-acc-summary:hover{background:color-mix(in srgb,var(--services-card) 90%,var(--services-primary) 10%)}.services-acc--open .services-acc-summary{border-bottom-color:var(--services-border)}.services-acc-summary-left{display:flex;align-items:center;gap:12px;min-width:0}.services-acc-summary-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#3b82f61f;color:var(--services-primary);flex-shrink:0}[data-color-scheme=dark] .services-acc-summary-icon{background:#60a5fa2e}.services-acc-summary-title{font-weight:600;font-size:.9375rem;line-height:1.35;color:var(--services-text)}.services-acc-caret{flex-shrink:0;color:var(--services-acc-header-mute);transition:transform .2s ease}.services-acc--open .services-acc-caret{transform:rotate(180deg)}.services-acc-content{padding:8px 12px 14px 16px;display:flex;flex-direction:column;gap:2px}.services-acc-content[hidden]{display:none!important}.services-acc-row{display:grid;grid-template-columns:minmax(52px,auto) minmax(0,1fr) auto 40px;align-items:center;gap:12px 14px;padding:12px 10px;border-radius:10px;transition:background-color .15s ease}.services-acc-row:hover{background:#3b82f60f}[data-color-scheme=dark] .services-acc-row:hover{background:#60a5fa1f}.services-acc-id{border:0;border-radius:999px;background:var(--services-primary);color:#fff;min-width:52px;min-height:30px;padding:0 12px;font-size:.75rem;font-weight:700;cursor:pointer;justify-self:start;transition:filter .15s ease,transform .15s ease}.services-acc-id:hover{filter:brightness(1.06)}.services-acc-name{border:0;background:transparent;text-align:left;color:var(--services-text);cursor:pointer;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:.875rem;font-weight:500;line-height:1.45;padding:0}.services-acc-name:hover{color:var(--services-primary)}.services-acc-price-wrap{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;justify-self:end}.services-acc-price-currency{font-size:.9rem;line-height:1}.services-acc-price{color:var(--services-primary);font-weight:700;font-size:.875rem;white-space:nowrap}.services-acc-cart{border:0;border-radius:50%;width:40px;height:40px;background:var(--services-primary);color:#fff;display:grid;place-items:center;cursor:pointer;justify-self:end;box-shadow:0 4px 12px #3b82f659;transition:transform .15s ease,filter .15s ease}.services-acc-cart:hover{filter:brightness(1.08);transform:scale(1.04)}[data-color-scheme=dark] .services-acc-cart{box-shadow:0 4px 14px #2563eb59}.services-acc-muted{color:var(--services-subtext);font-size:.875rem;padding:12px 8px}.services-acc-error{color:#ef4444;font-size:.875rem;padding:12px 8px}@media(max-width:640px){.services-acc-stack{padding:10px;gap:10px}.services-acc-summary{padding:14px}.services-acc-row{grid-template-columns:minmax(48px,auto) minmax(0,1fr);grid-template-rows:auto auto;gap:10px}.services-acc-id{grid-row:1;grid-column:1}.services-acc-name{grid-row:1;grid-column:2}.services-acc-price-wrap{grid-row:2;grid-column:1;justify-self:start}.services-acc-cart{grid-row:2;grid-column:2;justify-self:end}}
