@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
.console-root{--ocean:#0077b6;--cyan:#00b4d8;--cyan-light:#90e0ef;--cyan-glow:#00b4d81f;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--purple:#8b5cf6;--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a2233;--bg-card-hover:#1e2a3f;--bg-input:#0f1629;--bg-code:#0d1117;--border:#1e2d45;--border-light:#263550;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow:0 4px 24px #0000004d;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.console-root.light{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#f1f5f9;--bg-code:#f6f8fa;--border:#e2e8f0;--border-light:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow:0 4px 24px #00000014}.console-root code,.console-root .mono{font-family:JetBrains Mono,SF Mono,monospace}.console-root .btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:7px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.console-root .btn-primary{background:linear-gradient(135deg,var(--ocean),var(--cyan));color:#fff}.console-root .btn-primary:hover{opacity:.9}.console-root .btn-primary:disabled{opacity:.5;cursor:not-allowed}.console-root .btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.console-root .btn-sm{padding:4px 8px;font-size:11px}.console-root .btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.console-root .btn-danger{color:var(--red);background:#ef44441a;border:1px solid #ef444433}.console-root .btn-copy{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:11px}.console-root .btn-copy:hover{color:var(--cyan);border-color:var(--cyan)}.console-root .input-group{margin-bottom:14px}.console-root .input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.console-root .tc-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.console-root .tc-input:focus{border-color:var(--cyan)}.console-root .badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.console-root .badge-muted{background:var(--bg-input);color:var(--text-muted)}.console-root .badge-purple{color:var(--purple);background:#8b5cf626}.console-root .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.console-root .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:500}.console-root .stat-value{letter-spacing:-.5px;font-size:24px;font-weight:700}.console-root .stat-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.console-root .section{margin-bottom:28px}.console-root .section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.console-root .section-title{font-size:15px;font-weight:600}.console-root .table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.console-root table{border-collapse:collapse;width:100%}.console-root th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border);background:var(--bg-input);padding:10px 14px;font-size:10px;font-weight:600}.console-root td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:12px 14px;font-size:13px}.console-root tr:last-child td{border-bottom:none}.console-root tr:hover td{background:var(--bg-card-hover)}.console-root .code-block{background:var(--bg-code);border:1px solid var(--border);color:var(--text-secondary);white-space:pre;border-radius:8px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.console-root .code-header{background:var(--bg-input);border-bottom:1px solid var(--border);color:var(--text-muted);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;font-weight:500;display:flex}.console-root .code-with-header{border-top:none;border-radius:0 0 8px 8px}.console-root .code-block .c-comment{color:var(--text-muted)}.console-root .code-block .c-string{color:var(--green)}.console-root .code-block .c-key{color:var(--cyan)}.console-root .code-block .c-method{color:var(--amber)}.console-root .code-block .c-status{color:var(--purple)}.console-root .code-block .c-url{color:var(--cyan-light)}.console-root .endpoint-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.console-root .endpoint-row:last-child{border-bottom:none}.console-root .endpoint-row:hover{background:var(--bg-card-hover)}.console-root .http-method{text-align:center;border-radius:4px;min-width:52px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.console-root .method-get{color:var(--green);background:#10b9811f}.console-root .method-post{color:var(--cyan);background:#00b4d81f}.console-root .method-delete{color:var(--red);background:#ef44441f}.console-root .method-patch{color:var(--purple);background:#8b5cf61f}.console-root .endpoint-path{color:var(--text-primary);flex:1;font-family:JetBrains Mono,monospace;font-size:12px}.console-root .endpoint-desc{color:var(--text-muted);text-align:right;font-size:12px}.console-root .info-box{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;display:flex}.console-root .key-display{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.console-root .grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.console-root .grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.console-root .grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.console-root .page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.console-root .page-title{letter-spacing:-.5px;font-size:22px;font-weight:700}.console-root .page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.console-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:220px;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.console-sidebar .sidebar-logo{border-bottom:1px solid var(--border);margin-bottom:12px;padding:0 20px 20px}.console-sidebar .sidebar-logo h1{background:linear-gradient(135deg,var(--ocean),var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:700}.console-sidebar .sidebar-logo span{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:500}.console-sidebar .nav-section{margin-bottom:4px;padding:0 8px}.console-sidebar .nav-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;padding:12px 12px 4px;font-size:9px;font-weight:600}.console-sidebar .nav-item{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.console-sidebar .nav-item:hover{background:var(--bg-card);color:var(--text-primary);text-decoration:none}.console-sidebar .nav-item.active{background:var(--cyan-glow);color:var(--cyan)}.console-sidebar .nav-item svg{flex-shrink:0;width:16px;height:16px}.console-sidebar .nav-badge{background:var(--cyan-glow);color:var(--cyan);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.console-sidebar .sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:12px 8px}.console-sidebar .env-badge{color:var(--text-muted);align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:flex}.console-sidebar .env-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.console-sidebar .user-info{align-items:center;gap:8px;margin-top:4px;padding:8px 12px;display:flex}.console-sidebar .user-avatar{background:linear-gradient(135deg,var(--ocean),var(--cyan));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.console-sidebar .user-name{font-size:12px;font-weight:500}.console-sidebar .user-email{color:var(--text-muted);font-size:10px}.console-sidebar .logout-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;width:100%;margin-top:4px;padding:6px 12px;font-family:inherit;font-size:11px;display:block}.console-sidebar .logout-btn:hover{color:var(--red);background:#ef444414}.console-main{max-width:1100px;margin-left:220px;padding:28px 36px}.console-root .quickstart{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:20px}.console-root .quickstart-title{margin-bottom:4px;font-size:14px;font-weight:600}.console-root .quickstart-sub{color:var(--text-muted);margin-bottom:16px;font-size:12px}.console-root .steps{flex-direction:column;gap:12px;display:flex}.console-root .step-item{align-items:flex-start;gap:12px;display:flex}.console-root .step-num{background:var(--cyan-glow);width:22px;height:22px;color:var(--cyan);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;font-weight:700;display:flex}.console-root .step-content{color:var(--text-secondary);font-size:13px}.console-root .step-content code{background:var(--bg-input);color:var(--cyan);border-radius:4px;padding:1px 6px;font-size:11px}.console-root .balance-card{background:linear-gradient(135deg,#0a1628,#0f2847);border:1px solid #0077b64d;border-radius:12px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.console-root .balance-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#00b4d80f,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-20%}.console-root .balance-row{z-index:1;justify-content:space-between;align-items:flex-end;display:flex;position:relative}.console-root .balance-amount{letter-spacing:-1.5px;color:#fff;font-size:36px;font-weight:700}.console-root .balance-amount .currency{color:var(--cyan);margin-right:2px;font-size:20px;font-weight:500}.console-root .balance-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.console-root .balance-actions{gap:8px;display:flex}.console-root .btn-topup{background:linear-gradient(135deg,var(--ocean),var(--cyan));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.console-root .btn-x402{color:var(--purple);cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.console-root .usage-bar-wrap{z-index:1;margin-top:16px;position:relative}.console-root .usage-bar-label{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.console-root .usage-bar{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.console-root .usage-bar-fill{background:linear-gradient(90deg,var(--cyan),var(--ocean));border-radius:2px;height:100%}.console-root .x402-card{background:linear-gradient(135deg,#1a103599,#0f284799);border:1px solid #8b5cf633;border-radius:10px;padding:16px}.console-root .x402-header{color:var(--purple);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.console-root .x402-detail{color:var(--text-secondary);justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.console-root .x402-detail .value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:11px}.console-root .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.console-root .modal-overlay.show{display:flex}.console-root .modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:460px;max-width:90vw;padding:28px;box-shadow:0 24px 48px #0000004d}.console-root .modal h2{margin-bottom:6px;font-size:16px;font-weight:600}.console-root .modal p{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.console-root .modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.console-toast{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;z-index:200;border-radius:8px;padding:12px 20px;font-size:13px;transition:all .3s;position:fixed;bottom:24px;right:24px;transform:translateY(100px)}.console-toast.show{opacity:1;transform:translateY(0)}.console-toast.error{border-color:var(--red);color:var(--red)}.console-toast.success{border-color:var(--green);color:var(--green)}.console-root .spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite console-spin;display:inline-block}@keyframes console-spin{to{transform:rotate(360deg)}}.console-auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.console-auth-card{background:var(--bg-card);border:1px solid var(--border);width:420px;max-width:100%;box-shadow:var(--shadow);border-radius:14px;padding:36px}.console-auth-logo{text-align:center;background:linear-gradient(135deg,var(--ocean),var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:18px;font-weight:700}.console-auth-title{text-align:center;margin-bottom:4px;font-size:20px;font-weight:700}.console-auth-sub{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:13px}.console-auth-error{color:var(--red);text-align:center;margin-bottom:12px;font-size:12px}.console-code-inputs{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.console-code-inputs input{background:var(--bg-input);border:1px solid var(--border);text-align:center;width:48px;height:56px;color:var(--text-primary);border-radius:10px;outline:none;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;transition:border-color .15s}.console-code-inputs input:focus{border-color:var(--cyan)}.console-resend-link{text-align:center;color:var(--text-muted);margin-top:12px;font-size:12px}.console-resend-link a{color:var(--cyan);cursor:pointer}.console-back-link{color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;margin-bottom:16px;font-size:12px;display:inline-flex}.console-back-link:hover{color:var(--cyan)}.console-mobile-header{z-index:20;background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.console-mobile-header .mobile-logo{background:linear-gradient(135deg,var(--ocean),var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:15px;font-weight:700}.console-mobile-header .mobile-menu-btn,.console-mobile-header .mobile-theme-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.console-mobile-header .mobile-menu-btn svg,.console-mobile-header .mobile-theme-btn svg{width:22px;height:22px}.console-mobile-header .mobile-theme-btn{font-size:18px}.mobile-overlay{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.mobile-menu{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;width:280px;max-width:80vw;padding:60px 0 0;animation:.2s slideIn;display:flex;position:absolute;top:0;bottom:0;left:0}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu .nav-section{padding:8px}.mobile-menu .nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.mobile-menu .nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.mobile-menu .nav-item.active{background:var(--cyan-glow);color:var(--cyan)}.mobile-menu .nav-item svg{flex-shrink:0;width:18px;height:18px}.mobile-menu .nav-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:16px 16px 4px;font-size:10px;font-weight:600}.mobile-menu .nav-badge{background:var(--cyan-glow);color:var(--cyan);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.mobile-menu-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px}.mobile-menu-footer .user-info{align-items:center;gap:10px;margin-bottom:8px;display:flex}.mobile-menu-footer .user-avatar{background:linear-gradient(135deg,var(--ocean),var(--cyan));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.mobile-menu-footer .user-name{font-size:13px;font-weight:500}.mobile-menu-footer .user-email{color:var(--text-muted);font-size:11px}.mobile-menu-footer .logout-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:4px;padding:8px 0;font-family:inherit;font-size:12px;display:block}.mobile-menu-footer .logout-btn:hover{color:var(--red)}@media (max-width:768px){.console-sidebar{display:none}.console-mobile-header{display:flex}.console-main{margin-left:0!important;padding:68px 16px 16px!important}.console-root .grid-2,.console-root .grid-3,.console-root .grid-4{grid-template-columns:1fr}.console-root .balance-row{flex-direction:column;align-items:flex-start;gap:16px}.console-root .balance-actions{width:100%}.console-root .balance-actions button{text-align:center;flex:1;justify-content:center}.console-root .endpoint-row{flex-wrap:wrap}.console-root .endpoint-desc{text-align:left;width:100%;padding-left:62px}.console-root .page-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:480px){.console-code-inputs{gap:6px}.console-code-inputs input{width:42px;height:48px;font-size:20px}.console-root .code-block{padding:12px;font-size:10px}}