@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0d10;--panel:#12151a;--panel2:#171b21;--line:#272c34;--text:#f2f4f7;--muted:#8c949f;--green:#9cff57;--red:#ff6b6b;--blue:#68a7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#182019 0,transparent 26%),var(--bg);color:var(--text);font-family:Manrope,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#0b0d10dd;backdrop-filter:blur(10px);position:sticky;top:0;z-index:4}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px}.logo{display:inline-grid;place-items:center;background:var(--green);color:#0b0d10;border-radius:8px;width:31px;height:31px;margin-right:8px}.container{max-width:1180px;margin:0 auto;padding:58px 24px 80px}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px}.btn{border:1px solid var(--line);border-radius:8px;padding:11px 17px;background:none;color:var(--text);font:600 14px Manrope;cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:#0a1106}.btn.ghost:hover{border-color:#515a66}.full{width:100%;margin-top:8px}.eyebrow{font:500 12px DM Mono;color:var(--green);letter-spacing:1.4px}h1{font-size:42px;letter-spacing:-2px;margin:8px 0 5px}h2,h3,p{margin-top:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.page-head p{color:var(--muted)}.page-head.compact{align-items:center;margin:18px 0 24px}.page-head.compact h1{font-size:34px}.create-form{display:flex;gap:9px}.create-form input{width:260px}.endpoint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.endpoint-card{padding:23px;transition:.2s}.endpoint-card:hover{border-color:#4b5546;transform:translateY(-2px)}.endpoint-card h3{font-size:20px;margin:22px 0 10px}.endpoint-card code{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-line{display:flex;align-items:center;gap:8px}.arrow{margin-left:auto;font-size:23px}.status-dot,.live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.muted,.stats{color:var(--muted);font-size:11px}.stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.stats strong{color:var(--text)}.empty{text-align:center;padding:70px}.empty p{color:var(--muted)}.empty-icon,.pulse{font-size:38px;color:var(--green)}input,textarea{display:block;width:100%;margin-top:7px;background:#0c0f12;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);font:14px Manrope}label{display:block;color:#aeb5bf;font-size:13px;margin:17px 0}.auth-wrap{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:90px;min-height:calc(100vh - 190px)}.auth-copy h1{font-size:58px;line-height:1.05}.auth-copy em{color:var(--green);font-style:normal}.auth-copy p{color:var(--muted);font-size:17px}.auth-card{padding:32px}.auth-card h2{font-size:25px}.form-foot{text-align:center;color:var(--muted);font-size:13px;margin:22px 0 0}.form-foot a,.back{color:var(--green)}.flash{padding:13px 16px;border-radius:8px;margin-bottom:18px;background:#20252c}.flash.error{border-left:3px solid var(--red)}.flash.success{border-left:3px solid var(--green)}.actions{display:flex;gap:8px}.url-box{display:flex;align-items:center;background:#080a0c;border:1px solid #343a43;border-radius:10px;padding:8px 12px;margin-bottom:22px}.url-box span{background:#183220;color:var(--green);font:500 11px DM Mono;padding:7px;border-radius:5px}.url-box code{padding:0 12px;flex:1;overflow:hidden;text-overflow:ellipsis}.url-box button{background:none;color:var(--muted);border:0;font-size:18px;cursor:pointer}.config{padding:24px;margin-bottom:22px}.hidden{display:none}.form-grid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:14px}.request-layout{display:grid;grid-template-columns:390px 1fr;gap:16px;min-height:510px}.request-list,.inspector{overflow:hidden}.panel-title{height:72px;padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-title>div{display:flex;align-items:center;gap:12px}.panel-title h2{font-size:16px;margin:0}.panel-title>span,.live{font-size:11px;color:var(--muted)}.live{display:flex;align-items:center;gap:6px}.live i{display:inline-block;width:6px;height:6px}.link-btn{border:0;background:none;color:var(--muted);cursor:pointer}.request-row{padding:17px 18px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;border-bottom:1px solid var(--line);gap:8px}.request-row:hover,.request-row.selected{background:#1b2026}.request-row strong{display:block;font:500 13px DM Mono;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.request-row small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.method{font:500 11px DM Mono;color:var(--blue)}.method.post{color:var(--green)}.method.delete{color:var(--red)}.waiting,.select-hint{text-align:center;color:var(--muted);padding:100px 30px}.waiting p,.select-hint h3{color:var(--text);margin:14px 0 6px}.inspector{padding-bottom:20px}.inspector h4{font:500 11px DM Mono;color:var(--muted);letter-spacing:1px;margin:25px 22px 10px}.inspector pre{margin:0 20px;background:#090b0e;border:1px solid var(--line);border-radius:8px;padding:15px;color:#c9d1d9;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto}.inspector dl{display:grid;grid-template-columns:120px 1fr;margin:0 22px;font-size:13px}.inspector dt,.inspector dd{border-bottom:1px solid var(--line);padding:10px 0;margin:0}.inspector dt{color:var(--muted)}.danger-zone{text-align:right;margin-top:22px}.danger{color:var(--red)}code,pre{font-family:DM Mono,monospace}.back{font-size:13px}
@media(max-width:800px){.auth-wrap{grid-template-columns:1fr;gap:30px}.auth-copy h1{font-size:42px}.page-head{align-items:stretch;flex-direction:column;gap:20px}.create-form input{width:100%}.endpoint-grid{grid-template-columns:1fr}.request-layout{grid-template-columns:1fr}.inspector{min-height:350px}.form-grid{grid-template-columns:1fr}.container{padding-top:32px}.actions{margin-top:10px}.page-head.compact{align-items:flex-start}.url-box code{font-size:11px}}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 20px 10px}.section-heading h4{margin:0}.section-heading .link-btn{color:var(--green);font-size:12px}

/* Modern request inspector */
.inspector-page{background:#080e14}.inspector-page .topbar{height:56px;max-width:none;padding:0 24px;background:#080e14;border-color:#1b2732}.inspector-page .container{max-width:none;padding:0}.endpoint-bar{padding:17px 24px 16px;border-bottom:1px solid #1d2934;background:#0b121a}.endpoint-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:600 10px DM Mono;color:#708091;letter-spacing:.7px}.endpoint-meta>a{color:#778798}.active-label{display:flex;align-items:center;gap:7px}.active-label i{width:7px;height:7px;border-radius:50%;background:#21d6a0;box-shadow:0 0 10px #21d6a0}.endpoint-url{display:flex;height:38px}.endpoint-url>b{display:grid;place-items:center;padding:0 15px;border:1px solid #22303d;border-radius:7px 0 0 7px;color:#29d4a2;background:#0d1820;font:600 11px DM Mono}.endpoint-url code{display:flex;align-items:center;flex:1;padding:0 14px;border:1px solid #22303d;border-left:0;border-radius:0 7px 7px 0;color:#cbd7e3;font-size:12px}.endpoint-url .btn{margin-left:9px;padding:0 18px;font-size:12px}.btn.dark{background:#111b25;border-color:#263544;color:#aab8c6}.config-drawer{position:relative;padding:24px 28px;background:#0e1720;border-bottom:1px solid #22303d}.config-drawer form{max-width:900px;margin:auto}.drawer-title{display:flex;justify-content:space-between;align-items:center}.drawer-title h3{margin:5px 0 0}.endpoint-workspace.request-layout{display:grid;grid-template-columns:304px minmax(0,1fr);gap:0;min-height:calc(100vh - 169px)}.requests-sidebar{position:relative;border-right:1px solid #1d2934;background:#0b1219;min-width:0}.sidebar-head{padding:15px 11px 10px;border-bottom:1px solid #1d2934}.sidebar-head>div:first-child{display:flex;align-items:center;justify-content:space-between;padding:0 5px 13px}.sidebar-head h2{font-size:12px;margin:0}.sidebar-head h2 span,.detail-tabs span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:8px;background:#1c2935;color:#8494a5;font:500 9px DM Mono}.live-switch{display:flex;align-items:center;gap:6px;margin:0;color:#8393a3;font-size:10px}.live-switch i{position:relative;width:25px;height:13px;border-radius:10px;background:#189a7a}.live-switch i:after{content:"";position:absolute;width:9px;height:9px;right:2px;top:2px;border-radius:50%;background:#4be0b5}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #22313e;border-radius:6px;padding:0 10px;color:#647585;background:#0f1922}.search-box input{margin:0;padding:9px 0;border:0;background:transparent;font-size:10px}.requests-sidebar .request-row{grid-template-columns:40px minmax(0,1fr) 34px;min-height:59px;padding:12px 11px;border-color:#1b2732;gap:8px}.requests-sidebar .request-row.selected{background:linear-gradient(90deg,#0b554a55,#101c24);box-shadow:inset 3px 0 #24d2a1}.requests-sidebar .request-row strong{font-size:10px;max-width:none}.requests-sidebar .request-row small{font-size:8px;color:#677888}.requests-sidebar .request-row time{text-align:right;color:#6c7d8d;font-size:8px}.method{display:inline-grid;place-items:center;padding:4px 7px;border-radius:4px;background:#16314f;color:#69aaff;font:700 9px DM Mono}.method.post{background:#103d33;color:#2fdaa8}.method.put,.method.patch{background:#493816;color:#e9b84e}.method.delete{background:#4b2128;color:#ff7b86}.clear-form{padding:15px;text-align:center}.clear-form .link-btn{font-size:10px}.request-detail{min-width:0;padding:17px 22px 40px;background:radial-gradient(circle at 80% 0,#10202a55,transparent 26%),#0b1219}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;padding:0 0 16px;border-bottom:1px solid #1e2b36}.detail-head>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.detail-head h1{margin:0;font-size:17px;letter-spacing:-.3px}.detail-head h1 small{color:#657789;font-size:12px}.detail-head p{grid-column:2;color:#657789;font:8px DM Mono;margin:0}.detail-head .btn{font-size:10px;padding:8px 12px}.request-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0;border:1px solid #21303c;border-radius:7px;overflow:hidden}.request-summary>div{padding:13px;border-right:1px solid #21303c}.request-summary>div:last-child{border:0}.request-summary span{display:block;margin-bottom:8px;color:#536577;font:600 8px DM Mono;letter-spacing:.8px}.request-summary strong{color:#c6d1db;font:500 10px DM Mono}.request-summary .ok-dot{color:#34d7a5}.detail-tabs{display:flex;gap:23px;height:39px;border-bottom:1px solid #22303c}.detail-tabs button{position:relative;border:0;background:none;color:#718293;font:500 10px Manrope;cursor:pointer}.detail-tabs button.active{color:#d9e2ea}.detail-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#24d2a1}.detail-tabs span{font-size:7px;height:15px;min-width:15px}.tab-panel{display:none;margin-top:11px;border:1px solid #21313e;border-radius:7px;overflow:hidden;background:#071017}.tab-panel.active{display:block}.code-head{display:flex;align-items:center;justify-content:space-between;height:31px;padding:0 11px;background:#111c26;border-bottom:1px solid #21313e}.code-head b,.code-head button{color:#718496;font:600 8px DM Mono}.code-head button{border:0;background:none;cursor:pointer}.tab-panel pre{margin:0;padding:16px;min-height:240px;max-height:550px;overflow:auto;color:#74d8b9;background:#071017;border:0;border-radius:0;font-size:11px;line-height:1.65}.kv-table>div{display:grid;grid-template-columns:minmax(160px,30%) 1fr;border-bottom:1px solid #192731;padding:12px 15px;font-size:10px}.kv-table>div:last-child{border:0}.kv-table b{color:#7f91a2}.kv-table code{color:#b9c7d3;overflow-wrap:anywhere}.tab-empty{padding:50px;text-align:center;color:#647687;font-size:11px}
@media(max-width:760px){.endpoint-url{height:auto;flex-wrap:wrap;gap:7px}.endpoint-url code{min-width:0}.endpoint-url .btn{margin:0}.endpoint-workspace.request-layout{grid-template-columns:1fr}.requests-sidebar{border-right:0;border-bottom:1px solid #1d2934;max-height:360px;overflow:auto}.request-summary{grid-template-columns:repeat(2,1fr)}.request-summary>div:nth-child(2){border-right:0}.request-summary>div:nth-child(-n+2){border-bottom:1px solid #21303c}.detail-head{gap:10px}.detail-head .btn{display:none}.request-detail{padding:17px 12px}.endpoint-bar{padding:14px 12px}.kv-table>div{grid-template-columns:1fr;gap:6px}}

/* Dashboard aligned with the request inspector */
.dashboard-page{background:radial-gradient(circle at 22% 0,#10251f55,transparent 25%),#080e14}.dashboard-page .topbar{height:56px;max-width:none;padding:0 max(24px,calc((100vw - 1180px)/2));background:#080e14;border-color:#1b2732}.dashboard-page .container{max-width:1180px;padding-top:42px}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:28px}.dashboard-hero h1{margin:7px 0 5px;font-size:34px}.dashboard-hero p{margin:0;color:#728294;font-size:13px}.new-endpoint{padding:11px 18px}.create-drawer{margin-bottom:24px;padding:24px;background:#0d1720;border-color:#23323e}.create-drawer form{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.create-drawer h2{margin:5px 0;font-size:18px}.create-drawer p{margin:0;color:#718293;font-size:11px}.create-controls{display:flex;align-items:flex-end;gap:8px;min-width:55%}.create-controls input{margin:0;height:39px}.create-controls .btn{white-space:nowrap}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:35px;border:1px solid #21303c;border-radius:9px;background:#0c151d;overflow:hidden}.dashboard-stats>div{position:relative;padding:17px 20px;border-right:1px solid #21303c}.dashboard-stats>div:last-child{border:0}.dashboard-stats span{display:block;color:#5e7081;font:600 9px DM Mono;letter-spacing:.7px}.dashboard-stats strong{display:block;margin:7px 0 3px;font-size:25px}.dashboard-stats strong.stat-date{font:700 21px DM Mono}.dashboard-stats i{color:#68798a;font-size:9px;font-style:normal}.dashboard-stats .stat-green{color:#32d5a4}.endpoint-section>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.endpoint-section h2{margin:0 0 4px;font-size:15px}.endpoint-section h2 span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:8px;background:#1b2935;color:#8192a3;font:500 9px DM Mono}.endpoint-section header p{margin:0;color:#647586;font-size:10px}.endpoint-search{display:flex;align-items:center;gap:7px;width:240px;margin:0;padding:0 10px;border:1px solid #22313e;border-radius:6px;background:#0e1821;color:#68798a}.endpoint-search input{margin:0;padding:9px 0;border:0;background:transparent;font-size:10px}.modern-endpoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modern-endpoint-card{display:block;padding:18px;border:1px solid #202e39;border-radius:9px;background:linear-gradient(145deg,#101a23,#0c141c);transition:.18s}.modern-endpoint-card:hover{border-color:#2e544b;transform:translateY(-2px);box-shadow:0 12px 30px #0005}.endpoint-card-top{display:flex;align-items:center;justify-content:space-between}.endpoint-card-top .active-label{color:#718292;font:600 8px DM Mono}.open-arrow{color:#718292}.endpoint-identity{display:flex;align-items:center;gap:11px;margin:21px 0 17px}.endpoint-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#103d33;color:#28d4a1;font-size:18px}.endpoint-identity h3{margin:0 0 3px;font-size:15px}.endpoint-identity p{margin:0;color:#657687;font-size:9px}.endpoint-address{display:flex;align-items:center;height:36px;border:1px solid #21313d;border-radius:6px;background:#080f15;overflow:hidden}.endpoint-address>b{align-self:stretch;display:grid;place-items:center;padding:0 10px;border-right:1px solid #21313d;color:#31d4a4;background:#0c211d;font:700 8px DM Mono}.endpoint-address code{flex:1;min-width:0;padding:0 10px;color:#8495a5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.endpoint-address button{align-self:stretch;width:35px;border:0;border-left:1px solid #21313d;background:none;color:#708192;cursor:pointer}.modern-endpoint-card footer{display:flex;justify-content:space-between;margin-top:14px;color:#617283;font-size:8px}.modern-endpoint-card footer span i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#28d4a1}.dashboard-empty{padding:80px 20px;text-align:center;border:1px dashed #263744;border-radius:10px;background:#0b141c}.dashboard-empty h2{margin:8px 0;font-size:20px}.dashboard-empty p{color:#6b7c8c;font-size:11px}.empty-rings{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border:1px solid #1e4a40;border-radius:50%;box-shadow:0 0 0 12px #10251f,0 0 40px #1ed09a18}.empty-rings span{color:#2bd6a3;font-size:28px}
@media(max-width:720px){.dashboard-page .container{padding:25px 14px 60px}.dashboard-hero{align-items:flex-start;gap:20px}.dashboard-hero h1{font-size:27px}.create-drawer form{align-items:stretch;flex-direction:column;gap:18px}.create-controls{min-width:0;flex-wrap:wrap}.create-controls input{flex-basis:100%}.dashboard-stats{grid-template-columns:1fr}.dashboard-stats>div{border-right:0;border-bottom:1px solid #21303c}.modern-endpoint-grid{grid-template-columns:1fr}.endpoint-section>header{align-items:stretch;flex-direction:column;gap:12px}.endpoint-search{width:100%}}

.account-actions,.hero-actions,.detail-actions,.config-actions,.endpoint-maintenance{display:flex;align-items:center;gap:8px}.account-actions>span{color:#718293;font-size:11px}.account-actions form,.endpoint-maintenance form{margin:0}.btn-back{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #263544;border-radius:6px;color:#aab8c6!important;background:#111b25;font:600 10px Manrope;letter-spacing:0}.config-drawer input[type=color]{min-height:43px;padding:5px}.endpoint-maintenance{max-width:900px;margin:18px auto 0;padding-top:18px;border-top:1px solid #22303d}.danger-button{border-color:#512d35;color:#ff7b86;background:#24151a}.replay-box{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:14px;padding:16px;border:1px solid #21313e;border-radius:7px;background:#0d1720}.replay-box b{font-size:11px}.replay-box p{margin:4px 0 0;color:#657687;font-size:9px}.replay-box form{display:flex;gap:8px;min-width:55%}.replay-box input{margin:0;padding:9px;font-size:10px}.replay-box .btn{white-space:nowrap}.admin-panel{margin-bottom:24px;padding:19px;border:1px solid #21303c;border-radius:9px;background:#0c151d}.admin-panel h2{font-size:14px}.admin-table{border:1px solid #21303c;border-radius:7px;overflow:hidden}.admin-row{display:grid;grid-template-columns:2fr 1.2fr .7fr .7fr;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #1d2b36;font-size:10px}.admin-row:last-child{border:0}.admin-row.heading{color:#627485;background:#101b24;font:600 8px DM Mono}.admin-row b,.admin-row small{display:block}.admin-row small{margin-top:3px;color:#677889}.admin-row .enabled{color:#31d4a4}.admin-row .disabled{color:#ff7b86}.audit-list>div{display:grid;grid-template-columns:180px 1fr 150px;padding:10px 0;border-bottom:1px solid #1d2b36;font-size:9px}.audit-list code{color:#31d4a4}.audit-list span,.audit-list time{color:#718293}
@media(max-width:720px){.replay-box{align-items:stretch;flex-direction:column}.replay-box form{min-width:0}.admin-row{grid-template-columns:1fr 1fr}.admin-row.heading{display:none}.audit-list>div{grid-template-columns:1fr;gap:4px}.account-actions>span{display:none}}
.request-summary .error-dot{color:#ff7b86}
.admin-row{grid-template-columns:1.5fr .8fr .55fr 1.7fr}.admin-actions,.password-reset{display:flex;align-items:center;gap:6px}.admin-actions>form{margin:0}.password-reset{flex:1}.password-reset input{min-width:100px;margin:0;padding:8px;font-size:9px}.password-reset .btn,.admin-actions .btn{padding:8px 10px;white-space:nowrap;font-size:9px}