:root{--panel-sidebar:244px;--brand:#174ea6;--surface:#f4f6f9;--line:#d8dee8;--ink:#172338;--muted:#546176;--focus:#085fd4;color-scheme:light}
[data-bs-theme=dark]{--brand:#8ab4f8;--surface:#181d26;--line:#3a4353;--ink:#edf1f7;--muted:#b2bccd;--focus:#8ab4f8;color-scheme:dark}
body{color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;margin:0;caret-color:var(--brand)}
.btn-outline-primary{--bs-btn-color:var(--brand);--bs-btn-border-color:var(--brand)}.btn-outline-secondary{--bs-btn-color:var(--muted);--bs-btn-border-color:var(--muted)}
::selection{background:#b8d3ff;color:#102748}a{text-underline-offset:.2em}*:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,input,select,textarea{scroll-margin-top:24px}.btn{min-height:40px}.form-control,.form-select{min-height:44px}.text-body-secondary{color:var(--muted)!important}
h1{font-size:clamp(1.9rem,3vw,2.4rem);font-weight:650;letter-spacing:-.025em}h2{font-size:1.35rem;font-weight:650;margin-bottom:1rem}h3{font-size:1rem;font-weight:600}p{max-width:72ch}.brand{font-size:1.5rem;line-height:1.3;letter-spacing:-.03em;font-weight:750;text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{font-size:.9rem;letter-spacing:0;color:var(--muted);font-weight:450}
.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--bs-body-bg);padding:12px}.skip-link:focus{top:12px}.theme-switch{position:fixed;right:18px;bottom:16px;z-index:20}.theme-switch button{background:var(--bs-body-bg)}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;max-width:1440px;margin:auto}.auth-brand{background:var(--surface);padding:clamp(40px,7vw,112px) clamp(32px,6vw,90px);display:flex;flex-direction:column;align-items:flex-start}.auth-brand h1{font-size:clamp(2.3rem,4vw,3.5rem);margin-top:auto;padding-top:90px;margin-bottom:24px;line-height:1.15}.auth-brand p{color:var(--muted);font-size:1.1rem;max-width:34ch}.auth-address{margin-top:auto;padding-top:70px;color:var(--muted)}.auth-form{width:min(100%,460px);padding:48px 32px;align-self:center;justify-self:center}.auth-form h2{font-size:1.8rem}.auth-form form{margin-top:28px}
.admin-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--panel-sidebar);border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;background:var(--surface)}.sidebar nav{display:grid;gap:7px;margin-top:45px}.nav-item{border:0;background:transparent;color:var(--muted);padding:12px 14px;text-align:left;border-radius:6px;font-weight:550}.nav-item:hover{background:var(--bs-secondary-bg);color:var(--ink)}.nav-item.active{background:var(--bs-primary-bg-subtle);color:var(--brand)}.sidebar-footer{margin-top:auto;display:flex;gap:12px;flex-direction:column;color:var(--muted);font-size:.85rem}.workspace{margin-left:var(--panel-sidebar);padding:40px clamp(24px,4vw,72px) 88px;max-width:1720px}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.workspace-header h1{margin-bottom:6px}.apply-state{padding:12px 0;margin-bottom:28px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{margin:0 0 14px}.table th{font-weight:550;color:var(--muted);font-size:.85rem}.table td{padding-top:16px;padding-bottom:16px;vertical-align:middle}.table-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:270px}.overview-facts{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:28px;margin-top:28px}.overview-facts p{font-size:1.1rem;font-variant-numeric:tabular-nums}.inline-form{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.inline-form>div{flex:1;min-width:200px}.inline-form>button{min-height:44px}.editor{border-top:1px solid var(--line);padding-top:28px;margin-top:32px;max-width:640px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.protocol-settings{display:flex;gap:18px;flex-wrap:wrap}.narrow-form{max-width:520px}.code-preview{max-height:440px;overflow:auto;background:var(--surface);padding:20px;font-size:.82rem;border:1px solid var(--line);border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere}.form-label{font-weight:550}.view>p{color:var(--muted)}.public-page{max-width:840px;margin:0 auto;padding:60px 28px}.connect-page{max-width:1040px;margin:0 auto;padding:40px 28px 90px}.primary-action{margin-top:36px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.copy-row{display:flex;gap:12px}.copy-row input{min-width:0}.protocol-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.protocol-row h3{font-size:1.1rem}.copy-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 130px);background:var(--bs-body-bg);color:var(--ink);font-size:.9rem}.copy-status:not(:empty){padding:12px 20px;border:1px solid var(--line);border-radius:8px}summary{font-weight:550;cursor:pointer}pre,td{font-variant-numeric:tabular-nums}[hidden]{display:none!important}
@media(min-width:1800px){.workspace{max-width:1800px}.auth-layout{max-width:1600px}}
@media(max-width:1000px){:root{--panel-sidebar:205px}.sidebar{padding:26px 16px}.workspace{padding:30px 24px 80px}.overview-facts{grid-template-columns:1fr 1fr}.overview-facts>div:last-child{grid-column:1/-1}}
@media(max-width:720px){.sidebar{position:static;width:auto;padding:18px 18px 12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow-x:auto;margin-top:20px;gap:4px;padding:3px 3px 8px}.nav-item{white-space:nowrap;padding:8px 12px}.sidebar-footer{flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px}.workspace{margin-left:0;padding:26px 18px 90px}.workspace-header{align-items:flex-start}.form-grid{grid-template-columns:1fr}.overview-facts{gap:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:0}.auth-layout{display:block;min-height:100vh}.auth-brand{padding:24px}.auth-brand h1{font-size:2rem;margin:30px 0 15px;padding:0}.auth-brand p{margin:0}.auth-address{display:none}.auth-form{padding:30px 24px;margin:auto}.connect-page{padding:26px 18px 90px}.primary-action{padding:20px}.copy-row{flex-direction:column}.protocol-row{align-items:flex-start;flex-direction:column;gap:14px}.protocol-row .d-flex{flex-wrap:wrap}.theme-switch{right:12px;bottom:12px}.public-page{padding:34px 22px}.table-actions{min-width:250px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}