.service-grid-container{width:100%}.service-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.service-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;padding:1rem;transition:box-shadow .15s,transform .1s;position:relative}.service-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.service-card--active{border-left:3px solid var(--accent-color,#3182ce)}.service-card--history{opacity:.72;border-left:3px solid var(--border-color,#e2e8f0)}.service-card--history:hover{opacity:.9}.service-card-chevron{color:var(--text-secondary,#718096);pointer-events:none;font-size:1.25rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.history-toggle-row{margin:.75rem 0}.history-toggle-btn{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;color:var(--text-secondary,#718096);background:0 0;border-radius:6px;padding:.4rem .9rem;font-size:.875rem;transition:background .15s}.history-toggle-btn:hover{background:var(--hover-bg,#f7fafc);color:var(--text-primary,#2d3748)}.service-detail-page{max-width:900px;margin:0 auto;padding:1.5rem}.service-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.service-detail-content .detail-hero{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.service-detail-content .hero-left h1{margin:0 0 .25rem;font-size:1.5rem}.service-detail-content .hero-cost{text-align:right}.service-detail-content .cost-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#718096);font-size:.75rem}.service-detail-content .cost-value{color:var(--accent-color,#3182ce);font-size:1.75rem;font-weight:700}.service-detail-content .detail-sections{flex-direction:column;gap:1rem;display:flex}.service-detail-content .detail-section{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:1.25rem}.service-detail-content .detail-section h3{color:var(--text-secondary,#718096);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.8rem}.service-detail-content .info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.service-detail-content .info-item{flex-direction:column;display:flex}.service-detail-content .info-label{color:var(--text-secondary,#718096);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.service-detail-content .info-value{font-size:.95rem;font-weight:500}.service-edit-form{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;padding:1.5rem}.service-edit-form h2{margin:0 0 1.25rem}