body{--bg: #f4f6fb;--panel: #ffffff;--border: #dbe2ef;--text: #23293a;--muted: #61708b;--accent: #3462d8;--ok: #148a5f}input,select,textarea{background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:1px;border-color:var(--accent)}.card{box-shadow:0 1px 3px #23293a0f}[hidden]{display:none!important}main{max-width:980px}.intro{max-width:720px}.login-card{max-width:420px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 .75rem}.toolbar-actions{display:flex;gap:.5rem}.tabbar{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin:0 0 1rem}.tab{margin:0 0 -1px;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;color:var(--muted);padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer}.tab:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 6%,transparent)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.mini{margin-top:0;background:transparent;color:var(--muted);border:1px solid var(--border);padding:.25rem .6rem;border-radius:6px;font-size:.78rem;font-weight:500}.mini:hover{color:var(--text);border-color:var(--muted)}a.linklike{display:inline-block;text-decoration:none;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.feedback{font-size:.85rem;margin:.5rem 0 0}.feedback.err{color:#cf3f3f}.feedback.ok{color:var(--ok)}.vslug{color:var(--muted);font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cust{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 .45rem}.docs{display:grid;gap:.75rem}.ccard{max-width:880px}.idcard-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.1rem}.idcard-head h2{margin:0;font-size:1.15rem;line-height:1.35}.role-line{margin:0 0 .25rem;font-size:.85rem}.poc-card{border-top:3px solid var(--site-accent, var(--accent))}.poc-id{display:flex;align-items:center;gap:.55rem;min-width:0}.poc-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.9rem;height:1.9rem;font-size:1rem;border-radius:8px;background:color-mix(in srgb,var(--site-accent, var(--accent)) 12%,transparent)}.pocrows{display:grid;gap:.5rem;margin:.5rem 0}.pocrow{border:1px solid var(--border);border-radius:8px}.pocrow.open{border-color:color-mix(in srgb,var(--site-accent, var(--accent)) 40%,var(--border));box-shadow:0 1px 4px #23293a0f}.pocrow-head{display:flex;align-items:center;gap:.5rem;padding:.2rem .6rem .2rem .2rem}.pocrow-toggle{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0;padding:.5rem .55rem;background:transparent;border:none;border-radius:7px;color:var(--text);font-size:.9rem;text-align:left;cursor:pointer}.pocrow-toggle:hover{background:color-mix(in srgb,var(--site-accent, var(--accent)) 6%,transparent)}.chev{flex:none;display:inline-block;color:var(--muted);font-size:.75em;transition:transform .15s ease}.chev:before{content:"▸"}.pocrow.open .chev{transform:rotate(90deg)}.pill{flex:none;font-size:.65rem;font-weight:500;letter-spacing:.02em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:0 .45rem}.pill.warn{color:#a05a00;border-color:#d99a3d}.pocrow>.feedback{display:block;margin:0;padding:0 .8rem .45rem}.pocrow-details{border-top:1px solid var(--border);padding:.1rem .8rem .75rem}.cd-tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin:.6rem 0 0}.cd-tab{margin:0;padding:.32rem .7rem;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:500;cursor:pointer}.cd-tab:hover{color:var(--text);border-color:color-mix(in srgb,var(--site-accent, var(--accent)) 45%,var(--border))}.cd-tab.active{color:var(--site-accent, var(--accent));border-color:var(--site-accent, var(--accent));background:color-mix(in srgb,var(--site-accent, var(--accent)) 8%,transparent);font-weight:600}.cd-tab.danger{color:color-mix(in srgb,#b23c3c 75%,var(--muted))}.cd-tab.danger:hover{color:#b23c3c;border-color:color-mix(in srgb,#cf3f3f 45%,var(--border))}.cd-tab.danger.active{color:#b23c3c;border-color:#cf3f3f;background:color-mix(in srgb,#cf3f3f 7%,transparent)}.cd-section{padding:.6rem .75rem .55rem;margin:.55rem 0;border:1px solid var(--border);border-radius:8px}.cd-title{margin:0 0 .15rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.cd-desc{margin:0 0 .55rem;font-size:.76rem;color:var(--muted)}.cd-desc code{font-size:.72rem}.cd-subtitle{display:block;margin:0 0 .35rem;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.cd-note{text-transform:none;letter-spacing:0;font-weight:400;margin-left:.3rem}.cd-line{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.55rem}.cd-line+.cd-line{margin-top:.5rem}.cd-field{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;gap:.2rem;margin:0;font-size:.85rem}.cd-field>span{font-size:.68rem;color:var(--muted);letter-spacing:.02em}.cd-field input,.cd-field select{width:100%;margin:0;padding:.3rem .5rem;font-size:.8rem}.cd-line>.mini{flex:none;margin-bottom:.1rem}.cd-hint{margin:.4rem 0 0;font-size:.72rem;color:var(--muted)}.cd-empty{margin:0;font-size:.8rem;color:var(--muted)}.hint-inline{flex:none;font-size:.72rem;white-space:nowrap}.cd-accounts{display:grid;gap:.4rem}.account-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.account-row input{margin:0;padding:.3rem .5rem;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.account-row .mini{flex:none;margin-bottom:.1rem}.account-add{margin-top:.55rem;padding-top:.5rem;border-top:1px dashed var(--border)}.cd-danger{border-color:color-mix(in srgb,#cf3f3f 35%,var(--border));background:color-mix(in srgb,#cf3f3f 3%,transparent)}.cd-danger .cd-title{color:#b23c3c}.cd-danger-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0}.cd-danger-row p{margin:0;font-size:.78rem;color:var(--muted)}.cd-danger-row strong{color:var(--text);font-size:.78rem}.mini.danger{color:#b23c3c;border-color:color-mix(in srgb,#cf3f3f 40%,var(--border))}.mini.danger:hover{color:#fff;background:#cf3f3f;border-color:#cf3f3f}.poc-addwrap{margin-top:.25rem}.addbtn{font-weight:600;color:var(--site-accent, var(--accent));border-color:color-mix(in srgb,var(--site-accent, var(--accent)) 40%,transparent)}.addbtn:hover{color:var(--site-accent, var(--accent));border-color:var(--site-accent, var(--accent));background:color-mix(in srgb,var(--site-accent, var(--accent)) 6%,transparent)}.poc-add{margin-top:.55rem;padding:.6rem .75rem .7rem;border:1px dashed var(--border);border-radius:8px}.settings-card{margin-top:0}.setting-group h3{display:flex;align-items:baseline;gap:.5rem;margin:1rem 0 .4rem;font-size:.95rem}.setting-group:first-child h3{margin-top:.5rem}.setting-rows{display:grid;gap:.4rem}.setting-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:8px;padding:.45rem .6rem}.setting-id{flex:0 0 250px;min-width:0;display:flex;flex-direction:column;gap:.1rem}.setting-label{font-size:.84rem;font-weight:600;line-height:1.3}.setting-key{font-size:.7rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.setting-row input,.setting-row select{width:auto;flex:1 1 220px;min-width:0;margin:0;padding:.3rem .5rem;font-size:.8rem}.setting-row .mini{flex:none}.setting-row .feedback{flex-basis:100%;margin:0}.setting-ro{flex:1 1 220px;min-width:0;font-size:.8rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.pill-ovr{display:inline-block;vertical-align:middle;margin-left:.35rem;font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#a05a00;border:1px solid #d99a3d;border-radius:999px;padding:0 .4rem}.secret-status{flex:none;font-size:.75rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.secret-status.isset{color:var(--ok)}.demo-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.site-card{display:flex;flex-direction:column;margin:0;border-top:3px solid var(--site-accent);transition:transform .15s ease,box-shadow .15s ease}.site-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #23293a1a}.site-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.site-icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;font-size:1.25rem;border-radius:10px;background:color-mix(in srgb,var(--site-accent) 12%,transparent)}.site-badge{align-self:center;font-size:.72rem;font-weight:600;letter-spacing:.04em;border-radius:999px;padding:.1rem .6rem;color:var(--site-accent);border:1px solid color-mix(in srgb,var(--site-accent) 55%,transparent);background:color-mix(in srgb,var(--site-accent) 7%,transparent)}.site-name{margin:0 0 .25rem;font-size:1.05rem;line-height:1.35}.site-desc{margin:0;font-size:.88rem}.site-card .site-customers{margin:auto 0 0;padding-top:.6rem}.site-card .customer-row{display:flex;align-items:baseline;gap:.75rem;padding-top:.35rem}.site-card .customer-link{min-width:0;font-size:.85rem;font-weight:600;color:var(--site-accent);text-decoration:none}.site-card .customer-link:hover{text-decoration:underline}.site-card .customer-link .vslug{font-size:.72rem}.site-card .customer-admin-link{margin-left:auto;flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap}.site-card .customer-admin-link:hover{color:var(--text);text-decoration:underline}.site-card .site-customers-note{margin:0;font-size:.82rem}