.is-container{flex-direction:column;gap:2rem;display:flex}.is-loading{color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.is-spinner{border:2px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#6366f1);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite is-spin}@keyframes is-spin{to{transform:rotate(360deg)}}.is-section-title{color:var(--text-primary,#1a1a2e);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.is-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.is-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.is-card.active{border-left:3px solid var(--success-color,#22c55e)}.is-card.inactive{opacity:.65;border-left:3px solid var(--text-secondary,#9ca3af)}.is-card-available{cursor:pointer;border-style:dashed}.is-card-available:hover{border-color:var(--primary-color,#6366f1);background:var(--primary-50,#eef2ff)}.is-card-header{align-items:flex-start;gap:.75rem;display:flex}.is-card-icon{flex-shrink:0;font-size:1.75rem;line-height:1}.is-card-info{flex:1;min-width:0}.is-card-info h3{color:var(--text-primary,#1a1a2e);margin:0;font-size:1rem;font-weight:600}.is-card-type{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.is-card-desc{color:var(--text-secondary,#6b7280);margin:.25rem 0 0;font-size:.85rem;line-height:1.4}.is-card-error{color:var(--danger-color,#ef4444);background:var(--danger-50,#fef2f2);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.is-test-result{border-radius:6px;padding:.5rem .75rem;font-size:.8rem}.is-test-result.success{color:var(--success-color,#22c55e);background:var(--success-50,#f0fdf4)}.is-test-result.error{color:var(--danger-color,#ef4444);background:var(--danger-50,#fef2f2)}.is-card-meta{color:var(--text-muted,#9ca3af);gap:1rem;font-size:.78rem;display:flex}.is-card-add-label{color:var(--primary-color,#6366f1);align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.is-toggle{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.is-toggle input{opacity:0;width:0;height:0}.is-toggle-slider{background-color:#ccc;border-radius:22px;transition:all .3s;position:absolute;inset:0}.is-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.is-toggle input:checked+.is-toggle-slider{background-color:var(--success-color,#22c55e)}.is-toggle input:checked+.is-toggle-slider:before{transform:translate(18px)}.is-card-actions{gap:.5rem;margin-top:auto;display:flex}.is-btn{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;background:var(--card-bg,#fff);color:var(--text-primary,#1a1a2e);border-radius:6px;padding:.4rem .85rem;font-size:.8rem;font-weight:500;transition:all .15s}.is-btn:hover{background:var(--bg-hover,#f3f4f6)}.is-btn:disabled{opacity:.5;cursor:not-allowed}.is-btn-test{color:var(--primary-color,#6366f1);border-color:var(--primary-color,#6366f1)}.is-btn-test:hover{background:var(--primary-50,#eef2ff)}.is-btn-edit{color:var(--text-secondary,#6b7280)}.is-btn-delete{color:var(--danger-color,#ef4444);border-color:#0000}.is-btn-delete:hover{background:var(--danger-50,#fef2f2)}.is-btn-save{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.is-btn-save:hover{background:var(--primary-dark,#4f46e5)}.is-btn-cancel{color:var(--text-secondary,#6b7280)}.is-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.is-modal{background:var(--card-bg,#fff);border-radius:16px;width:90%;max-width:520px;max-height:85vh;padding:2rem;overflow-y:auto}.is-modal h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.is-form-group{margin-bottom:1rem}.is-form-group label{color:var(--text-primary,#1a1a2e);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.is-required{color:var(--danger-color,#ef4444);margin-left:2px}.is-form-group input,.is-form-group textarea{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#1a1a2e);box-sizing:border-box;border-radius:8px;padding:.6rem .85rem;font-size:.9rem;transition:border-color .2s}.is-form-group input:focus,.is-form-group textarea:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.is-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}
.wm-container{flex-direction:column;gap:1.5rem;display:flex}.wm-loading{color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.wm-spinner{border:2px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#6366f1);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite wm-spin}@keyframes wm-spin{to{transform:rotate(360deg)}}.wm-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.wm-description{color:var(--text-secondary,#6b7280);margin:0;font-size:.9rem}.wm-empty{text-align:center;color:var(--text-secondary,#6b7280);flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.wm-list{flex-direction:column;gap:1rem;display:flex}.wm-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.wm-card.inactive{opacity:.65}.wm-card-header{flex-direction:column;gap:.35rem;display:flex}.wm-card-title-row{justify-content:space-between;align-items:center;display:flex}.wm-card-title-row h3{color:var(--text-primary,#1a1a2e);margin:0;font-size:1rem;font-weight:600}.wm-card-url{color:var(--text-secondary,#6b7280);background:var(--bg-subtle,#f9fafb);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:.25rem .5rem;font-size:.78rem;overflow:hidden}.wm-card-events{flex-wrap:wrap;gap:.35rem;display:flex}.wm-event-tag{background:var(--primary-50,#eef2ff);color:var(--primary-color,#6366f1);border-radius:20px;padding:.2rem .55rem;font-size:.72rem;font-weight:500}.wm-card-stats{color:var(--text-secondary,#6b7280);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.wm-card-stats .text-danger{color:var(--danger-color,#ef4444)}.wm-status-code{border-radius:4px;padding:.1rem .4rem;font-family:monospace;font-size:.75rem}.wm-status-code.ok{background:var(--success-50,#f0fdf4);color:var(--success-color,#22c55e)}.wm-status-code.err{background:var(--danger-50,#fef2f2);color:var(--danger-color,#ef4444)}.wm-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.wm-btn{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;background:var(--card-bg,#fff);color:var(--text-primary,#1a1a2e);border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.wm-btn:hover{background:var(--bg-hover,#f3f4f6)}.wm-btn:disabled{opacity:.5;cursor:not-allowed}.wm-btn-sm{padding:.35rem .7rem;font-size:.8rem}.wm-btn-primary{background:var(--primary-color,#6366f1);color:#fff;border-color:var(--primary-color,#6366f1)}.wm-btn-primary:hover{background:var(--primary-dark,#4f46e5)}.wm-btn-primary:disabled{background:var(--primary-color,#6366f1)}.wm-btn-danger-text{color:var(--danger-color,#ef4444);border-color:#0000}.wm-btn-danger-text:hover{background:var(--danger-50,#fef2f2)}.wm-toggle{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.wm-toggle input{opacity:0;width:0;height:0}.wm-toggle-slider{background-color:#ccc;border-radius:22px;transition:all .3s;position:absolute;inset:0}.wm-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.wm-toggle input:checked+.wm-toggle-slider{background-color:var(--success-color,#22c55e)}.wm-toggle input:checked+.wm-toggle-slider:before{transform:translate(18px)}.wm-deliveries{border-top:1px solid var(--border-color,#e5e7eb);margin-top:.25rem;padding-top:.75rem}.wm-deliveries h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600}.wm-deliveries-empty{color:var(--text-muted,#9ca3af);text-align:center;padding:1rem;font-size:.85rem}.wm-deliveries-table{border-collapse:collapse;width:100%;font-size:.8rem}.wm-deliveries-table th{text-align:left;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);padding:.5rem .75rem;font-weight:600}.wm-deliveries-table td{border-bottom:1px solid var(--border-color,#f3f4f6);padding:.5rem .75rem}.wm-deliveries-table code{background:var(--bg-subtle,#f9fafb);border-radius:3px;padding:.15rem .4rem;font-size:.75rem}.wm-badge{border-radius:20px;padding:.15rem .5rem;font-size:.72rem;font-weight:500}.wm-badge-success{background:var(--success-50,#f0fdf4);color:var(--success-color,#22c55e)}.wm-badge-danger{background:var(--danger-50,#fef2f2);color:var(--danger-color,#ef4444)}.wm-badge-warning{background:var(--warning-50,#fffbeb);color:var(--warning-color,#f59e0b)}.wm-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wm-modal{background:var(--card-bg,#fff);border-radius:16px;width:90%;max-width:600px;max-height:85vh;padding:2rem;overflow-y:auto}.wm-modal h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.wm-form-group{margin-bottom:1rem}.wm-form-group label{color:var(--text-primary,#1a1a2e);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.wm-required{color:var(--danger-color,#ef4444);margin-left:2px}.wm-form-group input{border:1px solid var(--border-color,#e5e7eb);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#1a1a2e);box-sizing:border-box;border-radius:8px;padding:.6rem .85rem;font-size:.9rem;transition:border-color .2s}.wm-form-group input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.wm-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.wm-events-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.wm-event-checkbox{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;transition:all .15s;display:flex}.wm-event-checkbox:hover{background:var(--bg-hover,#f3f4f6)}.wm-event-checkbox.selected{background:var(--primary-50,#eef2ff);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.wm-event-checkbox input{width:auto;margin:0}.wm-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}
.tn-container{flex-direction:column;gap:1.5rem;display:flex}.tn-loading{color:var(--text-secondary,#6b7280);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.tn-spinner{border:2px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#6366f1);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite tn-spin}@keyframes tn-spin{to{transform:rotate(360deg)}}.tn-section{flex-direction:column;gap:.75rem;display:flex}.tn-section-title{color:var(--text-primary,#1a1a2e);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.tn-section-title svg{color:var(--primary-color,#6366f1);flex-shrink:0}.tn-section-desc{color:var(--text-secondary,#6b7280);margin:0;font-size:.85rem;line-height:1.5}.tn-connection-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.tn-connection-header{align-items:center;gap:1rem;display:flex}.tn-connection-icon{background:linear-gradient(135deg,#5b5fc7 0%,#464eb8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;display:flex}.tn-connection-icon svg{color:#fff;width:24px;height:24px}.tn-connection-info{flex:1;min-width:0}.tn-connection-info h3{color:var(--text-primary,#1a1a2e);margin:0;font-size:1.1rem;font-weight:600}.tn-connection-info p{color:var(--text-secondary,#6b7280);margin:.25rem 0 0;font-size:.85rem}.tn-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8rem;display:flex}.tn-error-banner svg{color:#dc2626;flex-shrink:0}.tn-toggle{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.tn-toggle input{opacity:0;width:0;height:0;position:absolute}.tn-toggle-slider{background:#d1d5db;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.tn-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.tn-toggle input:checked+.tn-toggle-slider{background:var(--primary-color,#6366f1)}.tn-toggle input:checked+.tn-toggle-slider:after{transform:translate(20px)}.tn-form-group{flex-direction:column;gap:.375rem;display:flex}.tn-form-group label{color:var(--text-primary,#1a1a2e);font-size:.85rem;font-weight:500}.tn-input-row{align-items:stretch;gap:.75rem;display:flex}.tn-input{border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#1a1a2e);background:var(--card-bg,#fff);border-radius:8px;flex:1;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s}.tn-input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.tn-input::placeholder{color:#9ca3af}.tn-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.tn-btn:disabled{opacity:.6;cursor:not-allowed}.tn-btn-test{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary,#1a1a2e)}.tn-btn-test:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.tn-btn-save{background:var(--primary-color,#6366f1);color:#fff;padding:.625rem 1.5rem}.tn-btn-save:hover:not(:disabled){background:#4f46e5}.tn-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite tn-spin}.tn-btn-test .tn-btn-spinner{border-color:#00000026;border-top-color:var(--text-primary,#1a1a2e)}.tn-test-result{border-radius:8px;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.85rem;font-weight:500;display:flex}.tn-test-result.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.tn-test-result.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.tn-notifications-list{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden}.tn-notification-item{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .15s;display:flex}.tn-notification-item:last-child{border-bottom:none}.tn-notification-item:hover{background:#f9fafb}.tn-notification-item.enabled{background:#fafbff}.tn-notification-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.tn-notification-label{color:var(--text-primary,#1a1a2e);font-size:.9rem;font-weight:600}.tn-notification-desc{color:var(--text-secondary,#6b7280);font-size:.8rem}.tn-notification-event{color:#9ca3af;margin-top:.125rem;font-family:Consolas,Monaco,monospace;font-size:.7rem}.tn-actions{justify-content:flex-end;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.tn-save-message{border-radius:8px;padding:.5rem .875rem;font-size:.85rem;font-weight:500}.tn-save-message.success{color:#16a34a;background:#f0fdf4}.tn-save-message.error{color:#dc2626;background:#fef2f2}.tn-delivery-modes{flex-direction:column;gap:.75rem;display:flex}.tn-delivery-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:center;padding:1rem 1.25rem;transition:all .2s;display:flex}.tn-delivery-option:hover:not(.disabled){background:#f8f9ff;border-color:#a5b4fc}.tn-delivery-option.selected{background:#eef2ff;border-color:#6366f1}.tn-delivery-option.disabled{opacity:.5;cursor:not-allowed}.tn-delivery-option input[type=radio]{display:none}.tn-delivery-content{align-items:center;gap:1rem;display:flex}.tn-delivery-icon{color:#6b7280;background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tn-delivery-option.selected .tn-delivery-icon{color:#fff;background:#6366f1}.tn-delivery-content div:last-child{flex-direction:column;gap:.125rem;display:flex}.tn-delivery-content strong{color:#1f2937;font-size:.9375rem}.tn-delivery-content span{color:#6b7280;font-size:.8125rem}.tn-info-banner{color:#1e40af;background:#eff6ff;border-radius:8px;align-items:flex-start;gap:.75rem;margin-top:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.tn-info-banner svg{flex-shrink:0;margin-top:1px}.tn-info-banner.warning{color:#92400e;background:#fffbeb}.tn-graph-info{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.tn-graph-stat{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.tn-graph-stat-value{color:#6366f1;font-size:1.5rem;font-weight:700}.tn-graph-stat-label{color:#6b7280;margin-top:.25rem;font-size:.75rem}.tn-graph-permissions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.tn-graph-permissions h4{color:#1f2937;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.tn-graph-permissions p{color:#6b7280;margin:0 0 .5rem;font-size:.8125rem}.tn-graph-permissions ul{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.tn-graph-permissions li{color:#374151;padding-left:1.25rem;font-size:.8125rem;position:relative}.tn-graph-permissions li:before{content:"•";color:#6366f1;font-weight:700;position:absolute;left:.25rem}.tn-graph-permissions code{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:.125rem .375rem;font-size:.75rem;font-weight:600}
.integrations-page{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.integrations-header{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-bottom:3px solid #0ea5e9;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 6rem 1.5rem 2rem;display:flex;box-shadow:0 2px 8px #0000001a}.integrations-header-content{align-items:center;gap:1rem;display:flex}.integrations-header-icon{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:.375rem;justify-content:center;align-items:center;padding:.875rem;display:flex}.integrations-header-icon svg{color:#fff;width:1.5rem;height:1.5rem}.integrations-header-text h1{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:700}.integrations-header-text p{color:#cbd5e1;margin:.25rem 0 0;font-size:.875rem;font-weight:400}.integrations-tabs{border-bottom:2px solid var(--border-color,#e5e7eb);gap:.5rem;padding:0 2rem;display:flex}.integrations-tab{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.integrations-tab:hover{color:var(--primary-color,#6366f1)}.integrations-tab.active{color:var(--primary-color,#6366f1);border-bottom-color:var(--primary-color,#6366f1)}.integrations-content{flex:1;min-height:400px;padding:1.5rem 2rem;overflow-y:auto}