:root{
  --bg:#071119;
  --bg2:#0a151f;
  --panel:#101c27;
  --panel2:#142231;
  --panel3:#192838;
  --border:#263847;
  --text:#f4f8fb;
  --muted:#9aa9b7;
  --soft:#6f7f8e;
  --green:#50e06d;
  --green2:#17a64f;
  --red:#ef5969;
  --yellow:#f9b848;
  --blue:#3f91e8;
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --radius:22px;
  --nav:84px;
}
*{box-sizing:border-box}
html{height:100%;background:#02070c;color-scheme:dark}
body{min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 70% -10%,rgba(80,224,109,.12),transparent 28%),linear-gradient(180deg,#04090e 0%,#0a141d 40%,#071119 100%);color:var(--text);font-size:15px;line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.desktop-stage{min-height:100vh;width:100%;display:grid;grid-template-columns:minmax(280px,420px) minmax(330px,520px);gap:42px;align-items:center;justify-content:center;padding:28px 22px;background:linear-gradient(135deg,rgba(20,34,49,.6),rgba(5,13,20,.2))}
.desktop-hero{display:flex;flex-direction:column;gap:22px;max-width:390px}
.brand-block{margin-bottom:12px}.hero-logo{width:90px;height:90px;border-radius:24px;box-shadow:0 18px 40px rgba(80,224,109,.18)}.brand-block h1{font-size:52px;line-height:.95;margin:22px 0 8px;font-weight:800;letter-spacing:-2px}.brand-block h1{color:var(--text)}.brand-block h1 span,.auth-brand h1 span{color:var(--green)}.brand-block p{font-size:24px;margin:0;color:#d4dde7;font-weight:500}.hero-feature{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center}.hero-feature span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.05);font-size:22px;color:var(--green)}.hero-feature b{display:block;font-size:18px;margin-bottom:4px}.hero-feature small{display:block;color:#c0cad4;font-size:15px}.hero-copy{color:var(--green);font-weight:800;font-size:21px;line-height:1.3;margin-top:10px;position:relative}.hero-copy::after{content:"";display:block;width:62px;height:4px;background:var(--green);border-radius:999px;margin-top:22px}
.phone-shell{width:min(100%,460px);min-height:720px;border-radius:42px;padding:12px;background:linear-gradient(145deg,#23303b,#050b10 52%,#2f3a44);box-shadow:var(--shadow);position:relative;border:1px solid rgba(255,255,255,.12)}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:132px;height:20px;background:#05090e;border-radius:0 0 17px 17px;z-index:4;opacity:.72}.screen-shell{height:calc(100vh - 80px);min-height:690px;max-height:900px;border-radius:34px;background:radial-gradient(circle at 20% 0,rgba(80,224,109,.07),transparent 35%),linear-gradient(180deg,#0a151f,#071119 45%,#08121b);overflow:hidden;border:1px solid rgba(255,255,255,.06);position:relative}.app-screen{height:100%;overflow:auto;padding:16px 18px calc(var(--nav) + 22px);scrollbar-width:none}.app-screen::-webkit-scrollbar{display:none}.chat-screen{padding-bottom:calc(var(--nav) + 82px)}
.status-bar{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 14px;font-weight:700;font-size:13px;letter-spacing:.2px;color:#ecf2f6;position:sticky;top:0;background:linear-gradient(180deg,rgba(7,17,25,.95),rgba(7,17,25,.76));backdrop-filter:blur(12px);z-index:10}.status-icons{display:flex;gap:5px;align-items:center}.status-icons i{display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid #edf4f8;opacity:.95;transform:skew(-8deg)}.status-icons i:nth-child(2){width:12px;height:12px;border:0;background:#edf4f8;clip-path:polygon(0 100%,100% 0,100% 100%)}.status-icons i:nth-child(3){width:15px;height:10px;border:0;border-radius:2px;background:#edf4f8}.topbar,.chat-topbar{display:flex;align-items:center;gap:12px;min-height:52px;margin-bottom:16px}.topbar h2{font-size:24px;margin:0;letter-spacing:-.7px;flex:1}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.ghost-icon{width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.04);display:grid;place-items:center;color:#d8e3ed;font-size:28px;line-height:1}.ghost-icon:hover{background:rgba(255,255,255,.08)}.icon-link{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.04);font-size:19px}.chat-topbar{background:rgba(7,17,25,.78);position:sticky;top:28px;z-index:8;backdrop-filter:blur(12px);margin:-2px -2px 8px;padding:4px 2px}.chat-topbar .ghost-icon{background:transparent}.bot-avatar{width:43px;height:43px;border-radius:50%;box-shadow:0 0 0 3px rgba(80,224,109,.18)}.chat-title{display:flex;flex-direction:column;flex:1}.chat-title b{color:var(--green);font-size:20px;line-height:1}.chat-title span{font-size:13px;color:#aab8c4}.card{border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(20,34,49,.95),rgba(12,24,34,.96));border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.12)}.balance-card{padding:20px;position:relative;overflow:hidden}.balance-card::after{content:"";position:absolute;right:-70px;top:-80px;width:170px;height:170px;background:radial-gradient(circle,rgba(80,224,109,.16),transparent 65%)}.balance-top{display:flex;justify-content:space-between;color:#d8e0e7;font-size:16px}.balance-value{font-size:40px;font-weight:800;letter-spacing:-1.8px;margin:8px 0 18px}.money-grid{display:grid;grid-template-columns:1fr 1px 1fr;gap:18px;align-items:center}.money-grid .divider{height:54px;background:rgba(255,255,255,.09)}.money-label{display:block;color:#a9b6c3;margin-bottom:4px}.money-income,.text-green{color:var(--green)!important}.money-expense,.text-red{color:var(--red)!important}.money-grid b{font-size:21px}.toolbar{display:flex;align-items:center;gap:10px;margin:18px 0}.select-pill,.input-pill{height:48px;border:0;background:rgba(255,255,255,.06);border-radius:15px;padding:0 16px;color:#dfe8f0;border:1px solid rgba(255,255,255,.04)}.select-pill{appearance:none;min-width:150px}.sync-badge{margin-left:auto;font-size:12px;color:var(--green);display:none}.sync-badge.show{display:block}.section-card{padding:18px;margin-bottom:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h3{font-size:17px;margin:0}.donut-wrap{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center}.donut-svg{width:142px;height:142px;transform:rotate(-90deg)}.donut-track{fill:none;stroke:rgba(255,255,255,.06);stroke-width:18}.donut-seg{fill:none;stroke-width:18;stroke-linecap:butt}.donut-svg text{fill:#f5f7fb;transform:rotate(90deg);transform-origin:60px 60px;font-weight:800;font-size:11px}.donut-svg text:first-of-type{fill:#d9e2ea;font-size:10px}.donut-empty{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,var(--panel) 0 45%,rgba(255,255,255,.07) 46% 100%);font-weight:800;text-align:center}.legend{display:flex;flex-direction:column;gap:10px}.legend-row{display:grid;grid-template-columns:15px 1fr auto;gap:10px;align-items:center;color:#dbe4ec}.legend-dot{width:13px;height:13px;border-radius:4px}.legend-row small{font-weight:700}.summary-list{display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;color:#d7e0e8}.summary-row strong{font-size:17px}.feature-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}.mini-card{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:rgba(16,28,39,.65);text-align:center}.mini-card h3{font-size:20px;margin:0 0 6px}.mini-card p{margin:0;color:#b8c5d0}.sparkline{height:84px;background:linear-gradient(180deg,rgba(80,224,109,.08),transparent);border-radius:16px;margin-top:12px;position:relative;overflow:hidden}.sparkline svg{width:100%;height:100%}.shield{width:100px;height:100px;margin:18px auto 8px;background:radial-gradient(circle,rgba(80,224,109,.25),rgba(80,224,109,.05));clip-path:polygon(50% 0,88% 16%,80% 74%,50% 100%,20% 74%,12% 16%);display:grid;place-items:center;font-size:42px;color:var(--green)}.cat-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.cat-icon{text-align:center;font-size:12px;font-weight:800;color:#e1e9ef}.cat-icon span{width:52px;height:52px;margin:0 auto 7px;display:grid;place-items:center;border-radius:18px;font-size:24px}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:var(--nav);display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;align-items:center;padding:8px 14px max(8px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(9,18,26,.78),rgba(8,16,24,.96));border-top:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px);z-index:20}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8f9eac;font-size:19px}.bottom-nav a small{font-size:12px;font-weight:700}.bottom-nav a.active{color:var(--green)}.nav-add{width:70px;height:70px;border:0;border-radius:50%;background:linear-gradient(145deg,#65ec7b,#2ecb60);box-shadow:0 14px 36px rgba(80,224,109,.35);font-size:42px;line-height:1;color:#fff;margin-top:-28px}.chat-date{display:flex;justify-content:center;margin:14px 0}.chat-date span{font-size:13px;background:rgba(255,255,255,.06);padding:8px 16px;border-radius:13px;color:#d8e2eb}.messages{display:flex;flex-direction:column;gap:14px;padding:2px 2px 18px}.message-row{display:flex;align-items:flex-start;gap:10px}.message-row.user{justify-content:flex-end}.message-row.bot .mini-bot{width:36px;height:36px;border-radius:50%;background:rgba(80,224,109,.12);padding:5px;flex:0 0 auto}.bubble{max-width:80%;padding:13px 15px;border-radius:15px;background:#172637;color:#f2f6f9;box-shadow:0 10px 24px rgba(0,0,0,.12);white-space:pre-line;position:relative}.user .bubble{background:linear-gradient(145deg,#1e8d48,#126f38);border-bottom-right-radius:5px}.bot .bubble{border-bottom-left-radius:5px}.bubble-time{display:block;text-align:right;font-size:11px;color:rgba(235,244,250,.68);margin-top:4px}.chat-composer{position:absolute;left:14px;right:14px;bottom:calc(var(--nav) + 8px);height:58px;display:grid;grid-template-columns:48px 1fr 56px;gap:9px;align-items:center;z-index:18}.menu-button,.send-button{height:52px;width:52px;border:0;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:25px}.send-button{background:linear-gradient(145deg,#65ec7b,#2ecb60);box-shadow:0 12px 28px rgba(80,224,109,.25)}.chat-input{height:52px;border:0;border-radius:20px;background:#142333;padding:0 18px;color:#edf5fa;outline:none;border:1px solid rgba(255,255,255,.04)}.chat-input::placeholder{color:#81909e}.history-group{margin-bottom:22px;border:1px solid rgba(255,255,255,.06);border-radius:22px;background:rgba(15,27,38,.8);overflow:hidden}.history-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.04);font-weight:800}.history-head.income b{color:var(--green)}.history-head.expense b{color:var(--red)}.tx-list{display:flex;flex-direction:column}.tx-item{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px 14px;border-bottom:1px solid rgba(255,255,255,.045)}.tx-item:last-child{border-bottom:0}.tx-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.06)}.tx-title{font-size:16px;font-weight:800;margin-bottom:1px}.tx-meta{font-size:13px;color:#9fabb6}.tx-amount{text-align:right;font-weight:800}.tx-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:5px}.mini-btn{border:0;border-radius:10px;background:rgba(255,255,255,.06);padding:5px 7px;font-size:12px;color:#cdd8e1}.empty-state{text-align:center;padding:34px 14px;color:#aebbc6}.empty-state b{display:block;color:#e8f0f6;font-size:18px;margin-bottom:4px}.profile-card{padding:20px;display:flex;align-items:center;gap:15px;margin-bottom:16px}.avatar{width:70px;height:70px;border-radius:24px;object-fit:cover;background:rgba(80,224,109,.13);display:grid;place-items:center;font-size:32px}.profile-name{font-size:22px;font-weight:850;letter-spacing:-.5px}.profile-sub{color:#aebac5}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-card{padding:16px;border-radius:20px;background:rgba(16,28,39,.85);border:1px solid rgba(255,255,255,.07);min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.menu-card span{font-size:28px}.menu-card b{font-size:16px}.menu-card small{color:#aebac5}.form-card{padding:18px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:13px}.form-group label{font-weight:800;color:#dbe5ed;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid rgba(255,255,255,.07);background:#0e1a25;border-radius:14px;min-height:46px;padding:11px 13px;outline:none}.form-group textarea{resize:vertical}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{height:48px;border:0;border-radius:15px;background:linear-gradient(145deg,#65ec7b,#2ecb60);color:white;font-weight:850;box-shadow:0 12px 26px rgba(80,224,109,.18);display:inline-grid;place-items:center;padding:0 18px}.btn.secondary{background:rgba(255,255,255,.08);box-shadow:none}.btn.danger{background:linear-gradient(145deg,#ff6877,#d94052);box-shadow:0 12px 26px rgba(239,89,105,.16)}.btn.full{width:100%}.alert{padding:12px 14px;border-radius:14px;margin:12px 0;border:1px solid rgba(255,255,255,.06);font-weight:700}.alert.success{background:rgba(80,224,109,.1);color:#8ef7a0}.alert.danger{background:rgba(239,89,105,.13);color:#ff9aa5}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(255,255,255,.05);padding:5px;border-radius:15px;margin-bottom:14px}.segmented input{display:none}.segmented span{display:grid;place-items:center;height:42px;border-radius:12px;color:#aebac5;font-weight:800}.segmented input:checked+span{background:var(--green);color:#06120a}.modal[hidden]{display:none}.modal{position:absolute;inset:0;z-index:60;display:grid;place-items:end center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.modal-card{position:relative;width:100%;max-height:88%;overflow:auto;background:#0d1823;border-radius:28px 28px 0 0;padding:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 -20px 60px rgba(0,0,0,.35)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-head b{font-size:20px}.category-list{display:grid;gap:10px}.category-item{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.04)}.category-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-size:22px}.category-item b{display:block}.category-item small{color:#aab5bf}.bar-list{display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:105px 1fr 86px;gap:10px;align-items:center}.bar-track{height:12px;border-radius:20px;background:rgba(255,255,255,.07);overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--green),#b5ff63)}.notification{padding:16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.05);margin-bottom:10px}.notification b{display:block;margin-bottom:4px}.print-page{background:white;color:#111;max-width:360px;margin:24px auto;padding:18px;font-family:ui-monospace,monospace}.print-page hr{border:0;border-top:1px dashed #555}.auth-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(80,224,109,.14),transparent 36%),#071119}.auth-wrap{width:min(100% - 32px,430px)}.auth-brand{text-align:center;margin-bottom:20px}.auth-logo{width:92px;height:92px;border-radius:26px}.auth-brand h1{font-size:48px;line-height:1;margin:18px 0 7px;color:var(--text)}.auth-brand p{margin:0;color:#d5dfe7;font-size:22px}.auth-card{padding:20px;border-radius:28px;background:rgba(16,28,39,.86);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.demo-box{margin-top:14px;padding:13px;border-radius:15px;background:rgba(80,224,109,.08);color:#c7fbd0;font-size:13px}.reveal-up{animation:reveal .55s ease both}.reveal-up:nth-child(2){animation-delay:.08s}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:860px){body{background:#071119}.desktop-stage{display:block;min-height:100vh;padding:0}.desktop-hero{display:none}.phone-shell{width:100%;min-height:100vh;border-radius:0;padding:0;border:0;box-shadow:none;background:transparent}.phone-notch{display:none}.screen-shell{height:100vh;min-height:100vh;max-height:none;border-radius:0;border:0}.app-screen{padding-left:16px;padding-right:16px}.topbar h2{font-size:23px}.balance-value{font-size:37px}.donut-wrap{grid-template-columns:134px 1fr}.donut-svg,.donut-empty{width:128px;height:128px}.phone-shell .screen-shell{background:radial-gradient(circle at 12% -8%,rgba(80,224,109,.08),transparent 34%),linear-gradient(180deg,#09151e,#071119 46%,#08121b)}}
@media (min-width:861px){.feature-grid{grid-template-columns:repeat(3,1fr)}.mini-card{min-height:170px}.phone-shell:after{content:"";position:absolute;inset:8px;border-radius:36px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.screen-shell{overflow:hidden}.app-screen{padding-bottom:calc(var(--nav) + 28px)}}
@media (max-width:420px){.form-grid.two{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr 1fr}.donut-wrap{grid-template-columns:1fr}.donut-svg,.donut-empty{margin:auto}.bar-row{grid-template-columns:82px 1fr 74px}.brand-block h1{font-size:40px}.bottom-nav{padding-left:8px;padding-right:8px}.balance-value{font-size:34px}.money-grid{gap:12px}.money-grid b{font-size:18px}.bubble{max-width:84%}.cat-icons{gap:8px}.cat-icon span{width:46px;height:46px}}
@media print{body{background:#fff}.desktop-stage,.phone-shell,.screen-shell,.app-screen{display:block!important;height:auto!important;min-height:0!important;background:#fff!important;color:#000!important}.bottom-nav,.status-bar,.topbar,.chat-topbar,.desktop-hero,.modal{display:none!important}.card,.section-card{box-shadow:none;border:1px solid #ddd;background:white;color:#000}}

/* Auth private account upgrade */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(255,255,255,.055);padding:6px;border-radius:18px;margin-bottom:16px}.auth-tab{height:44px;border:0;border-radius:14px;background:transparent;color:#aebac5;font-weight:850}.auth-tab.active{background:linear-gradient(145deg,#65ec7b,#2ecb60);color:#06120a;box-shadow:0 10px 24px rgba(80,224,109,.16)}.auth-form{display:none}.auth-form.active{display:block}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#8fa1af;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}.google-btn{height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.11);background:#fff;color:#19212a;font-weight:850;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 26px rgba(0,0,0,.12)}.google-btn span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#4285f4;font-weight:900}.google-btn.disabled{background:rgba(255,255,255,.06);color:#9ba8b5;box-shadow:none}.google-btn.disabled span{background:rgba(255,255,255,.08);color:#9ba8b5}.auth-card .demo-box small{display:block;margin-top:7px;color:#9eeeb0;line-height:1.4}@media (max-width:420px){.auth-wrap{width:min(100% - 22px,430px)}.auth-card{padding:16px}.auth-brand h1{font-size:40px}.auth-brand p{font-size:17px}.auth-logo{width:78px;height:78px}}


/* Realtime date and clock */
.status-bar{gap:8px}.status-time{min-width:64px}.status-date{flex:1;text-align:center;font-size:11px;color:#a9f6b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-live-clock{margin:16px auto 0;width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:rgba(80,224,109,.08);border:1px solid rgba(80,224,109,.2);box-shadow:0 12px 32px rgba(80,224,109,.08)}.auth-live-clock span{font-size:13px;color:#a9f6b8;font-weight:800}.auth-live-clock strong{font-size:18px;color:#fff;letter-spacing:.08em}.auth-live-clock strong::before{content:"◷ ";color:var(--green);letter-spacing:0}@media (max-width:420px){.status-date{font-size:10px}.status-time{min-width:58px;font-size:12px}.status-icons{gap:3px}.auth-live-clock{flex-direction:column;gap:4px;padding:10px 16px}.auth-live-clock strong{font-size:20px}}

/* Fullstack upgrade: API credential, admin, REST docs */
.muted{color:var(--muted);margin:8px 0 0}.api-hero p{font-size:13px}.token-once{margin:14px 0;padding:14px;border:1px solid rgba(80,224,109,.28);background:rgba(80,224,109,.09);border-radius:18px;display:grid;gap:8px}.token-once code{display:block;word-break:break-all;font-size:13px;line-height:1.5;color:#d9ffe3;background:rgba(0,0,0,.22);padding:11px;border-radius:13px}.token-once small{color:#a9f6b8}.code-box{padding:12px 14px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08);border-radius:15px;color:#d7ffe0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}.code-pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;border-radius:16px;background:#050b10;border:1px solid rgba(80,224,109,.18);color:#d7ffe0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}.api-list{display:grid;gap:10px;margin-top:14px}.api-list div{padding:12px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);display:grid;gap:4px}.api-list b{display:inline-grid;place-items:center;width:54px;height:24px;border-radius:999px;background:rgba(80,224,109,.13);color:#98f7aa;font-size:12px}.api-list span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;font-size:12px;word-break:break-all}.api-list small{color:var(--muted)}.table-lite{display:grid;gap:10px}.table-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.table-row span{display:grid;gap:2px;min-width:0}.table-row span b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-row small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-row strong{font-size:12px;color:#a9f6b8;text-transform:uppercase;white-space:nowrap}.mini-card b{font-size:24px;color:#fff}.btn.secondary.full{width:100%}