@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--coffee:#382215;--coffee2:#6f4e37;--cream:#f5f0e9;--ink:#201a16;--muted:#82786f;--line:#e9e2da;--white:#fff;--green:#19734b;--greenbg:#e8f5ed;--amber:#9a6714;--amberbg:#fff5dc}
*{box-sizing:border-box}body{margin:0;background:#faf8f5;color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:var(--coffee);color:#fff;padding:28px 17px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 38px}.brand-mark{width:39px;height:39px;border-radius:13px;background:#f5f0e9;color:var(--coffee);display:grid;place-items:center;font:800 24px Manrope}.brand b{display:block;font:800 18px Manrope;letter-spacing:-.6px}.brand small{display:block;color:#cbb7a5;font-size:9px;letter-spacing:1.6px;margin-top:3px}.workspace-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.workspace-label{color:#b9a391;padding:0 11px 12px}.nav{border:0;background:transparent;color:#d9c9bb;text-align:left;padding:13px 12px;border-radius:10px;margin:2px 0;display:flex;gap:12px;align-items:center;font-weight:600}.nav span{font-size:13px}.nav.active,.nav:hover{background:#ffffff18;color:#fff}.sidebar-bottom{margin-top:auto;background:#ffffff12;border:1px solid #ffffff20;border-radius:12px;padding:13px;display:grid;grid-template-columns:9px 1fr;gap:9px;align-items:start}.secure-dot{width:8px;height:8px;border-radius:50%;background:#e5c38e;margin-top:4px}.sidebar-bottom b{font-size:12px}.sidebar-bottom small{display:block;font-size:10px;line-height:1.5;color:#d4c1b1;margin-top:4px}.main{padding:29px clamp(18px,4vw,54px);min-width:0;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line)}h1{font:800 27px Manrope;margin:6px 0 0;letter-spacing:-1px}.top-actions{display:flex;align-items:center;gap:12px}.env-pill{font-size:10px;font-weight:700;letter-spacing:.6px;background:#fff;border:1px solid var(--line);padding:9px 11px;border-radius:30px;color:var(--coffee2)}.env-pill i{display:inline-block;width:6px;height:6px;background:#d59b36;border-radius:50%;margin-right:6px}.avatar{border:0;background:var(--coffee);color:#fff;width:37px;height:37px;border-radius:50%;font-weight:700}.banner{margin:23px 0;background:#fff7e8;border:1px solid #f1dfbd;border-radius:13px;padding:15px 16px;display:flex;gap:12px;align-items:flex-start;position:relative}.banner-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f5e4c3;color:#855a16;font-weight:800;flex:none}.banner b{font-size:13px}.banner p{font-size:12px;color:#796a55;line-height:1.6;margin:4px 28px 0 0}.close{position:absolute;right:12px;top:10px;border:0;background:none;color:#8b7a64;font-size:22px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0 25px}.welcome h2{font:800 clamp(23px,3vw,32px) Manrope;letter-spacing:-1.2px;margin:8px 0}.welcome p,.section-head p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.primary{border:0;background:var(--coffee);color:#fff;border-radius:10px;padding:12px 16px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 5px 12px #38221518}.primary:hover{background:#563824}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 17px;min-width:0}.metric span{font-size:12px;color:var(--muted);display:block}.metric strong{font:800 27px Manrope;display:block;margin:12px 0 5px;letter-spacing:-1px}.metric small{font-size:10px;color:#9b9188;line-height:1.4}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 14px}.section-head h3{font:800 17px Manrope;margin:0 0 5px;letter-spacing:-.4px}.text-btn{border:0;background:none;color:var(--coffee2);font-size:12px;font-weight:700}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;font-size:9px;letter-spacing:1px;color:#94877c;background:#fcfbf9;padding:14px 17px;font-weight:700}td{padding:16px 17px;border-top:1px solid #f0ebe6;font-size:12px;white-space:nowrap}td:first-child{font-weight:700;color:var(--coffee)}.empty{text-align:center;color:#968b81;padding:35px}.status{display:inline-block;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:.4px}.status.neutral{background:#f1eeea;color:#766b61}.status.warning{background:var(--amberbg);color:var(--amber)}.status.verified{background:var(--greenbg);color:var(--green)}.note{display:flex;gap:12px;background:#f1ece6;border-radius:12px;padding:15px;margin-top:19px}.note>span{color:var(--coffee2);font-size:18px}.note b{font-size:12px}.note p{font-size:11px;line-height:1.6;color:#766b61;margin:5px 0 0}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.provider-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.provider-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--cream);font-size:21px;color:var(--coffee);flex:none}.provider-card b{font-size:13px}.provider-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 13px}.endpoint{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;margin:12px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.method{background:#e8f5ed;color:#19734b;font-size:9px;font-weight:800;padding:6px 7px;border-radius:5px}.method.get{background:#e8effb;color:#315ca5}.method.webhook{background:#fff2d9;color:#926314}.endpoint code{font-size:12px;overflow-wrap:anywhere}.endpoint p{grid-column:1/-1;font-size:11px;color:var(--muted);margin:0;line-height:1.5}.copy{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 9px;font-size:10px;color:var(--coffee2)}footer{display:flex;justify-content:space-between;gap:15px;padding:28px 0 4px;margin-top:25px;border-top:1px solid var(--line);font-size:11px;font-weight:700;color:var(--coffee2)}footer span{font-weight:400;color:#a0968d}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#201a1677;display:grid;place-items:center;padding:18px;z-index:5}.modal-card{background:#fff;border-radius:18px;padding:28px;width:min(100%,460px);position:relative;box-shadow:0 20px 80px #0002}.modal-card h2{font:800 24px Manrope;margin:8px 0}.modal-card>p{font-size:12px;line-height:1.6;color:var(--muted)}.modal-x{position:absolute;right:17px;top:12px;background:none;border:0;font-size:25px;color:var(--muted)}form{margin-top:20px}label{display:block;font-size:11px;font-weight:700;color:#65574b;margin-bottom:14px}input,select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--coffee2);box-shadow:0 0 0 3px #6f4e3718}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%}.toast{position:fixed;bottom:22px;right:22px;background:var(--coffee);color:#fff;padding:13px 17px;border-radius:10px;font-size:12px;box-shadow:0 8px 30px #0002;z-index:8}
@media(max-width:900px){.shell{grid-template-columns:205px 1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:22px 20px}.provider-grid{grid-template-columns:1fr}}
@media(max-width:620px){.shell{display:block}.sidebar{min-height:auto;padding:13px 12px;position:sticky;top:0;z-index:4;display:block}.brand{padding:0 4px 12px}.brand-mark{width:33px;height:33px}.brand b{font-size:16px}.workspace-label,.sidebar-bottom{display:none}.sidebar .nav{display:inline-flex;padding:10px 11px;margin:0 2px 0 0;font-size:12px}.nav span{font-size:11px}.main{padding:18px 14px}.topbar{padding-bottom:17px}h1{font-size:23px}.env-pill{font-size:8px;padding:8px}.welcome{align-items:flex-start;flex-direction:column}.welcome .primary{width:100%}.metrics{gap:9px}.metric{padding:14px}.metric strong{font-size:23px}.metric small{font-size:9px}.section-head{align-items:flex-start}.provider-card{padding:14px}.endpoint{grid-template-columns:auto minmax(0,1fr);gap:8px}.endpoint .copy{grid-column:2;justify-self:start}.endpoint p{grid-column:1/-1}footer{flex-direction:column;gap:5px}.banner{padding:12px}.banner p{font-size:11px}.top-actions{gap:7px}}