:root{color-scheme:light;--ink:#192b26;--muted:#53665b;--line:#dbe4dc;--paper:#f6f8f3;--green:#245f46;--lime:#d4ea8a;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',sans-serif;font-size:15px;line-height:1.5}a{color:var(--green)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8dbb74;outline-offset:3px}::selection{background:#d4ea8a}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em;font-weight:650}h2{font-size:25px;letter-spacing:-.025em}h3{font-size:17px}.muted,.section-head p,.field-group p,.connect-row p,.empty p{color:var(--muted)}.small,small{font-size:12px}small{display:block;color:var(--muted);margin-top:5px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:750;font-size:22px;color:var(--green);letter-spacing:-.05em}.brand:first-letter{color:#81a550}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{padding:45px 8%;display:flex;flex-direction:column;justify-content:space-between;background:#e6efdc}.intro-line{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.05em;font-weight:650;margin-bottom:24px}.auth-intro .muted{max-width:370px;font-size:17px}.auth-panel{display:grid;place-items:center;background:#fff;padding:48px 24px}.auth-content{width:min(100%,400px)}.auth-content h1{font-size:36px;margin-bottom:12px}.auth-content>p{margin-bottom:28px}.tabs{display:flex;border-bottom:1px solid var(--line);margin:32px 0 25px}.tabs button{background:none;border:0;padding:12px 20px 12px 0;margin-right:24px;color:var(--muted)}.tabs button.active{color:var(--ink);border-bottom:2px solid var(--green);font-weight:650}form label{display:block;font-weight:600;font-size:13px;margin-bottom:17px}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #cbd8cd;border-radius:7px;padding:11px 12px;margin-top:7px;color:var(--ink);background:#fff}input::placeholder,textarea::placeholder{color:#84958c}textarea{resize:vertical}.primary,.outline{border-radius:7px;padding:12px 16px;font-weight:650}.primary{background:var(--green);border:1px solid var(--green);color:white;width:100%;display:flex;justify-content:space-between;gap:25px;align-items:center}.primary:hover{background:#194b36}.compact{width:auto}.outline{background:white;border:1px solid #aabfb0;color:var(--ink);white-space:nowrap}.outline:hover{background:#eff6ed}.auth-note{margin-top:34px;border-top:1px solid var(--line);padding-top:22px}.notice{padding:14px 16px;margin-bottom:20px;background:#edf5dc;border:1px solid #c7dca6;border-radius:7px;color:#284a31}.shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{background:#eef3ea;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 10px;margin-bottom:60px}.sidebar-label{font-size:11px;letter-spacing:.1em;color:#526b59;font-weight:700;padding:0 10px;margin-bottom:12px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;justify-content:space-between;padding:11px 10px;text-decoration:none;color:#536b5e;border-radius:6px;font-weight:600}.sidebar nav a:first-child,.sidebar nav a:hover{background:#dce9d8;color:#1f593e}.sidebar nav a span{color:#789181}.sidebar-bottom{margin-top:auto;border-top:1px solid #d2dfd0;padding:20px 3px 0;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.avatar{width:34px;height:34px;background:#d2e5b1;border-radius:50%;display:grid;place-items:center;font-weight:700}.account{min-width:0}.account strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px}.account small{margin:0}.sidebar-bottom form{grid-column:2}.logout{border:0;background:none;padding:0;color:var(--muted);font-size:12px}.main{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 6%;display:flex;justify-content:space-between;align-items:center}.slash{color:#c2cdc3;margin:0 8px}.status{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.dot,.scenario-dot{width:8px;height:8px;border-radius:50%;background:#a6b5a9;display:inline-block;flex:none}.dot.on,.scenario-dot{background:#4b9561}.content{max-width:1230px;margin:auto;padding:48px 6%}.intro{display:flex;justify-content:space-between;gap:40px;align-items:start}.lead{color:var(--muted);max-width:580px;margin-top:15px;font-size:16px}.summary{min-width:210px;border-left:1px solid #cdd9cc;padding-left:24px;display:grid;gap:4px}.summary span{font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:700}.summary strong{font-size:21px}.summary small{margin:0}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0 50px;padding:18px 20px;background:#e8f0e3;border-radius:8px}.flow div{display:flex;align-items:center;gap:9px;color:#4c6856;font-size:12px;font-weight:600}.flow b{width:23px;height:23px;border:1px solid #a9c3a5;border-radius:50%;display:grid;place-items:center}.section{padding:32px 0;border-top:1px solid #cddbd0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:26px}.section-head p{margin-top:5px}.tag{font-size:11px;letter-spacing:.08em;font-weight:700;color:#42664e;background:#e3eee0;padding:6px 9px;border-radius:4px}.count{background:#e1eadc;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 50px}.field-group p{font-size:13px;margin:6px 0 20px;max-width:390px;min-height:40px}.settings-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px}.check{display:flex;align-items:center;gap:9px;margin:0;font-weight:600}.check input{accent-color:var(--green);width:17px;height:17px}.connect-row{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);padding:20px;margin-top:26px;border-radius:8px}.connect-row p{font-size:13px;margin-top:4px}.verify-row{display:flex;align-items:end;gap:12px;margin-top:15px}.verify-row label{margin:0;max-width:320px;flex:1}.scenario-list{border-top:1px solid var(--line)}.scenario{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.scenario summary{padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.scenario summary>div{display:grid;grid-template-columns:10px 1fr;gap:0 10px;align-items:center}.scenario summary small{grid-column:2}.scenario summary>span{color:var(--green);font-size:13px;font-weight:600}.scenario-dot.off{background:#b4bdb4}.scenario-form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:10px 0}.scenario-form .check{align-self:center;margin-bottom:17px}.scenario-form .primary{align-self:start}.danger{background:none;border:0;color:#a2463d;margin:0 0 18px;padding:0}.add-scenario>summary{padding:18px 0;color:var(--green);font-weight:700}.empty{padding:26px 0;color:var(--ink)}.empty p{font-size:13px;margin-top:4px}.activity{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:13px}.activity time{color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:25px;margin-top:20px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}@media(max-width:800px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px 20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px}.sidebar .brand{margin:0;padding:0}.sidebar-label{display:none}.sidebar nav{display:flex;overflow:auto;order:3;width:100%}.sidebar nav a{white-space:nowrap}.sidebar nav a span{display:none}.sidebar-bottom{margin-left:auto;margin-top:0;border:0;padding:0;display:flex}.account{display:none}.sidebar-bottom form{grid-column:auto}.topbar{height:54px}.content{padding-top:32px}.flow{grid-template-columns:1fr 1fr}.intro{display:block}.summary{margin-top:25px}.settings-grid{grid-template-columns:1fr;gap:12px}.settings-actions{grid-column:auto}.field-group p{min-height:0}.auth-layout{grid-template-columns:1fr}.auth-intro{min-height:260px;padding:28px}.auth-intro>div{margin-top:35px}.intro-line{font-size:43px}.auth-intro>.small{display:none}}@media(max-width:480px){.status{font-size:0}.status .dot{width:10px;height:10px}.content{padding-left:20px;padding-right:20px}.flow{grid-template-columns:1fr}.scenario-form{grid-template-columns:1fr}.settings-actions,.connect-row{align-items:stretch;flex-direction:column}.settings-actions .primary{width:100%}.activity{grid-template-columns:1fr;gap:3px}footer{display:block}footer span{display:block;margin-top:8px}}


.client-switch{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:34px;background:#e8f0e3;border-radius:8px}.client-switch form{display:flex;align-items:end;gap:10px}.client-switch label{margin:0;min-width:220px}.client-switch select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #aabfb0;border-radius:7px;background:white;color:#192b26}.client-switch summary{color:#245f46;font-weight:650}.client-switch details form{margin-top:12px}@media(max-width:600px){.client-switch{align-items:stretch;flex-direction:column}.client-switch form{flex-wrap:wrap}.client-switch label{min-width:0;flex:1}}

.api-controls{margin-top:30px}.token-page{min-height:100vh}.token-page h1{margin:40px 0 16px}.token-page label{display:block;margin-top:25px;font-size:13px;font-weight:600}.token-page input{font-family:Consolas,monospace}.token-help{margin:12px 0 28px}.token-back{text-decoration:none}.token-page .auth-content>p{margin-bottom:0}
.api-download{margin:16px 0 20px;font-size:13px}.api-download a{font-weight:600;text-underline-offset:3px}
