:root{color:#1e2328;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#158174}.brand-mark.small{width:36px;height:36px}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.08}h2{font-size:19px}p{color:#647176;line-height:1.55}.primary-link,.secondary-link,.primary-button,.secondary-button,.settings-button,.danger-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:0 16px;color:#fff;background:#1f7a68;text-decoration:none;font-weight:700;cursor:pointer}.secondary-button,.settings-button,.secondary-link{border:1px solid #d5dfdf;color:#27353a;background:#fff}.danger-button{min-height:36px;border:1px solid #f0c8bd;color:#8f3121;background:#fff4f0}.compact-button{min-height:36px}.settings-button{min-height:36px;padding:0 12px}.primary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.62}.fine-print{font-size:13px}.public-shell{width:100%;margin:0 auto;padding:22px 20px 64px;overflow:hidden}.public-nav{width:min(1160px,100%);display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 18px}.public-nav div,.public-brand{display:flex;align-items:center;gap:14px}.public-nav a,.public-brand{color:#334147;text-decoration:none;font-weight:700}.public-brand{color:#1f292d;font-size:18px}.nav-login{border:1px solid #d5dfdf;border-radius:8px;padding:8px 12px;background:#fff}.public-hero{position:relative;width:min(1160px,100%);min-height:610px;display:grid;align-content:center;margin:0 auto;border:1px solid #d9e4df;border-radius:8px;padding:72px 48px;overflow:hidden;background:linear-gradient(115deg,#f6f9f6f5,#f6f9f6e6 45%,#f6f9f659 70%),repeating-linear-gradient(90deg,rgba(31,122,104,.08) 0,rgba(31,122,104,.08) 1px,transparent 1px,transparent 54px),repeating-linear-gradient(0deg,rgba(45,54,57,.06) 0,rgba(45,54,57,.06) 1px,transparent 1px,transparent 54px),#f4f7f2;box-shadow:0 28px 80px #1c302d1a}.hero-copy{position:relative;z-index:2;width:min(560px,100%);display:grid;gap:18px}.hero-kicker{width:fit-content;display:inline-flex;align-items:center;gap:8px;border:1px solid #cfe0dc;border-radius:999px;padding:7px 12px;color:#1f7a68;background:#eef7f4;font-size:14px;font-weight:800}.public-hero h1{width:min(590px,100%);font-size:58px;line-height:1;color:#182322}.public-hero p{width:min(510px,100%);font-size:18px;color:#596862}.public-hero .primary-link,.public-hero .secondary-link{width:fit-content}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-product{position:absolute;top:86px;right:-112px;width:min(540px,46vw);display:grid;gap:14px;transform:rotate(-2deg)}.preview-window,.event-preview{border:1px solid rgba(181,197,190,.95);border-radius:8px;background:#ffffffeb;box-shadow:0 28px 70px #25333029;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-toolbar{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e2e9e5;padding:12px 14px;color:#50605a;font-size:13px}.preview-toolbar span{width:10px;height:10px;border-radius:999px;background:#d96b54}.preview-toolbar span:nth-child(2){background:#d8a93b}.preview-toolbar span:nth-child(3){background:#2b987e}.preview-toolbar strong{margin-left:8px}.readme-preview{display:grid;gap:13px;padding:26px}.readme-label{width:fit-content;border:1px solid #d8e6df;border-radius:999px;padding:5px 10px;color:#1f7a68;background:#eef7f4;font-size:12px;font-weight:900}.readme-preview h2{font-size:28px;line-height:1.12}.supporter-line{display:grid;grid-template-columns:86px minmax(0,1fr) 76px;gap:10px;align-items:center;border:1px solid #e3ebe7;border-radius:8px;padding:12px;color:#263431;background:#f9fbf8;font-size:13px}.supporter-line strong,.supporter-line span,.supporter-line em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supporter-line em{color:#1f7a68;font-style:normal;font-weight:800}.supporter-line.muted{opacity:.72}.event-preview{width:min(360px,88%);display:grid;grid-template-columns:12px 1fr;gap:12px;justify-self:end;align-items:center;padding:16px}.event-preview p{width:auto;font-size:13px}.event-dot{width:12px;height:12px;border-radius:999px;background:#2b987e;box-shadow:0 0 0 6px #2b987e24}.proof-strip{width:min(1060px,calc(100% - 28px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:-46px auto 52px;position:relative;z-index:3;border:1px solid #d9e4df;border-radius:8px;overflow:hidden;background:#d9e4df;box-shadow:0 18px 45px #1c302d1a}.proof-strip div{display:grid;gap:4px;padding:20px 22px;background:#fff}.proof-strip strong{color:#182322;font-size:24px}.proof-strip span{color:#657278;font-size:14px}.public-grid{width:min(1120px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 auto}.public-grid article,.legal-card{border:1px solid #dbe4e2;border-radius:8px;background:#fff}.public-grid article{position:relative;display:grid;gap:8px;padding:24px;min-height:198px;box-shadow:0 12px 32px #2533300f}.step-number{position:absolute;top:18px;right:20px;color:#c2a14c;font-size:13px;font-weight:900}.public-grid svg,.workflow-result svg,.privacy-note svg{color:#1f7a68}.public-section{width:min(1120px,100%);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:48px;margin:0 auto;padding:72px 0;border-bottom:1px solid #dbe4e2}.section-heading{display:grid;align-content:start;gap:10px}.section-heading span{color:#1f7a68;font-size:13px;font-weight:900}.section-heading h2,.final-cta h2{font-size:30px;line-height:1.18}.workflow-panel{position:relative;display:grid;gap:0;border:1px solid #dbe4e2;border-radius:8px;padding:8px 0;background:#fff;box-shadow:0 18px 48px #25333014}.workflow-panel:before{content:"";position:absolute;top:44px;bottom:88px;left:34px;width:1px;background:#dbe4e2}.workflow-line{position:relative;display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px 24px}.workflow-line span{position:relative;z-index:1;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;color:#1f7a68;background:#eef7f4;font-size:11px;font-weight:900}.workflow-line strong,.workflow-result strong{display:block;margin-bottom:4px;color:#1f292d}.workflow-result{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;margin:8px 24px 16px;border-radius:8px;padding:16px;color:#1f292d;background:#f3f8f5}.workflow-result strong{margin:0}.final-cta{width:min(1120px,100%);display:grid;grid-template-columns:1fr auto;gap:18px 24px;align-items:center;margin:34px auto 0;border:1px solid #dbe4e2;border-radius:8px;padding:36px;background:linear-gradient(135deg,#fffffff0,#f4f8f5f0),repeating-linear-gradient(90deg,rgba(31,122,104,.07) 0,rgba(31,122,104,.07) 1px,transparent 1px,transparent 44px)}.final-cta span{color:#1f7a68;font-size:13px;font-weight:900}.final-cta p{margin-top:8px}.privacy-note{grid-column:1 / -1;display:flex;align-items:center;gap:7px;border-top:1px solid #e1e9e6;padding-top:16px;font-size:13px}.legal-shell{width:min(880px,100%)}.legal-card{display:grid;gap:16px;padding:28px}.legal-card h1{font-size:36px}.legal-card h2{margin-top:8px}.guide-card{gap:20px}.guide-steps{display:grid;gap:14px}.guide-steps section{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(210px,.72fr);gap:14px 18px;align-items:center;border:1px solid #dbe4e2;border-radius:8px;padding:18px;background:#fbfcfb}.guide-steps span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;color:#1f7a68;background:#eef7f4;font-size:12px;font-weight:900}.guide-steps h2{margin-top:0}.guide-visual{position:relative;min-height:150px;overflow:hidden;border:1px solid #dbe4e2;border-radius:8px;padding:14px;background:linear-gradient(135deg,#fffffff5,#f4f8f5e0),repeating-linear-gradient(90deg,rgba(31,122,104,.06) 0,rgba(31,122,104,.06) 1px,transparent 1px,transparent 32px)}.mini-browser-bar{display:flex;gap:5px;margin-bottom:16px}.mini-browser-bar i{width:8px;height:8px;border-radius:999px;background:#d96b54}.mini-browser-bar i:nth-child(2){background:#d8a93b}.mini-browser-bar i:nth-child(3){background:#2b987e}.mini-login-card,.markdown-card,.copy-row,.secret-row,.repo-line,.test-button-fake,.success-toast{border:1px solid #dbe4e2;border-radius:8px;background:#fff;box-shadow:0 10px 24px #2533300f}.mini-login-card{display:grid;place-items:center;gap:7px;padding:18px 12px;text-align:center;animation:guideFloat 3.2s ease-in-out infinite}.mini-login-card small,.secret-row span,.repo-line em{color:#657278;font-size:12px;font-style:normal}.webhook-visual,.template-visual,.test-visual{display:grid;align-content:center;gap:10px}.copy-row,.secret-row,.repo-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px}.copy-row code{overflow:hidden;color:#1f7a68;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.secret-row{animation:guideSlide 3.4s ease-in-out infinite}.pulse-line{width:72%;height:4px;border-radius:999px;background:#1f7a68;animation:guideProgress 2.4s ease-in-out infinite}.toggle-row{display:grid;grid-template-columns:auto 22px auto 22px auto;gap:8px;align-items:center;color:#657278;font-size:12px}.toggle-row i{width:22px;height:12px;border-radius:999px;background:#1f7a68;box-shadow:inset 10px 0 #fff;animation:guideToggle 2.8s ease-in-out infinite}.markdown-card{padding:14px;animation:guideFloat 3.6s ease-in-out infinite}.markdown-card p{margin-top:4px;font-size:13px}.repo-line{grid-template-columns:18px 1fr auto}.test-button-fake{width:fit-content;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:#fff;background:#1f7a68;font-size:13px;font-weight:800;animation:guidePress 3.2s ease-in-out infinite}.success-toast{justify-self:end;padding:9px 11px;color:#1f7a68;font-size:12px;font-weight:800;animation:guideToast 3.2s ease-in-out infinite}.guide-note{display:grid;gap:10px;border:1px solid #d8dee4;border-radius:8px;padding:18px;background:#fff}.guide-note h2{margin-top:0}.guide-note pre{overflow:auto;margin:0;border-radius:8px;padding:14px;color:#24292f;background:#f6f8fa;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.app-shell{width:min(1180px,100%);margin:0 auto;padding:28px 20px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.title-wrap,.account{display:flex;align-items:center;gap:12px}.title-wrap h1{font-size:27px}.account{min-width:0;color:#334147;font-weight:700}.account img{width:32px;height:32px;border-radius:50%}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid #d5dfdf;border-radius:8px;color:#27353a;background:#fff;cursor:pointer}.icon-button:disabled{cursor:not-allowed;opacity:.55}.workspace{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px;margin-bottom:18px}.setup-panel,.mapping-panel,.monitor-panel,.mapping-card,.event-card,.alert,.empty-state{border:1px solid #dbe4e2;border-radius:8px;background:#fff}.setup-panel,.mapping-panel,.monitor-panel{padding:22px}.setup-panel{display:grid;align-content:start;gap:18px}.panel-heading{display:grid;gap:6px}label{display:grid;gap:7px;color:#374449;font-size:14px;font-weight:700}.field-with-action{position:relative;display:block}.field-with-action label{min-width:0}.field-action{margin-bottom:3px}.repo-picker{position:relative;display:grid;gap:7px}.repo-control-row{display:grid;grid-template-columns:1fr 36px;gap:8px}.repo-trigger{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #cfdad9;border-radius:8px;padding:0 12px;color:#1f292d;background:#fff;cursor:pointer}.repo-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;display:grid;gap:8px;border:1px solid #cfdad9;border-radius:8px;padding:10px;background:#fff;box-shadow:0 18px 45px #1f2c3226}.repo-search{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;border:1px solid #dbe4e2;border-radius:8px;padding:0 10px;color:#657278;background:#f8faf9}.repo-search input{border:0;padding:0;background:transparent}.repo-search input:focus{outline:0}.repo-options{max-height:260px;overflow:auto;display:grid;gap:4px}.repo-option{display:grid;gap:3px;border:0;border-radius:8px;padding:10px;text-align:left;color:#1f292d;background:#fff;cursor:pointer}.repo-option:hover{background:#edf3f2}.repo-option:disabled{cursor:not-allowed;opacity:.58}.repo-option:disabled:hover{background:#fff}.repo-option span,.repo-empty{color:#657278;font-size:13px}.repo-empty{padding:14px;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#1823276b}.settings-modal{width:min(560px,100%);display:grid;gap:18px;border:1px solid #dbe4e2;border-radius:8px;padding:22px;background:#fff;box-shadow:0 24px 70px #1f2c322e}.copy-field{display:grid;grid-template-columns:1fr 36px;gap:8px;align-items:center}.copy-field code{min-width:0;overflow:hidden;border:1px solid #dbe4e2;border-radius:8px;padding:10px;color:#657278;text-overflow:ellipsis;white-space:nowrap;background:#f8faf9}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.danger-zone{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-top:1px solid #edf0f0;padding-top:18px}.danger-zone strong{color:#8f3121}.danger-zone p{margin-top:4px;font-size:13px}input,select,textarea{width:100%;border:1px solid #cfdad9;border-radius:8px;color:#1f292d;background:#fff}input,select{min-height:42px;padding:0 12px}textarea{min-height:122px;padding:11px 12px;line-height:1.5;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(21,129,116,.18);border-color:#158174}.checkbox-grid{display:grid;gap:10px}.checkbox-grid label{grid-template-columns:18px 1fr;align-items:center;gap:9px;font-weight:600}.checkbox-grid input{width:18px;min-height:18px}.mapping-panel{display:grid;align-content:start;gap:18px}.mapping-list{display:grid;gap:12px}.mapping-card{display:grid;gap:10px;padding:16px}.mapping-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.mapping-main{display:grid;gap:4px;min-width:0}.mapping-main strong,.mapping-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-main span,.option-row{color:#657278;font-size:13px}.option-row{display:flex;flex-wrap:wrap;gap:8px}.option-row span{border-radius:999px;padding:4px 9px;background:#edf3f2}.template-helper{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#657278;font-size:12px}.template-helper code{border:1px solid #dbe4e2;border-radius:999px;padding:3px 7px;color:#1f7a68;background:#f8faf9;font-size:12px}.template-preview{display:grid;gap:9px;border:1px solid #dbe4e2;border-radius:8px;padding:12px;background:#fff}.template-preview span{color:#657278;font-size:12px;font-weight:800}.github-markdown-preview{min-height:72px;overflow:auto;border:1px solid #d8dee4;border-radius:8px;padding:16px;color:#24292f;background:#fff;font-size:14px;line-height:1.5}.github-markdown-preview>:first-child{margin-top:0}.github-markdown-preview>:last-child{margin-bottom:0}.github-markdown-preview p,.github-markdown-preview ul,.github-markdown-preview ol,.github-markdown-preview blockquote,.github-markdown-preview table{margin:0 0 12px}.github-markdown-preview ul,.github-markdown-preview ol{padding-left:22px}.github-markdown-preview blockquote{border-left:4px solid #d0d7de;padding:0 1em;color:#57606a}.github-markdown-preview table{width:100%;border-spacing:0;border-collapse:collapse;font-size:13px}.github-markdown-preview th,.github-markdown-preview td{border:1px solid #d0d7de;padding:6px 10px}.github-markdown-preview tr:nth-child(2n){background:#f6f8fa}.github-markdown-preview code{border-radius:6px;padding:.2em .4em;background:#afb8c133;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:85%}.card-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.monitor-panel{display:grid;gap:16px}.monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.monitor-actions{display:grid;grid-template-columns:minmax(160px,220px) 36px;gap:8px;align-items:center}.monitor-actions select{min-height:36px}.monitor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.monitor-summary div{display:grid;gap:3px;border:1px solid #e2e9e8;border-radius:8px;padding:12px;background:#f8faf9}.monitor-summary span{color:#657278;font-size:13px}.monitor-summary strong{color:#1f292d;font-size:22px}.event-list{display:grid;gap:6px}.event-row{display:grid;grid-template-columns:74px 112px minmax(110px,1fr) minmax(120px,1fr) 86px minmax(140px,1fr) 88px minmax(120px,1fr);align-items:center;gap:10px;border:1px solid #dbe4e2;border-radius:8px;padding:8px 10px;background:#fff;color:#657278;font-size:12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;color:#2c3b40;background:#edf3f2;font-size:12px;font-weight:800}.status-pill.success{color:#1f6d55;background:#e8f6ef}.status-pill.failed{color:#8f3121;background:#fff4f0}.status-pill.duplicate{color:#6d5720;background:#fff7dc}.status-pill.test{color:#285c7d;background:#e9f5fb}.status-pill.processing{color:#5b4c88;background:#f1eefb}.event-row strong,.event-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-row strong{color:#1f292d}.event-detail-inline{color:#8b6f25}.pagination-row{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#657278;font-size:13px}.pagination-row div{display:flex;align-items:center;gap:10px}.dashboard-footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:24px 0 0}.dashboard-footer a{color:#657278;text-decoration:none;font-size:13px;font-weight:700}.dashboard-footer a:hover{color:#1f7a68}.skeleton-row{display:grid;gap:10px;border:1px solid #dbe4e2;border-radius:8px;padding:16px;background:#fff}.skeleton-row.compact{grid-template-columns:90px 1fr 1fr;padding:10px}.skeleton-row span{height:14px;border-radius:999px;background:linear-gradient(90deg,#edf3f2,#f8faf9,#edf3f2);background-size:200% 100%;animation:shimmer 1.15s ease-in-out infinite}.skeleton-row span:nth-child(2){width:72%}.skeleton-row span:nth-child(3){width:46%}.alert{margin-bottom:18px;padding:13px 15px;color:#8f3121;background:#fff4f0;border-color:#f0c8bd}.inline-warning{border:1px solid #f1d6a1;border-radius:8px;padding:10px 12px;color:#72561b;background:#fff8e6;font-size:13px;font-weight:700}.empty-state{padding:28px;color:#647176;text-align:center}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes guideFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes guideSlide{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes guideProgress{0%{transform:scaleX(.28);transform-origin:left;opacity:.55}60%,to{transform:scaleX(1);transform-origin:left;opacity:1}}@keyframes guideToggle{0%,to{box-shadow:inset 10px 0 #fff}50%{box-shadow:inset -10px 0 #fff}}@keyframes guidePress{0%,to{transform:scale(1)}45%{transform:scale(.96)}}@keyframes guideToast{0%,35%{opacity:0;transform:translateY(8px)}55%,to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.topbar,.workspace,.monitor-heading,.monitor-summary{grid-template-columns:1fr}.monitor-heading{display:grid}.monitor-actions{grid-template-columns:1fr 36px}.public-nav,.public-grid,.public-section,.final-cta,.danger-zone,.pagination-row,.event-row{grid-template-columns:1fr}.public-nav,.pagination-row{display:grid}.guide-steps section{grid-template-columns:1fr}.public-nav div{flex-wrap:wrap}.public-hero{min-height:auto;padding:34px 20px 24px}.public-hero h1{font-size:38px}.hero-product{position:relative;top:auto;right:auto;width:100%;margin-top:22px;transform:none}.supporter-line{grid-template-columns:1fr}.proof-strip{grid-template-columns:1fr;margin:18px auto 34px}.event-row{display:grid;align-items:start}.mapping-card-header{grid-template-columns:1fr}.topbar{align-items:flex-start}.account{width:100%;justify-content:flex-start;flex-wrap:wrap}.workspace{display:grid}}