@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap");:root{--accent:#cf4616;--accent-dark:#a9330f;--charcoal:#231f20;--text:#25282d;--muted:#667181;--line:#e2e6eb;--line-strong:#ccd3db;--bg:#f6f7f9;--surface:#ffffff;--soft:#fbfcfd;--danger:#b43b36;--success:#23855c;--warning-bg:#fff4ef;--shadow:0 18px 44px rgba(35,31,32,0.08);--radius:8px;--title:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body,html{overflow-x:hidden}body{margin:0;min-height:100dvh;color:var(--text);background:linear-gradient(90deg,rgba(207,70,22,.05),transparent 38%),var(--bg);font-family:var(--body);letter-spacing:0}button,input,select,textarea{font:inherit;min-width:0}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--text);padding:13px 14px;font-size:15px;font-weight:500;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8d98a5;font-size:13px;font-weight:400;opacity:.7}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(207,70,22,.12)}h1,h2,h3{margin:0;font-family:var(--title);letter-spacing:0}p{margin:0}a{color:var(--accent);font-weight:700;text-decoration:none}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(440px,100%);display:grid;grid-gap:18px;gap:18px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.login-logo{width:245px;max-width:100%;height:auto}.turnstile-box{min-height:65px;display:flex;align-items:center;overflow:hidden}.login-card h1{font-size:28px}.dev-note,.field small,.login-card p,.muted,.section-heading p,.toggle-field small,.workspace-header p{color:var(--muted);font-size:14px;line-height:1.45}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);width:100%;overflow-x:hidden}.app-shell,.sidebar{min-height:100dvh;max-width:100vw}.sidebar{position:fixed;inset:0 auto 0 0;z-index:4;align-self:start;min-width:0;width:236px;height:auto;max-height:100dvh;overflow-y:auto;scrollbar-width:thin;padding:24px 18px;border-radius:0 14px 14px 0;background:var(--charcoal);color:#fff;display:flex;flex-direction:column;gap:26px;box-shadow:12px 0 34px rgba(35,31,32,.1)}.brand-block{padding:0 4px 10px}.brand-logo{width:178px;height:auto;display:block}.nav-list{display:grid;grid-gap:8px;gap:8px;min-width:0;max-width:100%}.nav-list button{width:100%;min-height:42px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:rgba(255,255,255,.88);text-align:left;padding:0 12px;transition:background .14s ease,transform .14s ease}.compact-secondary:active,.filter-summary button:active,.nav-list button:active,.primary-button:active,.table-action:active{transform:translateY(1px)}.nav-list button.active,.nav-list button:hover{background:rgba(255,255,255,.1);color:#fff}.nav-list .nav-primary{background:var(--accent);color:#fff;font-weight:700;box-shadow:0 10px 28px rgba(207,70,22,.26)}.nav-list .nav-primary.active,.nav-list .nav-primary:hover{background:var(--accent-dark)}.user-box{margin-top:auto;display:grid;grid-gap:5px;gap:5px;padding:14px;border-radius:var(--radius);background:rgba(255,255,255,.08);min-width:0}.user-box span{color:rgba(255,255,255,.66);text-transform:capitalize;font-size:13px}.compact-secondary,.form-actions button:not(.primary-button),.user-box button{border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--text);padding:10px 12px;font-weight:700}.workspace{grid-column:2;padding:28px;min-width:0;width:100%}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.workspace-header h1{font-size:32px;line-height:1.1}.ready-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 13px;color:var(--muted);font-weight:700;font-size:13px}.ready-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success)}.alert{margin-bottom:16px;border-radius:var(--radius);padding:13px 14px;font-weight:700}.alert-success{border:1px solid rgba(35,133,92,.25);background:rgba(35,133,92,.08);color:var(--success)}.alert-error{border:1px solid rgba(180,59,54,.25);background:rgba(180,59,54,.08);color:var(--danger)}.request-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;grid-gap:24px;gap:24px}.panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:22px}.request-panel{display:grid;grid-gap:24px;gap:24px}.form-section{display:grid;grid-gap:18px;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line)}.form-section:last-of-type{border-bottom:0}.section-heading{display:grid;grid-gap:6px;gap:6px}.panel h2,.section-heading h2{font-size:20px}.field{display:grid;grid-gap:8px;gap:8px;font-weight:700;min-width:0}.field em,.segmented-field em{color:var(--accent);font-style:normal}.field small{font-weight:400}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;align-items:start}.repeater-field{align-content:start}.repeater-list{display:grid;grid-gap:8px;gap:8px}.repeater-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.repeater-remove{min-height:44px;white-space:nowrap}.repeater-add{width:-moz-fit-content;width:fit-content;font-weight:800}.template-save-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;align-items:end;grid-gap:12px;gap:12px;padding:14px;border:1px solid rgba(207,70,22,.24);border-radius:var(--radius);background:rgba(207,70,22,.04)}.primary-button{border:0;border-radius:var(--radius);background:var(--accent);color:#fff;padding:12px 16px;font-weight:800;box-shadow:0 12px 28px rgba(207,70,22,.22)}.primary-button:hover{background:var(--accent-dark)}.primary-button:disabled,button:disabled{cursor:not-allowed;opacity:.58}.primary-button.compact{min-width:126px;padding:12px 14px}.segmented-field{display:grid;grid-gap:8px;gap:8px;font-weight:700}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);padding:4px}.segmented-compact{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;gap:3px;padding:3px}.segmented button{min-height:40px;min-width:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented-compact button{min-width:152px;padding:0 18px}.segmented button.selected{background:#fff;color:var(--text);box-shadow:0 2px 8px rgba(35,31,32,.08)}.toggle-field{display:grid;grid-gap:8px;gap:8px;font-weight:700}.toggle-field label{position:relative;min-height:64px;display:grid;grid-gap:4px;gap:4px;padding:12px 74px 12px 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--soft)}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-field i{position:absolute;top:21px;right:14px;width:46px;height:28px;border-radius:999px;background:#cfd5dc}.toggle-field i:after{content:"";position:absolute;width:22px;height:22px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .14s ease}.toggle-field input:checked+i{background:var(--accent)}.toggle-field input:checked+i:after{transform:translateX(18px)}.form-actions{display:flex;align-items:center;gap:12px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-icon{width:16px;height:16px;flex:0 0 auto}.side-stack{display:grid;grid-gap:18px;gap:18px;position:-webkit-sticky;position:sticky;top:28px}.summary-list{display:grid;grid-gap:0;gap:0;margin:18px 0}.summary-list div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:10px 0}.summary-list dt{color:var(--muted);min-width:0}.summary-list dd{margin:0;text-align:right;font-weight:800;min-width:0;overflow-wrap:anywhere}.payload-preview{width:100%;max-height:280px;overflow:auto;border-radius:var(--radius);background:#242020;color:#f5f0ee;padding:16px;font-family:var(--mono);font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.soft-warning{border-color:rgba(207,70,22,.22);background:var(--warning-bg);color:#7a2d14;box-shadow:none;line-height:1.45}.steps{display:grid;grid-gap:10px;gap:10px;padding:0;margin:18px 0 0;list-style:none}.steps li{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.steps span{color:var(--muted);font-size:13px;line-height:1.4}.grid-view{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.webhook-view{grid-template-columns:minmax(0,1fr)}.stack-form{display:grid;grid-gap:16px;gap:16px;margin-top:18px}.table-wrap{width:100%;max-width:100%;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch;margin-top:18px}.submission-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));grid-gap:14px;gap:14px;align-items:end;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.filter-summary{grid-column:1/-1;min-height:auto;min-width:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted)}.filter-summary span{min-width:0;overflow-wrap:anywhere}.filter-summary strong{color:var(--text);font-size:20px}.filter-summary button{margin-left:0;padding:9px 11px}.filter-summary button,.table-action{border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--text);font-weight:800}.table-action{padding:8px 10px}.table-action-subtle{min-width:34px;min-height:32px;padding:4px 9px 7px;border-color:rgba(35,31,32,.12);color:var(--muted);font-size:18px;line-height:1}.table-action-subtle:hover{border-color:rgba(207,70,22,.45);color:var(--accent);background:rgba(207,70,22,.06)}.users-admin-view{display:grid;grid-gap:18px;gap:18px}.users-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 190px auto;grid-gap:16px;gap:16px;align-items:end;padding:18px}.users-toolbar-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;min-width:0}.users-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.users-layout,.users-panel-stack{display:grid;grid-gap:18px;gap:18px}.users-panel-stack{position:-webkit-sticky;position:sticky;top:28px}.users-table-card{padding:0;overflow:hidden}.users-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 14px}.user-editor-title h2,.users-table-header h2{font-size:20px}.users-table-wrap{width:100%;overflow:auto}.users-table{width:100%;min-width:720px;border-collapse:collapse}.users-table th{padding:12px 22px;background:#fff}.users-table td{padding:14px 22px;vertical-align:middle}.user-row{cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.user-row:hover{background:#fbfcfd}.user-row.selected{background:rgba(207,70,22,.055);box-shadow:inset 4px 0 0 var(--accent)}.user-person{display:flex;align-items:center;gap:12px;min-width:260px}.user-person>span:last-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.user-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-person small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.user-avatar{width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;border-radius:50%;background:rgba(207,70,22,.11);color:var(--accent);font-weight:900;font-size:13px}.user-avatar.large{width:48px;height:48px;flex-basis:48px;font-size:15px}.role-badge{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:5px 10px;background:#eef2f5;color:var(--muted);font-size:12px;font-weight:800}.role-admin{background:rgba(207,70,22,.11);color:var(--accent-dark)}.role-content{background:rgba(35,31,32,.06);color:var(--text)}.user-editor-card{display:grid;grid-gap:2px;gap:2px}.user-editor-title{display:grid;grid-gap:5px;gap:5px}.user-editor-title.with-avatar{display:flex;align-items:center;gap:12px}.user-password-box{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.user-password-box p{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45}.user-archive-row{display:grid;grid-gap:8px;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.user-archive-row button{justify-self:start}.user-archive-row small{color:var(--muted);font-size:13px;line-height:1.45}.user-account-card{display:grid;grid-gap:6px;gap:6px}.user-account-card span,.user-account-card strong{overflow-wrap:anywhere}.user-account-card span{color:var(--muted);font-size:14px;margin-bottom:8px}.client-name-cell{display:grid;grid-gap:4px;gap:4px;min-width:210px}.client-name-cell span{color:var(--muted);font-size:13px;font-weight:600}.client-edit-panel{display:grid;grid-gap:18px;gap:18px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.client-edit-panel h3{font-size:18px}table{width:max-content;min-width:100%;border-collapse:collapse}td,th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:13px;font-weight:800}.empty-table-cell{height:96px;color:var(--muted);text-align:center}.submission-detail{display:grid;grid-gap:18px;gap:18px;margin-top:22px;padding:18px;border:1px solid rgba(207,70,22,.22);border-radius:var(--radius);background:rgba(207,70,22,.035)}.submission-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.submission-detail-header h3{font-size:19px}.submission-detail-header p{margin-top:5px;color:var(--muted)}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.detail-link{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:0 12px}.detail-grid,.webhook-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));grid-gap:12px;gap:12px;margin:0}.detail-grid div,.webhook-config div{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.detail-grid dt,.webhook-config dt{color:var(--muted);font-size:13px;font-weight:800}.detail-grid dd,.webhook-config dd{margin:5px 0 0;font-weight:700;word-break:break-word}.webhook-endpoint-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));grid-gap:12px;gap:12px;align-items:end;margin-top:18px;border:1px solid rgba(207,70,22,.22);border-radius:var(--radius);background:rgba(207,70,22,.035);padding:14px}.webhook-endpoint-form .field{min-width:0}.webhook-endpoint-form .primary-button{align-self:end;justify-self:start;min-width:150px}.webhook-token-result{display:grid;grid-gap:10px;gap:10px;margin-top:14px;border:1px solid rgba(35,133,92,.22);border-radius:var(--radius);background:rgba(35,133,92,.06);padding:14px}.webhook-token-result p,.webhook-token-result small{color:var(--muted)}.webhook-token-result code{display:block;max-width:100%;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;font-family:var(--mono);font-size:12px}.webhook-token-result button{justify-self:start}.webhook-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.webhook-fallback{display:grid;grid-gap:6px;gap:6px;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.webhook-fallback small,.webhook-token-state{color:var(--muted);font-size:13px}.webhook-endpoint-list{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.webhook-endpoint-card{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px}.webhook-endpoint-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.webhook-endpoint-header h3{font-size:17px;margin-bottom:5px}.webhook-endpoint-actions{display:flex;flex-wrap:wrap;gap:10px}.danger-button{color:var(--danger)}.empty-state.compact{min-height:auto;padding:18px}.qa-summary,.seo-result{display:grid;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.qa-summary p,.seo-result dd{color:var(--muted);line-height:1.5}.seo-result{gap:12px}.seo-result dl{display:grid;grid-gap:10px;gap:10px;margin:0}.seo-result div{display:grid;grid-gap:4px;gap:4px}.seo-result dt{color:var(--text);font-size:13px;font-weight:800}.seo-result dd{margin:0;overflow-wrap:anywhere}.keyword-chips{display:flex;flex-wrap:wrap;gap:7px}.keyword-chips span{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(207,70,22,.2);border-radius:999px;background:rgba(207,70,22,.06);color:#7a2d14;padding:4px 9px;font-size:12px;font-weight:800}.detail-json-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.detail-json-grid.single{grid-template-columns:1fr;margin-top:18px}.detail-json-grid h4{margin:0 0 8px;font-family:var(--title);font-size:14px}.empty-json,.json-block{width:100%;min-height:160px;max-height:360px;overflow:auto;border-radius:var(--radius);background:#242020;color:#f5f0ee;padding:14px;font-family:var(--mono);font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.empty-json{display:grid;place-items:center;background:#f0f2f4;color:var(--muted);font-family:var(--body)}.mono-cell{font-family:var(--mono);font-size:12px;max-width:260px;overflow-wrap:anywhere}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;margin-top:18px}.template-card{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.template-card h3{font-size:17px}.template-card p{color:var(--muted);line-height:1.45}.template-card dl{display:grid;grid-gap:8px;gap:8px;margin:0}.template-card div{display:grid;grid-template-columns:70px 1fr;grid-gap:12px;gap:12px}.template-card dt{color:var(--muted)}.template-card dd{margin:0;font-weight:700}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eef2f5;color:var(--muted);font-weight:800;font-size:12px}.status-accepted,.status-completed{background:rgba(35,133,92,.12);color:var(--success)}.status-failed,.status-webhook_error{background:rgba(180,59,54,.12);color:var(--danger)}.status-active{background:rgba(35,133,92,.12);color:var(--success)}.status-inactive{background:#eef2f5;color:var(--muted)}@media (max-width:1180px){.grid-view,.request-layout,.users-layout{grid-template-columns:1fr}.side-stack,.users-panel-stack{position:static}}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;inset:auto;z-index:5;top:0;width:auto;height:auto;min-height:0;max-height:none;padding:14px;border-radius:0 0 14px 14px;gap:14px;overflow:hidden;box-shadow:0 12px 28px rgba(35,31,32,.16)}.brand-block{padding:0}.brand-logo{width:164px}.nav-list{display:flex;gap:8px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin}.nav-list button{flex:0 0 auto;width:auto;min-width:max-content;padding:0 14px;text-align:center}.user-box{margin-top:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 12px}.user-box span{grid-column:1}.user-box button{grid-column:2;grid-row:1/span 2}.workspace{grid-column:1;padding:20px;max-width:100vw}.detail-grid,.detail-json-grid,.submission-filters,.template-save-box,.two-col,.users-toolbar,.webhook-config,.webhook-endpoint-form,.workspace-header{grid-template-columns:1fr}.workspace-header{display:grid}.filter-summary{flex-wrap:wrap}.filter-summary,.users-toolbar-actions{justify-content:flex-start}}@media (max-width:640px){.login-screen{align-items:start;padding:16px}.login-card{padding:20px}.workspace{padding:14px}.workspace-header{gap:12px;margin-bottom:14px}.workspace-header h1{font-size:26px}.ready-pill{width:100%;justify-content:center}.panel{padding:16px}.request-panel{gap:18px}.form-section{gap:15px;padding-bottom:20px}input,select,textarea{padding:12px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-compact{display:grid;width:100%;grid-template-columns:1fr}.segmented-compact button{min-width:0}.repeater-row{grid-template-columns:1fr}.repeater-add{width:100%}.template-save-box{padding:12px}.detail-actions,.form-actions,.users-toolbar-actions{display:grid;grid-template-columns:1fr}.compact-secondary,.detail-actions a,.detail-actions button,.form-actions button,.primary-button.compact,.users-toolbar-actions button{width:100%;justify-content:center;text-align:center}.users-table-header{padding:16px}.users-table{min-width:620px}.submission-detail{padding:14px}.submission-detail-header{display:grid;grid-gap:10px;gap:10px}.template-grid{grid-template-columns:1fr}}@media (max-width:420px){.sidebar{padding:12px}.brand-logo{width:148px}.nav-list button{min-height:40px;padding:0 12px}.workspace{padding:12px}.workspace-header h1{font-size:24px}}