.search-bar{position:relative;width:100%;max-width:500px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;border:1px solid #ddd;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .15s ease-in-out}.search-clear:hover{color:#333}.filter-bar{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.875rem;font-weight:500;color:#666}.filter-select{padding:.5rem .75rem;font-size:.875rem;border:1px solid #ddd;border-radius:.375rem;background-color:#fff;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width:150px}.filter-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}@media (max-width: 768px){.filter-bar{flex-direction:column}.filter-group,.filter-select{width:100%}}.badge{display:inline-block;padding:.25em .6em;font-size:.875em;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-transform:capitalize}.badge-small{padding:.15em .4em;font-size:.75em}.badge-active{background-color:#d4edda;color:#155724}.badge-inactive{background-color:#f8d7da;color:#721c24}.badge-creditor{background-color:#cfe2ff;color:#084298}.badge-cost_center{background-color:#d1e7dd;color:#0f5132}.badge-ledger{background-color:#fff3cd;color:#856404}.badge-workflow{background-color:#d0d1ff;color:#3d3d84}.badge-default{background-color:#e9ecef;color:#495057}.rule-details{padding:1rem;background-color:#f8f9fa;border-top:1px solid #dee2e6}.rule-details-section{margin-bottom:1.5rem}.rule-details-section:last-child{margin-bottom:0}.rule-details-section h4{font-size:.875rem;font-weight:600;color:#495057;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.rule-description{color:#666;line-height:1.6;margin:0}.condition-group,.outcome-group{margin-bottom:1rem}.condition-group strong,.outcome-group strong{display:block;margin-bottom:.5rem;color:#495057;font-size:.875rem}.condition-code,.outcome-code{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;padding:.75rem;font-size:.8125rem;font-family:Courier New,monospace;overflow-x:auto;margin:0;color:#333}.semantic-list{list-style:none;padding:0;margin:0}.semantic-list li{margin-bottom:.5rem;background-color:#fff;border-left:3px solid #4a90e2;padding:.5rem .5rem .5rem .75rem;color:#666}.rule-empty{color:#999;font-style:italic;margin:0}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.metadata-item{font-size:.875rem;color:#666}.metadata-item strong{color:#495057;margin-right:.5rem}.usage-stats{display:flex;flex-direction:column;gap:.5rem}.usage-stat{font-size:.875rem;color:#666}.usage-stat strong{color:#495057;margin-right:.5rem}@media (max-width: 768px){.metadata-grid{grid-template-columns:1fr}}.rule-row{cursor:pointer;transition:background-color .15s ease-in-out}.rule-row:hover{background-color:#f8f9fa}.rule-id{font-weight:500;color:#666;width:60px}.rule-title{max-width:400px}.rule-title-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.rule-title-content span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-button{background:none;border:none;font-size:.75rem;color:#666;cursor:pointer;padding:.25rem;transition:color .15s ease-in-out;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem}.expand-button.expanded{color:#4a90e2}.rule-usage{text-align:center;color:#666}.rule-details-row{background-color:#fff}.rule-details-row td{padding:0}.rules-table-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.rules-table{width:100%;border-collapse:collapse}.rules-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.rules-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:#495057;text-transform:uppercase;letter-spacing:.05em}.rules-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease-in-out}.rules-table th.sortable:hover{background-color:#e9ecef}.sort-icon{margin-left:.25rem;font-size:.75rem;color:#4a90e2}.rules-table td{padding:1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.rules-table tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:3rem 1rem;color:#999;font-style:italic}.table-footer{padding:1rem;background-color:#f8f9fa;border-top:1px solid #dee2e6;font-size:.875rem;color:#666;text-align:center}@media (max-width: 768px){.rules-table-container{overflow-x:auto}.rules-table{min-width:600px}.rules-table th,.rules-table td{padding:.75rem .5rem;font-size:.8125rem}}.rules-list-container{max-width:1400px;margin:0 auto;padding:2rem}.rules-header{margin-bottom:2rem}.rules-header h1{font-size:2rem;font-weight:600;color:#212529;margin-bottom:.5rem}.rules-subtitle{color:#666;font-size:1rem;margin:0}.rules-controls{margin-bottom:2rem}.loading-state,.error-state{text-align:center;padding:3rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.loading-state{color:#666}.error-state{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}@media (max-width: 768px){.rules-list-container{padding:1rem}.rules-header h1{font-size:1.5rem}}.App{min-height:100vh;background-color:#f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}