.integrations-page{padding:24px 28px 32px;max-width:1600px;margin:0 auto}.integrations-header{margin-bottom:20px}.integrations-header h1{font-size:20px;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.integrations-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.section-tabs{display:flex;gap:8px;margin-bottom:20px}.section-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.section-tab:hover{background:hsla(0,0%,100%,.06);color:var(--text-primary)}.section-tab.active{background:rgba(34,255,0,.08);border-color:rgba(34,255,0,.25);color:var(--lime)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.platform-card{padding:20px;border:1px solid hsla(0,0%,100%,.06);transition:all .2s}.platform-card.connected{border-color:rgba(34,197,94,.2)}.platform-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.platform-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.platform-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.status-badge.connected{background:rgba(34,197,94,.12);color:#4ade80}.status-badge.disconnected{background:rgba(100,116,139,.12);color:#94a3b8}.platform-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.platform-desc{font-size:13px;color:var(--text-secondary);margin:0 0 10px;line-height:1.4}.platform-capabilities{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.capability-tag{display:inline-block;padding:2px 8px;border-radius:4px;background:hsla(0,0%,100%,.05);font-size:11px;color:var(--text-secondary);text-transform:capitalize}.platform-actions{display:flex;gap:8px}.btn-sm{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-connect{background:rgba(34,255,0,.1);color:#2f0}.btn-connect:hover{background:rgba(34,255,0,.18)}.btn-test{background:rgba(34,197,94,.12);color:#4ade80}.btn-test:hover{background:rgba(34,197,94,.2)}.btn-test:disabled{opacity:.7;cursor:default}.btn-disconnect{background:rgba(239,68,68,.1);color:#f87171}.btn-disconnect:hover{background:rgba(239,68,68,.2)}.icon-btn{background:none;border:none;color:var(--text-tertiary,#64748b);cursor:pointer;padding:4px;font-size:16px;line-height:1}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.connect-modal{width:100%;max-width:560px;background:#111113;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.6)}.connect-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.connect-modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.connect-modal-desc{font-size:13px;color:hsla(0,0%,100%,.5);margin:4px 0 0}.connect-modal-close{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s;flex-shrink:0}.connect-modal-close:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.connect-modal-body{padding:24px 28px 28px}.connect-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;margin-bottom:16px}.input-wrapper{position:relative}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:hsla(0,0%,100%,.4);cursor:pointer;padding:4px}.password-toggle:hover{color:hsla(0,0%,100%,.7)}.field-help{margin:4px 0 0;font-size:11px;color:hsla(0,0%,100%,.35);line-height:1.4}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel{flex:1 1;padding:10px 16px;background:hsla(0,0%,100%,.06);color:var(--text-primary);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-cancel:hover{background:hsla(0,0%,100%,.1)}.btn-submit{flex:1 1;padding:10px 16px;background:var(--lime);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.btn-submit:hover{background:#1aee00}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.spin{animation:integrations-spin 1s linear infinite}@keyframes integrations-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-test-error{background:rgba(239,68,68,.15)!important;color:#f87171!important}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.required{color:#f87171}.form-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--lime)}.rules-intro{padding:20px;margin-bottom:20px}.rules-intro h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.rules-intro p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.rules-section,.templates-section{margin-bottom:20px}.rules-section h3,.templates-section h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.template-card{display:flex;gap:12px;padding:14px;cursor:pointer;transition:all .2s;border:1px solid hsla(0,0%,100%,.06)}.template-card:hover{border-color:rgba(59,130,246,.3)}.template-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(245,158,11,.1);color:#fbbf24}.template-name{font-size:13px;font-weight:600;color:var(--text-primary)}.template-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.template-event{display:inline-block;margin-top:4px;font-size:11px;color:#fbbf24;font-weight:600}.empty-text{font-size:13px;color:var(--text-secondary);font-style:italic}.rules-list{display:flex;flex-direction:column;gap:8px}.rule-row{justify-content:space-between;padding:12px 16px}.rule-info,.rule-row{display:flex;align-items:center}.rule-info{gap:8px;font-size:13px}.rule-status{font-size:10px}.rule-status.active{color:#4ade80}.rule-status.inactive{color:#64748b}.rule-template{font-weight:600;color:var(--text-primary)}.rule-targets{color:var(--text-secondary)}.rule-date{font-size:12px;color:var(--text-tertiary,#64748b)}@media (max-width:768px){.platforms-grid,.templates-grid{grid-template-columns:1fr}}