@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#18221f;--paper:#f3f4ef;--panel:#fbfbf8;--line:#dfe3db;--muted:#77817a;--lime:#baf23c;--teal:#0d7766;--red:#d45f4b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}button,input,select{font:inherit}button{cursor:pointer}main{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;height:100vh;overflow:hidden;background:var(--ink);color:#f4f6ef;padding:30px 20px;display:flex;flex-direction:column}.brand{font:800 15px Manrope;letter-spacing:.09em;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;background:var(--lime);color:var(--ink);font-weight:800}.muted{color:#829088;font-weight:500}nav{margin-top:68px;display:grid;grid-gap:7px;gap:7px}nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;color:#9ba69f;font-size:13px;cursor:pointer}nav a.active,nav a:hover{color:#fff;background:#26312c}.nav-count{margin-left:auto;background:#37423c;padding:2px 7px;font:11px DM Mono;color:var(--lime)}.side-bottom{margin-top:auto;color:#a1ada5;font-size:12px;padding:13px}.green-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block;margin-right:7px}.version{font:10px DM Mono;color:#66736b;margin-top:12px}.content{flex:1 1;margin-left:244px;padding:48px 5.5%;max-width:1500px}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:39px}.eyebrow{font:11px DM Mono;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin:0 0 10px}h1,h2,p{margin-top:0}h1{font-size:38px;letter-spacing:-.06em;margin-bottom:7px}h2{font-size:20px;letter-spacing:-.04em;margin-bottom:0}.subhead{color:var(--muted);font-size:14px}.ghost-button,.icon-button,.primary-button{border:1px solid var(--line);background:transparent;padding:11px 14px;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700}.primary-button{background:var(--ink);border-color:var(--ink);color:#fff}.ghost-button:hover{background:#e7ebe4}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.metrics>div{padding:20px 22px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{font:10px DM Mono;color:var(--muted);letter-spacing:.09em}.metrics strong{display:block;font:500 27px DM Mono;margin:10px 0 5px}.metrics small{font-size:11px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:22px;gap:22px}.panel{background:var(--panel);border:1px solid var(--line)}.accounts{min-height:420px}.panel-heading{padding:24px 25px;display:flex;justify-content:space-between;align-items:flex-start}.active-label,.secure{color:var(--teal);font:10px DM Mono;display:flex;align-items:center;gap:5px}.table{overflow-x:auto}.table-head{font:10px DM Mono;color:var(--muted);letter-spacing:.08em}.table-row{display:grid;grid-template-columns:1.4fr 1.1fr .6fr .5fr;align-items:center;grid-gap:12px;gap:12px;padding:13px 25px;border-top:1px solid var(--line);font-size:12px}.member{display:flex;align-items:center;gap:10px}.member small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.avatar{width:27px;height:27px;background:#dce8cd;display:grid;place-items:center;color:var(--teal);font-weight:800}.endpoint code,.key-card code,.table code{font:11px DM Mono;color:#52615a}.table-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.quota-input{padding:7px 8px;font:10px DM Mono;min-width:85px}.quota-pair{display:grid;grid-gap:5px;gap:5px}.empty{text-align:center;padding:48px;color:var(--muted)}.empty p{margin:12px 0 4px;color:var(--ink);font-weight:700}.empty small{font-size:11px}.add-form{display:flex;gap:8px;padding:21px 25px;border-top:1px solid var(--line)}input{border:1px solid var(--line);background:#fff;padding:11px 12px;outline:none;font-size:12px;width:100%}input:focus{border-color:var(--teal)}.add-form .primary-button{white-space:nowrap}.quickstart{padding-bottom:22px}.quick-copy{font-size:12px;line-height:1.7;color:var(--muted);padding:0 25px}.endpoint{margin:22px 25px;padding:13px 14px;background:#edf1e9;display:flex;align-items:center;gap:15px}.endpoint span{font:10px DM Mono;color:var(--muted)}.endpoint code{flex:1 1}.endpoint button{border:0;background:transparent;color:var(--muted)}.flow{padding:3px 25px 10px}.flow>div{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:13px 0}.flow span{font:11px DM Mono;color:var(--teal)}.flow p{font-size:12px;margin:0;font-weight:700}.flow small{display:block;font-size:10px;font-weight:400;margin-top:3px}.flow small,.hint{color:var(--muted)}.hint{border:1px dashed #bdc9ba;padding:13px;font-size:11px;display:flex;gap:8px;align-items:center}.hint,.key-card{margin:18px 25px 0}.key-card{padding:14px;background:#eff8d9;border:1px solid #d4e89e}.key-card>div:first-child{display:flex;gap:8px;align-items:center;font-size:12px}.key-card>code{display:block;background:#fff;padding:11px;margin:11px 0;overflow:auto}.key-actions{display:flex;gap:8px}.key-actions a,.key-actions button{background:transparent;border:0;color:var(--teal);font-size:11px;font-weight:700;display:flex;gap:6px;align-items:center;text-decoration:none}.toast{position:fixed;right:26px;bottom:24px;background:var(--ink);color:#fff;border:0;padding:13px 16px;display:flex;gap:15px;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#14201dcc;display:grid;place-items:center;padding:20px}.modal{width:min(440px,100%);background:var(--panel);padding:28px}.modal-title{display:flex;justify-content:space-between;margin-bottom:24px}.icon-button{padding:7px;border:0}.modal label{display:block;font-size:11px;font-weight:700;margin:14px 0}.modal input{display:block;margin-top:7px}.full{width:100%;justify-content:center;margin-top:22px}@media(max-width:900px){.sidebar{width:70px;padding:24px 10px}.brand span:last-child,nav a,nav a:not(.active):after{font-size:0}.brand-mark{margin:auto}nav a{justify-content:center}nav a svg{width:18px}.side-bottom{font-size:0;padding:8px}.version{display:none}.content{padding:32px 24px}.work-grid{grid-template-columns:1fr}.metrics strong{font-size:22px}}@media(max-width:600px){header{display:block}.ghost-button{margin-top:20px}.metrics{grid-template-columns:1fr}.metrics>div{border-right:0;border-bottom:1px solid var(--line)}.add-form{flex-wrap:wrap}.table-row{padding-left:14px;padding-right:14px;grid-template-columns:1.4fr .9fr .4fr}.table-row>:last-child{display:none}.content{padding:28px 14px}h1{font-size:32px}}@media(max-width:900px){.sidebar{width:70px;padding:24px 10px}.brand span:last-child,nav a,nav a:not(.active):after{font-size:0}.brand-mark{margin:auto}nav a{justify-content:center}nav a svg{width:18px}.side-bottom{font-size:0;padding:8px}.version{display:none}.content{margin-left:70px;padding:32px 24px}.work-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metrics strong{font-size:22px}}@media(max-width:600px){header{display:block}.ghost-button{margin-top:20px}.metrics{grid-template-columns:1fr}.metrics>div{border-right:0;border-bottom:1px solid var(--line)}.add-form{flex-wrap:wrap}.table-row{padding-left:14px;padding-right:14px;grid-template-columns:1.4fr .9fr .5fr}.table-row>:last-child{display:block}.content{padding:28px 14px}h1{font-size:32px}}.row-actions{display:flex;gap:4px;justify-content:flex-end}.row-actions button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);padding:6px}.row-actions button:hover{color:var(--teal);background:#e8eee4}.add-form select{border:1px solid var(--line);background:#fff;padding:11px 8px;outline:none;font-size:12px;min-width:135px}.modal{max-height:90vh;overflow:auto}.metrics>div:first-child strong{font-size:22px;line-height:1.3;overflow-wrap:anywhere}.panel-heading{border-bottom:1px solid var(--line)}.accounts{overflow:hidden}.add-form input,.add-form select{min-width:0}.table-row{grid-template-columns:minmax(155px,1.35fr) minmax(115px,1fr) minmax(115px,.9fr) minmax(150px,1fr) 70px}.table-row.table-head{white-space:normal}.confirm-modal{text-align:left;max-width:430px}.warning-icon{width:42px;height:42px;display:grid;place-items:center;background:#ffe8df;color:var(--red);margin-bottom:18px}.confirm-modal h2{margin-bottom:12px}.confirm-copy{color:var(--muted);font-size:12px;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.danger-button{display:flex;align-items:center;gap:7px;border:1px solid var(--red);background:var(--red);color:#fff;padding:11px 14px;font-size:12px;font-weight:700}.danger-button:hover{background:#b94c3a}@media(max-width:600px){.table-row{min-width:700px;grid-template-columns:155px 115px 115px 150px 70px}.add-form{display:grid;grid-template-columns:1fr 1fr}.add-form .primary-button{grid-column:1/-1;justify-content:center}}