.integrations-page{padding:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.summary-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-card{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.summary-card-primary{background:linear-gradient(140deg,#0c436f,#1f6ea8);color:#fff;border:0}.summary-card h2{margin:0;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.summary-value{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:2rem;font-weight:700}.summary-subtitle{margin:0;font-size:.8125rem;opacity:.85}.providers-section,.connectors-section,.sync-section{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.section-header h2{margin:0;font-size:1.125rem}.section-header p{margin:var(--spacing-xs) 0 var(--spacing-md);color:var(--text-secondary);font-size:.875rem}.provider-grid,.connector-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.provider-card,.connector-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.provider-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.provider-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.provider-card-header,.connector-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.provider-card h3,.connector-card h3{margin:0;font-size:1rem}.provider-description,.connector-description{margin:var(--spacing-sm) 0;color:var(--text-secondary);font-size:.875rem;line-height:1.45}.provider-metrics{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-secondary)}.provider-entities{margin:var(--spacing-sm) 0 0;font-size:.75rem;color:var(--text-muted)}.provider-actions{margin-top:var(--spacing-sm);display:flex;justify-content:flex-end}.connector-meta{margin:var(--spacing-sm) 0 0;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary)}.connector-footer{margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-secondary)}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.status-active{background:#eaf6ec;color:#1e7a38}.status-testing{background:#f0f4ff;color:#2f5fb3}.status-pending{background:#fff4e8;color:#a7570a}.status-disabled{background:#eceff3;color:#55606f}.status-error{background:#fdebed;color:#b42c3a}.button-primary{border:0;border-radius:var(--border-radius);background:#0d5d95;color:#fff;padding:.45rem .75rem;font-size:.75rem;cursor:pointer}.button-primary:disabled{opacity:.55;cursor:not-allowed}.button-secondary{border:1px solid #0d5d95;border-radius:var(--border-radius);background:transparent;color:#0d5d95;padding:.35rem .65rem;font-size:.75rem;cursor:pointer}.button-secondary:disabled{opacity:.55;cursor:not-allowed}.sync-list{display:grid;gap:var(--spacing-sm)}.sync-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-md);align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary)}.sync-run-id{margin:0;font-size:.8125rem;font-weight:600}.sync-run-meta{margin:0;font-size:.75rem;color:var(--text-secondary)}.sync-status{margin:0;font-size:.75rem;font-weight:600}.sync-status.running{color:#2f5fb3}.sync-status.completed{color:#1e7a38}.sync-status.partial{color:#a7570a}.sync-status.failed,.sync-status.cancelled{color:#b42c3a}.sync-run-time{margin:0;font-size:.75rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:min(760px,92vw);max-height:90vh;overflow:auto;border-radius:var(--border-radius-lg);background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.05rem}.close-button{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--border-radius);padding:.3rem .55rem;font-size:.75rem;cursor:pointer}.modal-body{padding:var(--spacing-lg)}.mapping-list{display:grid;gap:var(--spacing-sm)}.mapping-card{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md)}.mapping-card h3{margin:0 0 var(--spacing-xs);font-size:.95rem}.mapping-card p{margin:.1rem 0;font-size:.8rem;color:var(--text-secondary)}@media (max-width: 768px){.integrations-page{padding:var(--spacing-md)}.sync-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.connector-footer{flex-direction:column;align-items:flex-start}}