:root{--ink:#203548;--muted:#596b7a;--paper:#f3f7fa;--white:#fff;--line:#d5e0e8;--blue:#1858a8;--light:#e9f1fc;--warning:#fff3d8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'Avenir Next',Avenir,'Segoe UI',sans-serif}header,main,footer{max-width:1240px;margin:auto}header{padding:26px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:var(--blue)}.brand{font-size:29px;font-weight:750;letter-spacing:-1px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:22px}.brand span{font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.account{display:flex;gap:22px;align-items:center;font-size:14px}main{padding:40px 36px 65px}footer{padding:24px 36px;border-top:1px solid var(--line);font-size:13px;display:flex;gap:24px;color:var(--muted)}footer span{margin-left:auto}h1,h2,p{margin:0 0 14px}h1{font-size:34px;line-height:1.2;font-weight:650;letter-spacing:-1px}h2{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.4px}p{max-width:75ch}.muted,small{color:var(--muted)}label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}input{font:inherit;padding:10px 12px;border:1px solid #9eafbd;border-radius:5px;background:white;color:var(--ink);width:100%;min-width:0}button,.button{font:600 14px/1.5 'Avenir Next',Avenir,'Segoe UI',sans-serif;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:5px;padding:11px 17px;cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap}button:hover,.button:hover{filter:brightness(.92)}:focus-visible{outline:3px solid #e49420;outline-offset:4px}.secondary{background:white;color:var(--blue);border-color:var(--line)}.text-button{padding:4px 0;border:0;background:none;color:var(--blue)}.danger{color:#a33636}.inline{display:flex;align-items:center;gap:10px}.inline label{margin:0}.inline input{flex:1}.notice{padding:14px 18px;background:var(--warning);border-left:3px solid #b98731;margin:0 0 24px;border-radius:0 5px 5px 0}.error{background:#ffeded;border-color:#b54d4d}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:24px}.page-heading p{margin:8px 0 0;color:var(--muted)}.usage-overview{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:24px;overflow:hidden}.usage-overview>div{padding:24px;border-right:1px solid var(--line)}.usage-overview>div:last-child{border:0}.usage-overview span{display:block;font-size:14px;color:var(--muted)}.usage-overview strong{display:block;min-height:50px;font-size:30px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.usage-overview .charge{background:var(--light)}.workspace{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin:36px 0 42px}.workspace>section{min-width:0}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.section-heading>span{color:var(--muted);font-size:14px}.connection{background:#e7eef4;padding:25px 28px;border-radius:8px}.connection h2{margin-bottom:20px}.connection label{font-size:13px;color:var(--muted)}code,pre{font:14px/1.6 'SFMono-Regular',Consolas,monospace;overflow-wrap:anywhere}code{display:block;padding:10px 0;color:#244d75}dl{font-size:14px;display:grid;grid-template-columns:1fr auto;gap:7px;margin:22px 0}dd{margin:0}dt{color:var(--muted)}.connection p{font-size:14px;margin:15px 0 0}.key{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.key small{display:block;font-size:12px}.key-list{margin:18px 0}.badge{font-size:12px;font-weight:500;padding:4px 9px;border-radius:12px;background:#ddeee9;color:#1c5d49}.badge.quiet{color:#65562f;background:#f1ead8}.admin{padding-top:30px;border-top:1px solid var(--line)}.pricing{background:white;padding:24px 28px;border:1px solid var(--line);border-radius:8px}.pricing p{font-size:14px;color:var(--muted)}.pricing button,.login-form button,.password button{margin-top:20px}.ledger{margin-top:40px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:7px;background:white}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-weight:600;background:#e7eef4;padding:13px 15px;color:#42596c;white-space:nowrap}td{padding:14px 15px;border-top:1px solid var(--line);vertical-align:top}td small{display:block;font-size:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis}td.number,th.number{text-align:right;font-variant-numeric:tabular-nums}.empty{padding:28px 12px;color:var(--muted);font-size:14px}.ledger>p{font-size:13px;margin-top:15px}.password{border-top:1px solid var(--line);padding-top:22px;margin-top:40px}.password summary{cursor:pointer}.password form{max-width:400px}.signin{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:90px;min-height:65vh}.intro h1{font-size:49px;font-weight:600;line-height:1.12;letter-spacing:-2px;margin:28px 0 24px}.intro p{font-size:18px;max-width:340px}.intro .muted{font-size:14px;margin-top:36px}.login-form{background:white;padding:38px;border:1px solid var(--line);border-radius:10px}.login-form button{width:100%}.signal{display:flex;gap:7px;height:52px;align-items:center}.signal i{display:block;width:11px;background:var(--blue);border-radius:8px;height:20px}.signal i:nth-child(2),.signal i:nth-child(4){height:35px;opacity:.7}.signal i:nth-child(3){height:52px}.secret{max-width:760px;margin:50px auto 100px}.secret pre{padding:25px;background:var(--light);border:1px solid var(--line);white-space:pre-wrap;user-select:all}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){header,main,footer{padding-left:20px;padding-right:20px}.workspace,.signin{grid-template-columns:1fr;gap:25px}.signin{min-height:auto}.intro{padding-top:25px}.intro h1{font-size:38px}.intro .muted{margin-top:20px}.login-form{padding:25px}.page-heading{align-items:flex-start;flex-direction:column}.usage-overview{grid-template-columns:1fr 1fr}.usage-overview>div{padding:18px;border-bottom:1px solid var(--line)}.usage-overview strong{font-size:25px}.section-heading{flex-wrap:wrap}.brand{font-size:25px;gap:12px}.brand span{padding-left:12px;font-size:12px}.account{gap:10px;font-size:12px}footer{display:block}footer span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.setup-guide{max-width:850px;margin:auto}.setup-guide h2{margin-top:35px}.setup-guide pre{padding:20px;background:#e7eef4;white-space:pre-wrap}.inline-code{display:inline;padding:0}.setup-guide dd{overflow-wrap:anywhere}

.security-panel{max-width:620px;margin:2rem auto}.security-panel form,.account-limit form{display:grid;gap:.8rem}.mfa-qr{width:220px;max-width:100%;background:white;padding:12px}.recovery-codes{display:grid;gap:.5rem;list-style:none;padding:0;overflow-wrap:anywhere}.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0}.policy-grid>div,.account-limit{border:1px solid #d8e1e5;padding:1rem;border-radius:12px}.account-limit{margin:.75rem 0}.account-limit form{max-width:480px;margin:1rem 0}@media(max-width:760px){.policy-grid{grid-template-columns:1fr}}
