*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f8fafc;color:#1e293b}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:2rem;box-shadow:0 2px 8px #0000001a}.header-content h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.header-content p{font-size:.95rem;opacity:.9}.nav-tabs{display:flex;gap:1rem;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;font-size:.95rem;color:#64748b;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.nav-tab:hover{color:#3b82f6}.nav-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.app-main{flex:1;overflow-y:auto;padding:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.dashboard-section{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.dashboard-section.full-width{grid-column:1 / -1}.dashboard-section h2{font-size:1.25rem;margin-bottom:1.5rem;color:#0f172a;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-card{padding:1.5rem;background:#f8fafc;border-radius:.5rem;border-left:4px solid #3b82f6}.metric-card.approved{border-left-color:#10b981}.metric-card.rejected{border-left-color:#ef4444}.metric-card.flagged{border-left-color:#f59e0b}.metric-label{font-size:.875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}.metric-value{font-size:2rem;font-weight:700;color:#0f172a}.batch-panel{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.panel-header h2{font-size:1.5rem;margin-bottom:.5rem;color:#0f172a;font-weight:700}.panel-header p{color:#64748b;font-size:.95rem}.batch-form{margin-top:2rem}.batch-table-container{overflow-x:auto;margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:.5rem}.batch-input-table,.results-table table{width:100%;border-collapse:collapse}.batch-input-table th,.results-table table th{background:#f1f5f9;padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.batch-input-table td,.results-table table td{padding:1rem;border-bottom:1px solid #e2e8f0}.batch-input-table input,.batch-input-table select{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem}.batch-input-table input:focus,.batch-input-table select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-remove{padding:.5rem 1rem;background:#fee2e2;color:#991b1b;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.btn-remove:hover:not(:disabled){background:#fecaca}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.batch-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:2rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.batch-info{background:#f0f9ff;padding:1.5rem;border-radius:.5rem;border-left:4px solid #0284c7}.batch-info h3{color:#0c4a6e;margin-bottom:1rem}.batch-info ul{list-style:none;color:#0c4a6e}.batch-info li{padding:.5rem 0 .5rem 1.5rem;position:relative}.batch-info li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#0284c7}.rules-panel{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.rules-container{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;margin-top:2rem}.rules-form{background:#f8fafc;padding:1.5rem;border-radius:.5rem}.rules-form h3{margin-bottom:1.5rem;color:#0f172a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#475569;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rules-list h3{color:#0f172a;margin-bottom:1.5rem}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.rule-card{padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .3s ease}.rule-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.rule-header h4{color:#0f172a;font-weight:600}.rule-type-badge{background:#dbeafe;color:#0c4a6e;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.rule-desc{color:#64748b;font-size:.875rem;margin-bottom:1rem}.rule-logic{display:block;background:#fff;padding:.75rem;border-radius:.375rem;font-size:.75rem;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Monaco,Courier New,monospace}.results-panel{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0}.summary-card{padding:1.5rem;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:.375rem;text-align:center}.summary-card.approved{border-left-color:#10b981}.summary-card.rejected{border-left-color:#ef4444}.summary-card.flagged{border-left-color:#f59e0b}.summary-label{display:block;font-size:.875rem;color:#64748b;margin-bottom:.5rem;font-weight:600}.summary-value{display:block;font-size:2rem;font-weight:700;color:#0f172a}.results-table{margin-top:2rem;overflow-x:auto}.risk-badge{padding:.375rem .75rem;border-radius:9999px;font-weight:600;font-size:.875rem}.risk-badge.risk-high{background:#fee2e2;color:#991b1b}.risk-badge.risk-low{background:#dcfce7;color:#166534}.verdict-badge{padding:.375rem .75rem;border-radius:9999px;font-weight:600;font-size:.875rem;text-transform:uppercase}.verdict-badge.approved{background:#dcfce7;color:#166534}.verdict-badge.rejected{background:#fee2e2;color:#991b1b}.verdict-badge.flagged{background:#fef3c7;color:#92400e}@media (max-width: 768px){.dashboard-grid,.rules-container{grid-template-columns:1fr}.batch-actions{flex-direction:column}.nav-tabs{gap:.5rem}.nav-tab{padding:.5rem 1rem;font-size:.875rem}}