.data-guardrails-settings{padding:20px;max-width:1200px;margin:0 auto}.data-guardrails-settings h2{margin-bottom:8px;color:#1e293b}.settings-description{color:#64748b;margin-bottom:30px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;margin-bottom:24px}.settings-section h3{margin-top:0;margin-bottom:16px;color:#334155;font-size:18px}.mode-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.mode-button{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.mode-button:hover{border-color:#6366f1;background:#f8fafc}.mode-button.active{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #6366f11a}.mode-icon{font-size:24px}.mode-button strong{display:block;margin-bottom:4px;color:#1e293b}.mode-button small{display:block;color:#64748b;font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.setting-item{display:flex;flex-direction:column;gap:6px}.setting-item label{font-size:14px;font-weight:500;color:#475569}.setting-item input,.setting-item select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;transition:border-color .2s}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.custom-rules-list{margin-bottom:16px}.custom-rule-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;margin-bottom:8px}.rule-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rule-header input[type=checkbox]{width:18px;height:18px;cursor:pointer}.rule-header strong{flex:1;color:#1e293b}.remove-rule-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;font-size:18px;line-height:1;transition:background .2s}.remove-rule-btn:hover{background:#dc2626}.rule-details{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#64748b;padding-left:26px}.rule-condition code{background:#e0e7ff;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:12px;color:#4338ca}.rule-action{color:#059669;font-weight:500}.add-rule-btn{background:#6366f1;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.add-rule-btn:hover{background:#4f46e5}.add-rule-form{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:12px}.add-rule-form input,.add-rule-form select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.add-rule-actions{display:flex;gap:8px}.add-rule-actions button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.add-rule-actions button:first-child{background:#6366f1;color:#fff}.add-rule-actions button:first-child:hover{background:#4f46e5}.add-rule-actions button:last-child{background:#e2e8f0;color:#475569}.add-rule-actions button:last-child:hover{background:#cbd5e1}.source-management{display:flex;flex-direction:column;gap:16px}.blacklisted-sources ul{list-style:none;padding:0;margin:8px 0 0}.blacklisted-sources li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-bottom:6px;color:#991b1b}.blacklisted-sources button{background:#dc2626;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.blacklisted-sources button:hover{background:#b91c1c}.reset-tracking-btn{background:#f59e0b;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.reset-tracking-btn:hover{background:#d97706}.config-summary{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe}.config-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;font-size:14px}.config-summary-grid div{padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #e0e7ff}.config-summary-grid strong{color:#4338ca;margin-right:4px}@media(max-width:768px){.data-guardrails-settings{padding:12px}.settings-section{padding:16px}.mode-selector,.settings-grid,.config-summary-grid{grid-template-columns:1fr}}