.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;fontSize:.875rem;fontWeight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-success{background-color:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background-color:#15803d}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.cpq-container{font-family:Arial,sans-serif;padding:1rem;background-color:#f8fafc;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center;gap:1rem}.header-title{margin:0;font-size:1.5rem;color:#1f2937}.search-container{position:relative;min-width:300px}.search-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.filter-controls{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.filter-select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background-color:#fff}.content-area{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.status-message{margin-bottom:1rem;padding:.75rem;border-radius:4px;font-size:.875rem}.status-success{background-color:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.status-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading-state{text-align:center;padding:3rem;color:#6b7280}.rules-table{width:100%;border-collapse:collapse}.rules-table th,.rules-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.rules-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.rules-table tr:hover{background-color:#f9fafb;cursor:pointer}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{padding:1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.table-row{padding:1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;font-size:.875rem;align-items:center}.table-row:hover{background-color:#f9fafb}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}.grid-7{display:grid;grid-template-columns:1fr 80px 100px 100px 80px 120px 80px;gap:1rem}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;align-items:stretch}.header-left{justify-content:space-between}.filter-controls{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.grid-4,.grid-7{grid-template-columns:1fr;gap:.5rem}}