.close-btn { background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; }
.btn-cancel { background: #6b7280; color: white; padding: 0.4rem 1rem; border: none; border-radius: 0.4rem; cursor: pointer; }
.btn-save { background: #f97316; color: white; padding: 0.4rem 1rem; border: none; border-radius: 0.4rem; cursor: pointer; }
.btn-warning { background: #f59e0b; color: white; padding: 6px 12px; border: none; border-radius: 0.4rem; cursor: pointer; font-size: 0.75rem; }
.form-control { width: 100%; padding: 0.35rem 0.5rem; border: 1px solid #e5e7eb; border-radius: 0.4rem; }
.servis-toolbar-left { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
.servis-toolbar { background: white; border-radius: 0.6rem; padding: 0.6rem 0.75rem; margin: 0 1rem 1rem 1rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; border: 1px solid #e5e7eb; }
.btn-add { background: #10b981; color: white; padding: 6px 12px; border: none; border-radius: 0.4rem; cursor: pointer; font-size: 0.75rem; }
.btn-primary { background: #f97316; color: white; padding: 6px 12px; border: none; border-radius: 0.4rem; cursor: pointer; font-size: 0.75rem; }
.servis-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 0.75rem; padding: 0 1rem; }
.servis-card { background: white; border-radius: 0.6rem; overflow: hidden; border: 1px solid #e5e7eb; }
.servis-card-header { background: linear-gradient(135deg, #f97316, #ea580c); padding: 0.6rem; color: white; display: flex; justify-content: space-between; align-items: center; }
.servis-card-header h3 { font-size: 0.85rem; margin: 0; }
.servis-badge { font-size: 0.6rem; padding: 0.15rem 0.5rem; border-radius: 100px; background: rgba(255,255,255,0.2); }
.servis-body { padding: 0.6rem; }
.servis-info { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.3rem; font-size: 0.75rem; }
.servis-info i { width: 0.9rem; color: #f97316; }
.servis-actions { display: flex; gap: 0.3rem; margin-top: 0.6rem; padding-top: 0.6rem; border-top: 1px solid #e5e7eb; }
.servis-actions button { flex: 1; padding: 0.3rem; border-radius: 0.3rem; font-size: 0.65rem; }
.pagination { display: flex; justify-content: center; gap: 0.3rem; margin-top: 1rem; padding-bottom: 1rem; }
.pagination a { padding: 0.3rem 0.6rem; background: white; border-radius: 0.4rem; text-decoration: none; color: #f97316; border: 1px solid #e5e7eb; font-size: 0.75rem; }
.pagination a.active { background: #f97316; color: white; }
.modal-content { max-width: 900px !important; }