:root{--font-sans: "Rethink Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-dot: "Doto", "Geist Mono", ui-monospace, monospace;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--side: 248px}html.light{--bg: #ffffff;--bg-2: #f7f8fa;--fg: #0b0d12;--fg-2: #4b5563;--fg-3: #8a919d;--surface: #ffffff;--line: #0b0d1214;--line-2: #0b0d1224;--hover: #0b0d120a;--accent: #16a34a;--accent-ink: #15803d;--ring: #16a34a12;--ring-strong: #16a34a24;--btn-bg: #0b0d12;--btn-fg: #fff;--danger: #dc2626;--warn: #b45309;--shadow: 0 .25rem .5rem 0 #2929290f, 0 .125rem .25rem 0 #2929290a;--code-bg: #0b0d12;--code-fg: #e5e7eb;color-scheme:light}html.dark{--bg: #000000;--bg-2: #000000;--fg: #ffffff;--fg-2: #a1a1a1;--fg-3: #737373;--surface: #000000;--line: #ffffff1f;--line-2: #ffffff33;--hover: transparent;--accent: #4ade80;--accent-ink: #4ade80;--ring: transparent;--ring-strong: transparent;--btn-bg: #ffffff;--btn-fg: #000000;--danger: #f87171;--warn: #fbbf24;--shadow: none;--code-bg: #000000;--code-fg: #e5e5e5;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:400 14.5px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.03em;font-weight:500;margin:0}code,pre,.mono{font-family:var(--font-mono)}::selection{background:var(--ring-strong)}.app{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--bg);padding:14px 10px;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 14px}.brand img{width:28px;height:28px;object-fit:contain}.brand b{font:600 15.5px/1.1 var(--font-sans);letter-spacing:-.02em;display:block}.brand small{font:800 10px/1 var(--font-dot);letter-spacing:.14em;color:var(--accent)}.nav{display:flex;flex-direction:column;gap:1px;overflow-y:auto;flex:1}.nav-group{font:800 10.5px/1 var(--font-dot);letter-spacing:.16em;color:var(--fg-3);padding:16px 12px 8px;text-transform:uppercase}.nav a,.nav button.navbtn{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:999px;color:var(--fg-2);font-weight:500;border:0;background:none;cursor:pointer;text-align:left;transition:background .15s,color .15s}.nav a:hover,.nav button.navbtn:hover{background:var(--hover);color:var(--fg)}.nav a[data-active=true]{background:var(--ring-strong);color:var(--fg)}.nav a[data-active=true] svg{color:var(--accent-ink)}.nav svg{width:16px;height:16px;flex:none}.nav .ext{margin-left:auto;opacity:.5;width:12px;height:12px}.side-foot{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:2px}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:0;background:none;cursor:pointer;width:100%;text-align:left}.user-chip:hover{background:var(--hover)}.avatar{width:30px;height:30px;border-radius:999px;background:var(--ring-strong);color:var(--accent-ink);display:grid;place-items:center;font-weight:600;font-size:13px;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.user-chip .who{min-width:0}.user-chip .who b{display:block;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip .who span{display:block;font-size:12px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu{position:absolute;bottom:64px;left:10px;right:10px;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 0 0 6px var(--ring),0 18px 40px -12px #0000004d;padding:6px;z-index:40}.menu a,.menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;border:0;background:none;cursor:pointer;color:var(--fg-2);font-size:13.5px;text-align:left}.menu a:hover,.menu button:hover{background:var(--hover);color:var(--fg)}.menu svg{width:15px;height:15px}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}.status-dot{width:7px;height:7px;border-radius:99px;background:var(--accent);margin-left:auto}.main{min-width:0}.topbar{display:none}.page{max-width:1120px;margin:0 auto;padding:36px clamp(16px,4vw,44px) 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.eyebrow{font:800 12px/1 var(--font-dot);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:10px}.page-head h1{font-size:clamp(26px,3vw,34px);line-height:1.1}.page-head p{margin:8px 0 0;color:var(--fg-2);max-width:640px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}.muted{color:var(--fg-2)}.soft{color:var(--fg-3)}.small{font-size:12.5px}.card{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:12px;box-shadow:0 0 0 6px var(--ring),var(--shadow);padding:20px;min-width:0}.card h3{font-size:16px;letter-spacing:-.015em}.card .sub{color:var(--fg-2);font-size:13.5px;margin-top:4px}.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:22px}.stat .label{font-size:12.5px;color:var(--fg-2);display:flex;align-items:center;gap:6px}.stat .value{font:500 28px/1.1 var(--font-sans);letter-spacing:-.03em;margin-top:8px;font-variant-numeric:tabular-nums}.stat .foot{font-size:12.5px;color:var(--fg-3);margin-top:6px}.big-balance{font:600 46px/1 var(--font-dot);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums}.bar-track{height:8px;border-radius:99px;background:var(--hover);overflow:hidden;margin-top:14px}.bar-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .6s var(--ease)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 18px;border-radius:999px;border:1px solid transparent;font:500 14px/1 var(--font-sans);cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s,border-color .15s}.btn svg{width:15px;height:15px}.btn-primary{background:var(--btn-bg);color:var(--btn-fg)}.btn-primary:hover{opacity:.86}.btn-secondary{background:transparent;color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.btn-secondary:hover{background:var(--ring)}.btn-ghost{background:transparent;color:var(--fg-2);border-color:var(--line-2)}.btn-ghost:hover{background:var(--hover);color:var(--fg)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}.btn-sm{min-height:30px;padding:0 12px;font-size:13px}.btn[disabled]{opacity:.45;cursor:not-allowed}.icon-btn{width:32px;height:32px;border-radius:999px;border:1px solid var(--line-2);background:transparent;display:inline-grid;place-items:center;cursor:pointer;color:var(--fg-2)}.icon-btn:hover{background:var(--hover);color:var(--fg)}.icon-btn svg{width:15px;height:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:13px;font-weight:500}.field .hint{font-size:12px;color:var(--fg-3)}.input,.select{height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg);color:var(--fg);font:inherit;outline:none;width:100%}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring-strong)}.check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid var(--line);cursor:pointer;margin-bottom:8px}.check:hover{background:var(--hover)}.check input{margin-top:3px;accent-color:var(--accent)}.check b{font-weight:500;font-size:13.5px;display:block}.check span{font-size:12px;color:var(--fg-3)}.seg{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--line-2);gap:2px}.seg button{border:0;background:none;height:30px;padding:0 14px;border-radius:999px;cursor:pointer;color:var(--fg-2);font-size:13px;font-weight:500}.seg button[data-on=true]{background:var(--btn-bg);color:var(--btn-fg)}.table-wrap{overflow-x:auto;margin:0 -20px -20px;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-weight:500;color:var(--fg-3);font-size:12px;padding:11px 20px;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:12px 20px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:500;border:1px solid var(--line-2);color:var(--fg-2);white-space:nowrap}.pill.ok{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--ring)}.pill.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.empty{text-align:center;padding:38px 16px;color:var(--fg-3)}.empty b{display:block;color:var(--fg);font-weight:500;margin-bottom:4px}.code{position:relative;background:var(--code-bg);color:var(--code-fg);border-radius:12px;padding:16px 18px;font:12.5px/1.65 var(--font-mono);overflow-x:auto;white-space:pre;border:1px solid var(--line)}.code .c{color:#6b7280}.code .s{color:#86efac}.code .k{color:#93c5fd}.code-wrap{position:relative}.code-wrap .copy{position:absolute;top:10px;right:10px;background:#ffffff14;color:#e5e7eb;border:1px solid #ffffff1f}.code-wrap .copy:hover{background:#ffffff24}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs button{border:0;background:none;padding:10px 12px;cursor:pointer;color:var(--fg-2);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button[data-on=true]{color:var(--fg);border-bottom-color:var(--accent)}.inline-code{font:12.5px var(--font-mono);background:var(--hover);padding:2px 6px;border-radius:6px}.secret-box{display:flex;gap:8px;align-items:center;background:var(--bg-2);border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);border-radius:10px;padding:10px 12px;font:13px var(--font-mono);word-break:break-all}.chart{width:100%;height:240px;display:block}.chart .axis{stroke:var(--line)}.chart text{fill:var(--fg-3);font:10.5px var(--font-mono)}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--fg-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;font-size:12px;box-shadow:var(--shadow);white-space:nowrap;z-index:5}.scrim{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:100;padding:16px;backdrop-filter:blur(2px)}.dialog{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 0 0 6px var(--ring),0 24px 60px -12px #0000004d;padding:24px}.dialog h2{font-size:20px;margin-bottom:6px}.dialog .foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--ring);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:13px;color:var(--fg-2)}.notice svg{width:16px;height:16px;color:var(--accent-ink);flex:none;margin-top:2px}.notice.bad{background:color-mix(in srgb,var(--danger) 7%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.notice.bad svg{color:var(--danger)}.signin{min-height:100vh;display:grid;place-items:center;padding:24px;background-image:radial-gradient(color-mix(in srgb,var(--accent) 22%,transparent) 1px,transparent 1px);background-size:18px 18px}.signin .card{width:min(420px,100%);padding:32px;text-align:center;background:var(--surface)}.signin img{width:52px;height:52px;object-fit:contain}.signin h1{font-size:26px;margin:16px 0 6px}.signin .dots{font:800 12px/1 var(--font-dot);letter-spacing:.16em;color:var(--accent)}.spinner{width:18px;height:18px;border-radius:99px;border:2px solid var(--line-2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:grid;place-items:center;min-height:50vh}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--btn-bg);color:var(--btn-fg);padding:10px 16px;border-radius:999px;font-size:13px;z-index:200}@media (max-width: 1080px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.app{grid-template-columns:1fr}.side{position:fixed;inset:0 auto 0 0;width:280px;transform:translate(-102%);transition:transform .25s var(--ease);box-shadow:0 0 40px #0004}.app[data-open=true] .side{transform:none}.app[data-open=true]:after{content:"";position:fixed;inset:0;background:#0005;z-index:20}.topbar{display:flex;position:sticky;top:0;z-index:15;align-items:center;gap:10px;height:56px;padding:0 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px)}.topbar img{width:24px;height:24px;object-fit:contain}.topbar b{font-weight:600;font-size:15px}.g2,.g3{grid-template-columns:1fr}.page{padding-top:22px}}@media (max-width: 560px){.g4{grid-template-columns:1fr 1fr;gap:14px}.stat .value{font-size:22px}.card{padding:16px;box-shadow:0 0 0 4px var(--ring),var(--shadow)}.table-wrap{margin:0 -16px -16px}th,td{padding:10px 14px}.big-balance{font-size:38px}.page-head .btn{width:100%}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.card>.table-wrap:first-child{margin-top:-20px;border-top:0}@media (max-width: 560px){.card>.table-wrap:first-child{margin-top:-16px}}html.dark .card,html.dark .dialog,html.dark .menu{border-color:var(--line);box-shadow:none}html.dark .dialog,html.dark .menu{border-color:var(--line-2);box-shadow:0 24px 60px -12px #000}html.dark .nav a:hover,html.dark .nav button.navbtn:hover,html.dark .user-chip:hover,html.dark .menu a:hover,html.dark .menu button:hover,html.dark .icon-btn:hover,html.dark .btn-ghost:hover,html.dark .check:hover,html.dark .btn-secondary:hover,html.dark .nav a[data-active=true]{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-2)}html.dark .avatar{background:#000;border:1px solid var(--line-2);color:var(--fg)}html.dark .bar-track{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2)}html.dark .notice{background:transparent;border-color:var(--line-2)}html.dark .pill.ok{background:transparent}html.dark .inline-code{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}html.dark .code-wrap .copy{background:#000;border-color:var(--line-2)}html.dark .input:focus,html.dark .select:focus{box-shadow:none}html.dark .signin{background-image:radial-gradient(#ffffff1f 1px,transparent 1px)}html.dark .topbar{background:#000;backdrop-filter:none}html.dark .scrim{background:#000000b3;backdrop-filter:none}html.dark .app[data-open=true]:after{background:#000000b3}html.dark .side{box-shadow:none}html.dark ::selection{background:#fff3}.acct-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.acct-id .id{font:500 15px/1.2 var(--font-mono);letter-spacing:.02em;padding:7px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);white-space:nowrap}.acct-id .label{font-size:12.5px;color:var(--fg-2)}.acct-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;margin-bottom:22px}.acct-banner .grow{min-width:200px}
