:root{--bg: #F6F9FC;--bg-2: #FFFFFF;--bg-3: #EDF2F7;--bg-sidebar: #0A2540;--line: #E3E8EE;--line-2: #CBD5E0;--line-dark: #1B2D47;--navy: #0A2540;--navy-2: #102A48;--ink: #1A1F36;--ink-2: #425466;--ink-3: #697386;--ink-4: #8898AA;--ink-5: #A3ACB9;--blue: #0066FF;--blue-2: #0052CC;--blue-soft: #E7F0FF;--sky: #00D4FF;--violet: #635BFF;--green: #00C896;--green-soft: #DBF7EE;--gold: #F5BB00;--coral: #FF5A36;--coral-soft: #FFE4DC;--radius-lg: 16px;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(10,37,64,.05);--shadow-sm: 0 2px 5px -1px rgba(50,50,93,.08), 0 1px 3px -1px rgba(0,0,0,.05);--shadow-md: 0 8px 20px -6px rgba(50,50,93,.18);--sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w: 256px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;letter-spacing:-.005em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.gradient-text{background:linear-gradient(110deg,#06f,#635bff,#00d4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--bg-sidebar);color:#b8c5d9;padding:20px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sb-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.sb-brand .mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--blue),var(--violet));display:grid;place-items:center;font-family:var(--mono);font-weight:700;color:#fff;font-size:14px}.sb-brand .name{color:#fff;font-weight:600;font-size:15px;letter-spacing:-.01em}.sb-brand .badge{font-family:var(--mono);font-size:10px;color:#6b7e9c;margin-left:auto}.sb-org{margin:4px 0 12px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.sb-org .ava{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--gold),var(--coral));color:#fff;font-weight:700;font-size:11px;display:grid;place-items:center}.sb-org .meta{flex:1;min-width:0}.sb-org .meta .o1{color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-org .meta .o2{color:#6b7e9c;font-size:11px}.sb-section{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6b7e9c;padding:14px 10px 6px}.sb-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:13px;color:#b8c5d9;cursor:pointer;transition:background .12s,color .12s}.sb-link:hover{background:#ffffff0a;color:#fff}.sb-link.active{background:#0066ff2e;color:#fff;box-shadow:inset 0 0 0 1px #0066ff59}.sb-link .icon{width:16px;height:16px;display:grid;place-items:center;opacity:.85;flex-shrink:0}.sb-link .badge{margin-left:auto;font-family:var(--mono);font-size:10px;padding:1px 6px;border-radius:99px;background:#ffffff14;color:#b8c5d9}.sb-link .badge.green{background:#00c8962e;color:#5ee7b7}.sb-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-dark);display:flex;flex-direction:column;gap:4px}.sb-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}.sb-user:hover{background:#ffffff0a}.sb-user .ava{width:26px;height:26px;border-radius:99px;background:linear-gradient(135deg,var(--coral),var(--gold));color:#fff;font-weight:600;font-size:11px;display:grid;place-items:center}.sb-user .meta{flex:1;min-width:0}.sb-user .meta .n{color:#fff;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user .meta .e{color:#6b7e9c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:10;background:#f6f9fcd9;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:14px 32px;height:60px}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3)}.crumbs .here{color:var(--ink);font-weight:500}.crumbs .sep{color:var(--ink-5)}.tb-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;min-width:280px;color:var(--ink-3);font-size:13px}.tb-search .kbd{margin-left:auto;font-family:var(--mono);font-size:10.5px;background:var(--bg-3);padding:1px 5px;border-radius:4px;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:7px;font-size:13px;font-weight:500;border:1px solid transparent;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-2)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-2)}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--bg-3)}.btn-danger{background:#fff;color:var(--coral);border-color:#ff5a3666}.btn-danger:hover{background:#ff5a360f}.btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:6px}.btn:disabled{opacity:.55;cursor:not-allowed}.page{padding:28px 32px 64px;max-width:1280px}.page-head{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:600;color:var(--navy);margin:0;letter-spacing:-.025em}.page-head p{color:var(--ink-3);margin:4px 0 0;font-size:13.5px;max-width:60ch}.page-head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card.pad-0{padding:0}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);gap:12px}.card-head h3{font-size:14px;font-weight:600;color:var(--navy);margin:0}.card-head .meta{color:var(--ink-3);font-size:12px}.card-body{padding:18px}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:999px;background:var(--blue-soft);color:var(--blue);border:1px solid rgba(0,102,255,.18)}.pill.green{background:var(--green-soft);color:#007a5b;border-color:#00c89640}.pill.gold{background:#fff4d2;color:#8a5a14;border-color:#f5bb004d}.pill.gray{background:var(--bg-3);color:var(--ink-2);border-color:var(--line)}.pill.coral{background:var(--coral-soft);color:var(--coral);border-color:#ff5a364d}.pill .dot{width:6px;height:6px;border-radius:99px;background:currentColor}.verb{font-family:var(--mono);font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px}.verb.GET{color:var(--blue);background:var(--blue-soft)}.verb.POST{color:#8a5a14;background:#ffe7b8}.verb.PUT{color:var(--violet);background:#e5e2ff}.verb.DELETE{color:var(--coral);background:var(--coral-soft)}.welcome{background:var(--navy);color:#fff;border-radius:16px;padding:28px 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;position:relative;overflow:hidden;margin-bottom:24px}.welcome:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 80% 30%,black 0%,transparent 65%);pointer-events:none}.welcome>*{position:relative}.welcome h2{font-size:22px;font-weight:600;margin:6px 0;letter-spacing:-.02em}.welcome p{color:#b8c5d9;font-size:13.5px;margin:0 0 16px;max-width:50ch;line-height:1.6}.welcome p b{color:#fff;font-weight:600}.welcome .actions{display:flex;gap:10px;flex-wrap:wrap}.welcome .btn-blue{background:var(--blue);color:#fff}.welcome .btn-ghost{background:#ffffff0f;color:#fff;border-color:#ffffff24}.welcome .btn-ghost:hover{background:#ffffff1a}.welcome .key-card{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;font-family:var(--mono);font-size:12px}.welcome .key-card .lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6b7e9c;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.welcome .key-card .lbl .copy{color:#00e0ff;cursor:pointer;background:none;border:0;padding:0;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.welcome .key-card .key-val{color:#00e0ff;word-break:break-all;line-height:1.6}.welcome .key-card .empty{color:#ffffff8c;font-family:var(--sans);font-size:12.5px;line-height:1.5}.welcome .key-card .empty a{color:#00e0ff}.welcome-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:#b8c5d9}.welcome-eyebrow .dot{width:6px;height:6px;border-radius:99px;background:var(--green);box-shadow:0 0 0 3px #00c89640}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}.stat .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:8px}.stat .val{font-size:24px;font-weight:600;color:var(--navy);letter-spacing:-.025em}.stat .val .unit{font-size:13px;color:var(--ink-3);margin-left:2px;font-weight:500}.stat .delta{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11px;margin-top:6px}.stat .delta.up{color:#007a5b}.stat .delta.dn{color:var(--coral)}.stat .delta.flat{color:var(--ink-4)}.stat .spark{height:28px;margin-top:10px;display:flex;align-items:end;gap:2px}.stat .spark .b{flex:1;background:var(--blue-soft);border-radius:2px;min-height:2px}.stat .spark .b.lit{background:var(--blue)}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.chart{height:240px;padding:12px 8px 8px;position:relative;display:flex;align-items:end;gap:3px}.chart .col{flex:1;display:flex;flex-direction:column;justify-content:end;gap:1px}.chart .col .bar{background:var(--blue);border-radius:2px 2px 0 0}.chart .col .bar.cached{background:var(--blue-soft)}.chart-axis{display:flex;justify-content:space-between;padding:8px 18px 14px;font-family:var(--mono);font-size:10.5px;color:var(--ink-4)}.chart-empty{height:240px;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:13px;text-align:center;padding:20px}.tabs{display:flex;gap:0;background:var(--bg-3);border-radius:7px;padding:2px}.tabs button{font-size:11.5px;padding:4px 10px;border-radius:5px;color:var(--ink-3);font-family:var(--mono)}.tabs button.active{background:#fff;color:var(--navy);box-shadow:var(--shadow-xs)}.dtable{width:100%;border-collapse:collapse;font-size:13px}.dtable th,.dtable td{text-align:left;padding:10px 18px;border-bottom:1px solid var(--line)}.dtable th{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-weight:500;background:var(--bg)}.dtable tr:last-child td{border-bottom:0}.dtable td.mono{font-family:var(--mono);font-size:12px;color:var(--ink-2)}.dtable td.right{text-align:right}.dtable tr:hover td{background:var(--bg)}.dtable .err td,.dtable .err td.mono{color:var(--coral)}.key-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.key-row:last-child{border-bottom:0}.key-row .nm{font-weight:500;color:var(--navy);margin-bottom:4px;display:flex;align-items:center;gap:8px}.key-row .val{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.key-row .val .reveal{color:var(--blue);cursor:pointer;font-size:11px;background:none;border:0;padding:0;font-family:var(--mono)}.key-row .val .reveal:hover{color:var(--blue-2);text-decoration:underline}.key-row .meta{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.key-form{display:flex;gap:8px;padding:16px 18px;background:var(--bg);border-bottom:1px solid var(--line)}.key-form input{flex:1;height:34px;padding:0 12px;border-radius:7px;border:1px solid var(--line);font-family:var(--sans);font-size:13px;background:#fff}.key-form input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0066ff26}.warn-card{background:#fff8e6;border:1px solid #F5DC93;border-radius:12px;padding:14px 18px;margin-top:24px;display:flex;gap:12px;align-items:flex-start}.warn-card .icon{font-size:18px;line-height:1}.warn-card .head{font-weight:600;color:#7a5a00;font-size:13.5px}.warn-card .body{color:#7a5a00;font-size:12.5px;opacity:.85;margin-top:2px}.warn-card .body a{color:var(--blue)}pre.code{background:var(--navy);color:#e8f0ff;font-family:var(--mono);font-size:12.5px;line-height:1.6;padding:16px 18px;border-radius:10px;overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word}pre.code .k{color:#ffb077}pre.code .s{color:#5ee7b7}pre.code .n{color:#ffb077}pre.code .c{color:#6b7e9c;font-style:italic}pre.code .kw{color:#c5a8ff}.wh-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line);align-items:center}.wh-row:last-child{border-bottom:0}.wh-row .url{font-family:var(--mono);font-size:12.5px;color:var(--navy);word-break:break-all}.wh-row .ev{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.wh-row .ev .pill{font-size:10.5px;padding:1px 7px}.wh-row .toggle{width:32px;height:18px;border-radius:99px;background:var(--green);position:relative;border:0;cursor:pointer;padding:0;transition:background .12s}.wh-row .toggle:after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:99px;transition:left .12s,right .12s}.wh-row .toggle.off{background:var(--line-2)}.wh-row .toggle.off:after{left:2px;right:auto}.wh-row .actions{display:flex;gap:6px;align-items:center}.wh-row .meta{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.wh-form{display:grid;grid-template-columns:2fr 1fr auto;gap:8px;padding:16px 18px;background:var(--bg);border-bottom:1px solid var(--line)}.wh-form input{height:34px;padding:0 12px;border-radius:7px;border:1px solid var(--line);font-family:var(--mono);font-size:12.5px;background:#fff}.wh-form input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0066ff26}.field{display:flex;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);align-items:flex-start}.field:last-child{border:0;padding-bottom:0}.field .lbl{width:240px;flex-shrink:0}.field .lbl .h{font-weight:500;color:var(--navy);font-size:13.5px}.field .lbl .h.danger{color:var(--coral)}.field .lbl .d{color:var(--ink-3);font-size:12.5px;margin-top:4px;line-height:1.5}.field .ctrl{flex:1}.field .ctrl input[type=text],.field .ctrl input[type=email],.field .ctrl input[type=number]{width:100%;max-width:360px;height:34px;padding:0 12px;border-radius:7px;border:1px solid var(--line);font-family:var(--sans);font-size:13px;background:#fff}.field .ctrl input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0066ff26}.field .ctrl .static{font-family:var(--mono);font-size:13px;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:7px 12px;display:inline-block}.section-head{font-size:14px;font-weight:600;color:var(--navy);margin:0 0 4px}.section-sub{color:var(--ink-3);font-size:12.5px;margin:0 0 8px}.usage-bar{height:8px;background:var(--bg-3);border-radius:99px;overflow:hidden}.usage-bar>div{height:100%;background:linear-gradient(90deg,var(--blue),var(--violet))}.plan-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.plan-card .nm{font-size:18px;font-weight:600;color:var(--navy);letter-spacing:-.015em}.plan-card .desc{color:var(--ink-3);font-size:13px;margin-top:4px}.plan-card .row{display:flex;gap:8px;flex-wrap:wrap}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.plan-tile{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px}.plan-tile.current{border-color:var(--blue);background:var(--blue-soft)}.plan-tile .nm{font-size:13px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px}.plan-tile .nm .pill{font-size:9.5px;padding:1px 6px}.plan-tile .price{font-size:18px;font-weight:600;color:var(--navy);margin-top:6px;letter-spacing:-.02em}.plan-tile .price span{color:var(--ink-3);font-size:12px;font-weight:500}.plan-tile .quota{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-top:4px}.row{display:flex;gap:12px;align-items:center}.gap-16{gap:16px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.muted{color:var(--ink-3)}.mono{font-family:var(--mono)}.empty{text-align:center;padding:56px 24px;color:var(--ink-3)}.empty h4{color:var(--navy);margin:0 0 6px;font-size:15px}.empty p{margin:0 0 16px;font-size:13px}.skel{background:var(--bg-3);border-radius:6px;min-height:14px}.skel-line{display:block}.alert{display:flex;gap:10px;padding:12px 14px;border-radius:10px;background:#e5484d14;border:1px solid rgba(229,72,77,.25);color:#b91519;font-size:13.5px;line-height:1.5;margin-bottom:14px}.alert.success{background:#00c89614;border-color:#00c89640;color:#007a5b}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.stat-row{grid-template-columns:repeat(2,1fr)}.dash-grid,.welcome{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr 1fr}.field{flex-direction:column;gap:8px}.field .lbl{width:auto}.tb-search{display:none}.topbar{padding:12px 18px}.page{padding:20px 18px 64px}}