:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#142629;--muted:#50686b;--accent:#087c71;--border:#dce6e3}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f4f7f4;margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:1160px;margin:auto;padding:32px 40px}header,footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{letter-spacing:.1em;color:var(--ink);font-size:14px;font-weight:800;text-decoration:none}.brand span{color:var(--accent)}.badge{border:1px solid var(--border);background:#fff;border-radius:50px;padding:8px 12px;font-size:12px}.intro{padding:90px 0 52px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:11px;font-weight:700}h1{letter-spacing:-.05em;margin:24px 0;font-size:clamp(38px,6vw,72px);line-height:1.03}.lead{max-width:600px;color:var(--muted);font-size:18px;line-height:1.6}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}article{border:1px solid var(--border);background:#fff;border-radius:18px;padding:28px}.number{color:var(--accent);background:#eaf5ee;border-radius:10px;padding:10px;font-size:12px;font-weight:700;display:inline-flex}h2{letter-spacing:-.03em;margin:22px 0 10px;font-size:23px}article p,aside p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.6}aside{border-left:3px solid var(--accent);margin-top:28px;padding:8px 20px;font-size:14px}aside p{margin-top:5px}footer{color:var(--muted);padding:40px 0 12px;font-size:12px}footer a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media (max-width:700px){main{padding:24px}.intro{padding:60px 0 30px}.cards{grid-template-columns:1fr}article{padding:24px}h1{font-size:44px}.lead{font-size:16px}footer{flex-direction:column;align-items:flex-start}}
button,.button-link,.file-button{color:#fff;font:inherit;cursor:pointer;background:#087c71;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button-link:hover{background:#076459}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #62b8a4}.secondary{color:#244346;background:#fff;border-color:#d6e1df}.secondary:hover{background:#edf5f0}.link-button{color:#087c71;background:0 0;justify-content:flex-start;padding:10px 0}.link-button:hover{background:0 0;text-decoration:underline}.small-button{min-height:32px;padding:6px 10px;font-size:12px}.small{font-size:12px}.muted{color:#607576}.block{display:block}.error,.success,.notice{border-radius:10px;padding:14px 18px;font-size:14px;line-height:1.6}.error{color:#8c3022;background:#fff0ec;border:1px solid #f2c5ba}.success{color:#235d3b;background:#e4f4e7;border:1px solid #b4ddc2}.notice{color:#6b551a;background:#fff6dc}.hero-actions{align-items:center;gap:22px;margin-top:30px;display:flex}.hero-actions span{color:#607576;font-size:13px}.nav-login{color:#087c71;font-size:14px;font-weight:600;text-decoration:none}label{color:#284548;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}input,select,textarea{color:#173538;width:100%;font:inherit;background:#fff;border:1px solid #d4dfdd;border-radius:9px;padding:11px 12px;font-size:14px;line-height:1.4}textarea{resize:vertical}small{color:#6a7f80;font-size:11px;font-weight:400}input[type=checkbox]{accent-color:#087c71;width:17px;height:17px}.check{flex-direction:row;align-items:center;gap:10px}.stack{flex-direction:column;gap:18px;display:flex}.stack>button{align-self:flex-start}.form-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.form-grid>button{place-self:end start}.inline-form{align-items:flex-end;gap:14px;margin:20px 0;display:flex}.inline-form>label{flex:1}.auth-shell{max-width:560px;padding-top:45px}.auth-card{background:#fff;border:1px solid #dce6e3;border-radius:20px;margin-top:40px;padding:36px}.auth-card h1{letter-spacing:-.04em;margin:18px 0;font-size:35px}.auth-card form{flex-direction:column;gap:18px;margin-top:26px;display:flex}.auth-card .link-button{margin-top:14px}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border:0;border-right:1px solid #dce6e3;flex-direction:column;gap:26px;height:100vh;margin:0;padding:32px 20px;display:flex;position:sticky;top:0}.sidebar .brand{font-size:12px}.sidebar-user{flex-direction:column;gap:6px;font-size:14px;display:flex}.sidebar-user span{color:#6a7f80;font-size:11px}.workspace-label{letter-spacing:.02em;font-size:11px}.sidebar nav{flex-direction:column;flex:1;gap:7px;display:flex}.sidebar nav button{color:#50686b;text-align:left;background:0 0;justify-content:flex-start;padding:11px 12px;font-weight:500}.sidebar nav button span{width:22px;font-size:19px;line-height:1}.sidebar nav button.active{color:#086d63;background:#e7f4ed;font-weight:700}.sidebar nav button:hover{background:#eff5f1}.app-main{width:100%;max-width:1400px;margin:0;padding:38px 42px}.app-header{margin-bottom:32px}.app-header h1{letter-spacing:-.04em;margin:9px 0;font-size:34px}.app-header .eyebrow{margin:0}.mode{letter-spacing:.04em;white-space:nowrap;border:1px solid #ccdeda;border-radius:30px;padding:10px 12px;font-size:10px;font-weight:700}.mode-simulation{color:#785b16;background:#fdf4d9;border-color:#efdea8}.mode-live{color:#1e6544;background:#dff3e7}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.stats article{flex-direction:column;gap:14px;padding:24px;display:flex}.stats article>span{color:#607576;font-size:12px}.stats strong{letter-spacing:-.03em;font-size:30px}.panel{background:#fff;border:1px solid #dce6e3;border-radius:16px;min-width:0;margin-bottom:24px;padding:28px}.panel h2{margin:0 0 20px;font-size:21px}.panel>p{font-size:14px;line-height:1.6}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.section-heading h2{margin:0}.two-col{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:24px;display:grid}.note-panel p{color:#607576;font-size:14px;line-height:1.7}.demo-info{background:#fff7df;border-radius:10px;padding:16px}.quote{background:#edf7f0;border:1px solid #cce3d4;border-radius:12px;padding:20px}.quote>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.quote strong{font-size:25px}.quote span,.quote p{color:#42665c;font-size:12px;line-height:1.6}.quote button{margin-top:10px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#657d7a;white-space:nowrap;background:#f7f9f6;font-weight:500}th,td{vertical-align:top;border-bottom:1px solid #e7eeea;padding:14px 12px}td{line-height:1.5}td strong{font-weight:500}.message-preview{color:#657d7a;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin:5px 0 0;overflow:hidden}.message-text{white-space:pre-wrap;word-break:break-word;max-width:500px}.status{white-space:nowrap;color:#4a6260;background:#edf1ee;border-radius:30px;padding:5px 9px;font-size:10px;display:inline-flex}.status-delivered,.status-approved,.status-completed{color:#266340;background:#e1f3e7}.status-unknown,.status-pending{color:#775514;background:#fff0cd}.status-failed,.status-rejected{color:#9a452f;background:#fae7df}.status-queued,.status-accepted,.status-scheduled,.status-running{color:#466181;background:#e7eef9}.empty{text-align:center;color:#6a7f80;padding:32px 15px;font-size:14px}.list-row{border-bottom:1px solid #e7eeea;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;font-size:13px;display:flex}.secret{overflow-wrap:anywhere;background:#fff5d8;border:1px solid #ecdca7;border-radius:10px;padding:16px;font-size:12px}code{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px}.file-button{color:#245547;background:#edf5f0}.file-button input{display:none}@media (max-width:1000px){.app-main{padding:28px 24px}.two-col{grid-template-columns:1fr}.stats{gap:10px}.stats strong{font-size:23px}.sidebar{padding:28px 14px}.app-shell{grid-template-columns:210px minmax(0,1fr)}}@media (max-width:720px){.app-shell{display:block}.sidebar{border-bottom:1px solid #dce6e3;border-right:0;gap:16px;height:auto;padding:20px;position:static}.sidebar-user{display:none}.sidebar nav{flex-direction:row;gap:5px;overflow-x:auto}.sidebar nav button{white-space:nowrap;padding:9px;font-size:12px}.sidebar nav button span{display:none}.sidebar .link-button{position:absolute;top:9px;right:20px}.workspace-label{max-width:250px}.app-main{padding:26px 16px}.app-header{flex-direction:column;align-items:flex-start;gap:10px}.app-header h1{font-size:29px}.stats{grid-template-columns:1fr}.stats article{padding:18px}.stats strong{font-size:28px}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.section-heading,.quote>div{flex-direction:column;align-items:flex-start}.auth-card{padding:26px}.hero-actions{flex-direction:column;align-items:flex-start}.list-row{align-items:flex-start}.app-main table{min-width:500px}}.code-example{white-space:pre;color:#ecfff8;background:#102c30;border-radius:10px;max-width:100%;padding:18px;font-size:12px;line-height:1.8;overflow-x:auto}