@layer components.webhooks{.webhooks-loading{padding:2rem;text-align:center;color:var(--apphub-text-secondary, #545454)}.webhooks-error{color:#d32f2f;padding:1rem 0}.webhooks-no-data{padding:1em;margin-bottom:2em;color:var(--apphub-text-secondary, #545454)}.webhooks-configuration{margin-top:20px;margin-bottom:80px}.webhooks-configuration .row{display:flex;align-items:flex-start;margin-bottom:30px}.webhooks-configuration .columns{display:block}.webhooks-configuration .columns.large-3{width:25%;min-width:160px;padding-top:2px;font-size:16px;color:var(--apphub-text-primary, #292929)}.webhooks-configuration .columns.large-9{width:75%;flex:1}.webhooks-configuration .columns.large-9>input[type=text],.webhooks-configuration .columns.large-9>span>input[type=text]{width:215px;height:47px;padding:0 16px;border:1px solid light-dark(rgb(118,118,118),rgb(133,133,133));border-radius:4px;font-size:16px;font-family:var(--apphub-font-regular);color:var(--apphub-text-primary, #121212);background-color:#fff;outline:none;box-sizing:border-box;transition:box-shadow ease-out var(--apphub-motion-fast)}.webhooks-configuration .columns.large-9>input[type=text]:focus,.webhooks-configuration .columns.large-9>span>input[type=text]:focus{border-color:transparent;box-shadow:0 0 4px 2px #00a0d1bf;transition:box-shadow ease-in var(--apphub-motion-fast)}.webhooks-configuration .btn-span-add{padding-top:0}.webhooks-configuration__error{color:#a12512;font-size:14px;margin-top:4px}.webhooks-configuration__error--inline{display:inline-block;margin-left:16px;padding-top:6px}.webhooks-configuration .md-button{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:36px;padding:0 16px;border:none;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--apphub-motion-fast);font-family:var(--apphub-font-regular)}.webhooks-configuration .md-button--blue{background-color:#00a0d1;color:#fff}.webhooks-configuration .md-button--blue:hover{background-color:#007aa3}.webhooks-configuration .md-button--blue:active{background-color:#005e7d}.webhooks-configuration .md-button:disabled{cursor:not-allowed;color:#0003;background-color:#0000000a}.webhooks-configuration .md-button--blue.md-button--loading,.webhooks-configuration .md-button--blue.md-button--loading:disabled{background-color:#005e7d;color:#fff;opacity:1}.webhooks-configuration .md-button__children{opacity:1}.webhooks-configuration .md-button--loading .md-button__children{visibility:hidden}.webhooks-configuration .md-button--loading .md-loading{display:flex;align-items:center;justify-content:center;gap:4px;position:absolute}.webhooks-configuration .md-loading{display:none}.webhooks-configuration .md-loading__dot{width:6px;height:6px;border-radius:50%;background-color:#fff;animation:md-loading-bounce 1.2s infinite ease-in-out}.webhooks-configuration .md-loading__dot:nth-child(1){animation-delay:0s}.webhooks-configuration .md-loading__dot:nth-child(2){animation-delay:.2s}.webhooks-configuration .md-loading__dot:nth-child(3){animation-delay:.4s}@keyframes md-loading-bounce{0%,80%,to{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}}.webhook-select{position:relative;width:100%;max-width:600px}.webhook-select__control{display:flex;align-items:center;min-height:43px;border:1px solid hsl(0,0%,80%);border-radius:4px;background-color:#fff;cursor:default;transition:box-shadow ease-out var(--apphub-motion-fast)}.webhook-select__control--focused{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff;transition:box-shadow ease-in var(--apphub-motion-fast)}.webhook-select__value-container{display:flex;align-items:center;flex:1;flex-wrap:wrap;padding:2px 8px;position:relative;overflow:hidden;box-sizing:border-box}.webhook-select__single-value{color:#333;position:absolute;margin-left:2px;margin-right:2px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4}.webhook-select__input-container{display:inline-grid;margin:2px;padding:0;max-width:3px}.webhook-select__input-container input{width:100%;background:transparent;border:1px solid #ccc;border-radius:0;box-shadow:none;font-size:14px;opacity:1;outline:none;padding:0;margin:0;color:#333;box-sizing:border-box;height:24px}.webhook-select__input-container input:focus{border-color:transparent;box-shadow:0 0 4px 2px #00a0d1bf;outline:none}.webhook-select__indicators{display:flex;align-items:center;align-self:stretch;flex-shrink:0;box-sizing:border-box}.webhook-select__indicator-separator{align-self:stretch;background-color:#ccc;margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.webhook-select__dropdown-indicator{display:flex;padding:8px;color:#ccc;transition:color var(--apphub-motion-fast)}.webhook-select__dropdown-indicator:hover{color:#999}.webhook-select__dropdown-indicator svg{fill:currentColor}.webhook-select__menu{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:4px;background:#fff;border-radius:4px;box-shadow:0 0 0 1px #0000001a,0 4px 11px #0000001a;overflow:hidden}.webhook-select__menu-list{max-height:300px;overflow-y:auto;padding:4px 0}.webhook-select__option{padding:8px 12px;font-size:14px;cursor:pointer;color:#333}.webhook-select__option:hover{background-color:#deebff}.webhook-select__option--selected{background-color:#2684ff;color:#fff}.webhook-select__option--selected:hover{background-color:#2684ff}.webhook-select__no-options{padding:8px 12px;font-size:14px;color:#999;text-align:center}.webhooks-list-container{margin-top:2rem}.webhooks-list__title{padding-bottom:0;margin-bottom:0;font-size:1.25rem;font-weight:400;color:var(--apphub-text-primary, #292929)}.webhooks-list__grid{margin-left:0}.webhook-item{padding:2em 0;overflow:visible;border-bottom:1px solid #e0e0e0}.webhook-item__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.webhook-item__header:focus-visible{outline:2px solid #007bff;outline-offset:2px;border-radius:2px}.webhook-item__display-name{width:35%;font-weight:500;color:var(--apphub-text-primary, #292929)}.webhook-item__room-name{flex-grow:2;color:#292929}.webhook-item__room-name span{font-weight:500}.webhook-item__toggle i{font-size:16px;color:#000}.webhook-item__detail{display:flex;align-items:center;margin-top:1.25rem;transition:max-height var(--apphub-motion-base) ease,opacity var(--apphub-motion-base) ease}.webhook-item__detail--collapsed{max-height:0;padding:0;margin:0;overflow:hidden;opacity:0}.webhook-item__detail--open{max-height:30rem;padding:0;overflow:visible;opacity:1}.webhook-item__detail-content{flex-grow:1}.webhook-item__url-label{margin-bottom:12px;font-size:16px;color:var(--apphub-text-primary, #292929)}.webhook-item__url-label i{margin-right:8px;font-size:16px;color:#000}.webhook-item__url-container{display:flex;align-items:stretch}.webhook-item__url-container input{width:75%;height:42px;padding:0 10px;border:1px solid #ccc;border-radius:4px 0 0 4px;font-size:14px;color:var(--apphub-text-secondary, #545454);background:#f5f5f5}.webhook-item__copy-container{display:flex}.webhook-item__copy-container .md-button--blue{background-color:#00a0d1;border:none;border-radius:0 4px 4px 0;padding:0 17px;cursor:pointer;display:flex;align-items:center;height:42px;min-width:auto}.webhook-item__copy-container .md-button--blue:hover{background-color:#007aa3}.webhook-item__copy-container .md-button--blue:active{background-color:#005e7d}.webhook-item__copy-container .md-button__children{opacity:1;display:flex;align-items:center}.webhook-item__copy-container .md-button--blue i{color:#fff;font-size:16px}.webhook-item__copy-container,.webhook-item__delete-container{position:relative}.webhook-item__copy-container .md-button[title]:hover:after,.webhook-item__delete-container .md-button[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:#292929;color:#fff;font-size:12px;font-weight:400;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:var(--apphub-z-dropdown);line-height:1.4}.webhook-item__copy-container .md-button[title]:hover:before,.webhook-item__delete-container .md-button[title]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#292929;pointer-events:none;z-index:var(--apphub-z-dropdown)}.webhook-item__delete-container{padding-top:2.5em;padding-right:0}.webhook-item__delete-container .md-button{min-width:auto;padding:0;margin:0;background:none;border:none;cursor:pointer;height:auto;border-radius:0}.webhook-item__delete-container .md-button__children{opacity:1}.webhook-item__delete-container .md-button i{display:inline-block;width:1.5rem;font-size:20px;font-weight:400;color:#333;-webkit-text-stroke:.3px #333}.webhook-item__delete-container .md-button:hover i{color:#000}@media(max-width:768px){.webhooks-configuration .row{flex-direction:column;gap:8px}.webhooks-configuration .columns.large-3{width:auto;min-width:auto}.webhooks-configuration .columns.large-9,.webhooks-configuration .columns.large-9 input[type=text]{width:100%}.webhook-select{max-width:100%}.webhook-item__header{flex-wrap:wrap;gap:8px}.webhook-item__display-name{width:100%}.webhook-item__url-container input{width:60%}}.webhook-hero-btn{display:inline-flex;align-items:center;padding:6px 14px;border-radius:18px;font-size:15px;font-weight:500;letter-spacing:-.02em;font-family:var(--apphub-font-medium);cursor:pointer;border:none;transition:background-color var(--apphub-motion-fast) ease,color var(--apphub-motion-fast) ease;text-decoration:none;line-height:1}.webhook-hero-btn--loading{display:inline-flex;align-items:center;justify-content:center;width:100px;height:32px;background-color:#008f5c;border-radius:18px}.webhook-hero-btn--connect{background-color:#008f5c;color:#fff;min-width:110px;min-height:36px;justify-content:center;font-weight:500}.webhook-hero-btn--connect:hover{background-color:#fff;color:#181818}.webhook-hero-btn--disabled{opacity:.7;cursor:pointer}.webhook-hero-btn--connecting{pointer-events:none;cursor:default}.webhook-hero-btn--connecting:hover{background-color:#008f5c;color:#fff}.webhook-hero-btn-error{margin-bottom:8px;padding:6px 10px;border-radius:4px;background:#fdecea;color:#b3261e;font-size:13px;line-height:1.4}.webhook-dots{display:inline-flex;gap:4px;align-items:center;justify-content:center}.webhook-dots span{width:6px;height:6px;border-radius:50%;background:#0006;animation:webhook-dot-pulse 1.2s infinite ease-in-out}.webhook-dots span:nth-child(2){animation-delay:.2s}.webhook-dots span:nth-child(3){animation-delay:.4s}@keyframes webhook-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(min-width:1024px){.webhook-hero-btn--connect{margin-bottom:0}}.webhook-gate-loading{padding:2rem;text-align:center;color:var(--apphub-text-secondary, #545454)}.webhook-gate{padding:1.5rem 0}.webhook-gate__btn{display:inline-flex;align-items:center;gap:4px;padding:13px 16px;border-radius:18px;font-size:15px;font-weight:500;letter-spacing:-.02em;cursor:pointer;border:none;transition:background-color var(--apphub-motion-fast) ease,color var(--apphub-motion-fast) ease;text-decoration:none;font-family:var(--apphub-font-medium)}.webhook-gate__btn-text{display:flex;align-items:center;font-size:15px;line-height:.875rem;letter-spacing:-.02em}.webhook-gate__btn--connect{padding:6px 14px;background-color:#008f5c;color:#fff;margin-bottom:2rem}.webhook-gate__btn--connect:hover{background-color:#fff;color:#181818}.webhook-gate__btn--login{max-width:180px;padding:13px 16px;background-color:#008f5c;color:#fff;text-align:center}.webhook-gate__btn--login:hover{background-color:#6ead52;color:#fff}.webhook-gate__btn--remove{padding:6px 14px;background-color:#007aa3;color:#fff;border-radius:18px}.webhook-gate__btn--remove:hover{background-color:#005f80}.webhook-gate__btn--remove:disabled{opacity:.6;cursor:not-allowed}.webhook-gate__action-row{text-align:left;margin-bottom:1rem}}@layer components.confirm-modal{.confirm-modal-overlay{position:fixed;inset:0;z-index:var(--apphub-z-modal-top);background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.confirm-modal{background:#fff;border-radius:8px;width:90%;max-width:440px;box-shadow:0 4px 20px #00000026;overflow:hidden;position:relative}.confirm-modal__close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--apphub-color-text-muted);line-height:1;padding:4px}.confirm-modal__close:hover{color:var(--apphub-color-text-title)}.confirm-modal__header{padding:16px 24px;font-size:18px;font-weight:600;color:#000;text-align:center}.confirm-modal__body{padding:24px;min-height:80px;font-size:14px;line-height:1.5;color:#333}.confirm-modal__loading{display:flex;align-items:center;justify-content:center;min-height:60px;text-align:center;color:var(--apphub-color-text-muted)}.confirm-modal__spinner{display:inline-block;width:36px;height:36px;border:3px solid rgba(0,0,0,.1);border-top-color:#00a0d1;border-radius:50%;animation:confirm-modal-spin .8s linear infinite}@keyframes confirm-modal-spin{to{transform:rotate(360deg)}}.confirm-modal__body p{margin:0}.confirm-modal__body .error{color:#d32f2f}.confirm-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 24px}.confirm-modal__btn{padding:8px 20px;border-radius:20px;font-size:14px;cursor:pointer;border:1px solid #ccc;background:#fff;color:#292929;transition:background-color var(--apphub-motion-base)}.confirm-modal__btn:hover{background:#f5f5f5}.confirm-modal__btn--confirm{background:#00a0d1;color:var(--apphub-color-text-inverse);border-color:#00a0d1}.confirm-modal__btn--confirm:hover{background:#007aa3}.confirm-modal__btn--confirm:disabled{opacity:.6;cursor:not-allowed}}