:root{--color-background:#020202;--color-surface:#211f24;--color-primary:#5a5df0;--color-text:#fafafa;--color-income:#34d399;--color-expense:#f87171;--color-muted:hsla(0,0%,98%,.65);--content-width:min(1100px,100% - 3rem);--font-heading:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;padding:0}body{background:radial-gradient(circle at top right,rgba(90,93,240,.25),transparent 40%),radial-gradient(circle at bottom left,rgba(52,211,153,.2),transparent 45%),var(--color-background);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}a:focus,a:hover{text-shadow:0 0 8px rgba(90,93,240,.8)}a:focus-visible{outline:2px dashed var(--color-primary);outline-offset:4px}img.emoji{display:inline-block;height:1.2em;margin:0 .1em;vertical-align:-.2em;width:1.2em}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#211f24e6,#5a5df059);border-bottom:1px solid rgba(90,93,240,.35);position:sticky;top:0;z-index:10}.navbar{gap:1.25rem;justify-content:space-between;margin:0 auto;padding:1rem 0;width:var(--content-width)}.branding,.navbar{align-items:center;display:flex}.branding{gap:.75rem}.branding .logo{background:linear-gradient(135deg,#5a5df0f2,#5a5df033);border-radius:12px;box-shadow:0 0 18px #5a5df08c;display:grid;font-family:var(--font-heading);font-weight:600;height:42px;letter-spacing:.02em;place-items:center;width:42px}.branding strong{font-family:var(--font-heading);font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase}.nav-links{display:flex;flex-wrap:wrap;gap:1rem}.nav-links a{border:1px solid transparent;border-radius:999px;color:var(--color-text);font-size:.95rem;padding:.4rem .9rem}.nav-links a.router-link-active,.nav-links a:focus,.nav-links a:hover{background:#5a5df026;border-color:#5a5df099}.navbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.navbar-actions,.navbar-actions .nav-links{justify-content:flex-end}.language-selector{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#211f24d9;background-image:linear-gradient(135deg,#5a5df059,#5a5df014),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fafafa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:0 0,right .9rem center;background-repeat:no-repeat;background-size:auto,.65rem;border:1px solid rgba(90,93,240,.45);border-radius:999px;box-shadow:0 12px 26px #04041073;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.95rem;gap:.4rem;min-width:140px;padding:.5rem 2.6rem .5rem 1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.language-selector:focus,.language-selector:focus-visible{border-color:#5a5df0e6;box-shadow:0 0 0 3px #5a5df047,0 12px 28px #0404108c;outline:none}.language-selector:hover{border-color:#5a5df0c7;box-shadow:0 10px 24px #0606148c;transform:translateY(-1px)}.language-selector option{color:#111;font-family:var(--font-body)}main{flex:1;width:100%}.wrapper{width:var(--content-width)}.docs-layout,.wrapper{margin:0 auto;padding:clamp(2rem,3vw,3rem) 0 4rem}.docs-layout{display:grid;gap:clamp(1.5rem,3vw,3rem);grid-template-columns:minmax(220px,260px) minmax(0,1fr);width:min(1280px,100% - 3rem)}.docs-sidebar{align-self:start;position:sticky;top:5.5rem}.docs-sidebar-inner{background:#211f2499;border:1px solid rgba(90,93,240,.35);border-radius:18px;box-shadow:0 20px 40px #020202a6;max-height:calc(100vh - 6rem);overflow:auto;padding:1.5rem}.docs-nav,.docs-sidebar-inner{display:grid;gap:1.75rem}.docs-nav-group{display:grid;gap:.75rem}.docs-nav-heading{color:#fafafa8c;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.14em;margin:0;text-transform:uppercase}.docs-nav-list{display:grid;gap:.35rem;list-style:none;margin:0;padding:0}.docs-nav-list a{border:1px solid transparent;border-radius:.75rem;color:#fafafabf;display:block;padding:.45rem .75rem;transition:color .2s ease,background .2s ease,border-color .2s ease,text-shadow .2s ease}.docs-nav-list a:focus,.docs-nav-list a:hover{background:#5a5df01f;border-color:#5a5df073;color:var(--color-text);text-shadow:0 0 12px rgba(90,93,240,.45)}.docs-nav-list a.router-link-active{background:#5a5df033;border-color:#5a5df0bf;color:var(--color-text);text-shadow:0 0 14px rgba(90,93,240,.6)}.docs-nav-item{display:flex;flex-direction:column}.docs-nav-parent{align-items:center;display:flex;gap:0}.docs-nav-parent>a{border:1px solid transparent;border-radius:.75rem 0 0 .75rem;border-right:none;color:#fafafabf;display:block;flex:1;padding:.45rem .5rem .45rem .75rem;transition:color .2s ease,background .2s ease,border-color .2s ease,text-shadow .2s ease}.docs-nav-parent>a:focus,.docs-nav-parent>a:hover{background:#5a5df01f;border-color:#5a5df073;color:var(--color-text);text-shadow:0 0 12px rgba(90,93,240,.45)}.docs-nav-parent>a.router-link-active{background:#5a5df033;border-color:#5a5df0bf;color:var(--color-text);text-shadow:0 0 14px rgba(90,93,240,.6)}.docs-nav-toggle{align-items:center;background:transparent;border:1px solid transparent;border-left:none;border-radius:0 .75rem .75rem 0;color:#fafafabf;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;transition:color .2s ease,background .2s ease,border-color .2s ease;width:32px}.docs-nav-toggle:focus,.docs-nav-toggle:hover{outline:none}.docs-nav-toggle:focus,.docs-nav-toggle:hover,.docs-nav-toggle[aria-expanded=true]{background:#5a5df01f;border-color:#5a5df073;color:var(--color-text)}.docs-nav-toggle-icon{flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.docs-nav-toggle[aria-expanded=true] .docs-nav-toggle-icon{transform:rotate(90deg)}.docs-nav-sublist{display:grid;gap:.25rem;list-style:none;margin:.35rem 0 0;max-height:0;opacity:0;overflow:hidden;padding:0 0 0 1rem;transition:max-height .3s ease,opacity .2s ease,margin-top .2s ease}.docs-nav-sublist.expanded{max-height:500px;opacity:1}.docs-nav-sublist a{border:1px solid transparent;border-radius:.5rem;color:#fafafaa6;display:block;font-size:.9rem;padding:.35rem .65rem;transition:color .2s ease,background .2s ease,border-color .2s ease,text-shadow .2s ease}.docs-nav-sublist a:focus,.docs-nav-sublist a:hover{background:#5a5df01a;border-color:#5a5df059;color:var(--color-text);text-shadow:0 0 10px rgba(90,93,240,.4)}.docs-nav-sublist a.router-link-active{background:#5a5df026;border-color:#5a5df099;color:var(--color-text);text-shadow:0 0 12px rgba(90,93,240,.5)}.docs-content{min-width:0}.hero{display:grid;gap:1.1rem;padding:4rem 0 2.5rem;text-align:center}.hero h1{font-family:var(--font-heading);font-size:clamp(2.25rem,5vw,3.4rem);letter-spacing:.02em;margin:0;text-shadow:0 0 18px rgba(90,93,240,.45)}.hero p{color:var(--color-muted);font-size:1.05rem;margin:0 auto;max-width:640px}.hero .cta{align-items:center;background:linear-gradient(135deg,#5a5df0e6,#5a5df08c);border-radius:999px;box-shadow:0 0 22px #5a5df059;color:var(--color-text);display:inline-flex;font-weight:600;gap:.4rem;justify-content:center;padding:.8rem 1.6rem}.hero .cta:hover{box-shadow:0 0 28px #5a5df08c}.download-section{align-items:center;background:#211f2499;border:1px solid rgba(90,93,240,.35);border-radius:24px;box-shadow:0 25px 50px #020202a6;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:3rem 0;padding:3rem}.download-content{display:grid;gap:1.25rem}.download-content .section-title{margin:0}.download-content p{color:var(--color-muted);font-size:1.05rem;line-height:1.6;margin:0}.store-badges{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.store-badge{display:block;transition:transform .2s ease,box-shadow .2s ease}.store-badge:hover{box-shadow:0 8px 24px #5a5df04d;text-shadow:none;transform:translateY(-3px)}.store-badge img{display:block;height:48px;width:auto}.download-screenshot{align-items:center;display:flex;justify-content:center}.download-screenshot img{border:1px solid rgba(90,93,240,.3);border-radius:16px;box-shadow:0 20px 50px #020202b3,0 0 30px #5a5df026;max-height:400px;max-width:100%}@media(max-width:900px){.download-section{grid-template-columns:1fr;padding:2rem;text-align:center}.store-badges{justify-content:center}.download-screenshot{order:-1}.download-screenshot img{max-height:300px}}.section-title{font-family:var(--font-heading);font-size:1.85rem;margin:3rem 0 1rem;text-shadow:0 0 12px rgba(90,93,240,.35)}.section-title span{color:var(--color-primary)}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.card{background:#211f24e6;border:1px solid rgba(90,93,240,.35);border-radius:16px;box-shadow:0 25px 45px #020202a6;color:var(--color-text);display:grid;gap:1rem;padding:1.75rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.card:hover{box-shadow:0 30px 55px #5a5df040;transform:translateY(-6px)}.card h3{font-family:var(--font-heading);font-size:1.3rem;margin:0}.card p{color:var(--color-muted);margin:0}.card .meta{color:#fafafa8c;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.callouts{display:grid;gap:1rem;margin:2rem 0 3rem}.callout{background:#211f24b3;border:1px solid rgba(90,93,240,.35);border-radius:14px;display:grid;gap:.4rem;margin:1rem 0;overflow:hidden;padding:1.25rem 1.5rem;position:relative}.callout:last-child{margin-bottom:0}.callout:first-child{margin-top:0}.callout:before{background:radial-gradient(circle at top right,rgba(90,93,240,.4),transparent 60%);content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.callout strong{font-family:var(--font-heading);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}.callout p{color:var(--color-muted);margin:0}.callout.hint{border-left:4px solid var(--color-income)}.callout.warning{border-left:4px solid var(--color-expense)}.stepper{counter-reset:transaction-step;display:grid;gap:1.2rem;list-style:none;margin:1.5rem 0 0;padding:0}.stepper li{background:#211f24bf;border:1px solid rgba(90,93,240,.35);border-radius:18px;box-shadow:0 20px 45px #020202a6;padding:1.5rem 1.5rem 1.5rem 3.75rem;position:relative}.stepper li:before{background:#5a5df059;border-radius:999px;color:var(--color-text);content:counter(transaction-step);counter-increment:transaction-step;display:grid;font-weight:600;height:32px;left:1.4rem;place-items:center;position:absolute;top:1.4rem;width:32px}.stepper h3,.stepper li:before{font-family:var(--font-heading)}.stepper h3{margin:0 0 .5rem}.stepper p{color:var(--color-muted);margin:0}.stepper ul{margin-top:.75rem}.step-cards{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1.5rem}.step-card{background:#211f24bf;border:1px solid rgba(90,93,240,.35);border-radius:18px;box-shadow:0 20px 45px #020202a6;display:grid;gap:.75rem;padding:1.5rem;position:relative}.step-card .step-number{background:#5a5df059;border-radius:999px;color:var(--color-text);display:grid;font-family:var(--font-heading);font-weight:600;height:40px;letter-spacing:.04em;place-items:center;width:40px}.step-card h3{font-family:var(--font-heading);font-size:1.2rem;margin:0}.step-card p{color:var(--color-muted);margin:0}.detail-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1.5rem}.detail-block{background:#211f24bf;border:1px solid rgba(90,93,240,.35);border-radius:18px;box-shadow:0 20px 45px #020202a6;display:grid;gap:.75rem;padding:1.5rem}.detail-block h3{font-family:var(--font-heading);font-size:1.15rem;margin:0}.detail-block p{color:var(--color-muted);margin:0}.note{color:#fafafabf;font-size:.95rem}.split-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.prose{color:var(--color-muted);display:grid;gap:1.25rem;line-height:1.7}.prose h2,.prose h3{color:var(--color-text);font-family:var(--font-heading);margin:0}.prose ol,.prose ul{display:grid;gap:.6rem;margin:0;padding-left:1.25rem}.prose li::marker{color:#5a5df0e6}.screenshot-wall{display:grid;gap:1.25rem;margin-top:1.5rem}.screenshot-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.screenshot-frame{background:linear-gradient(135deg,#5a5df073,#020202f2);border:1px solid rgba(90,93,240,.5);border-radius:18px;box-shadow:inset 0 0 45px #5a5df040,0 25px 45px #020202cc;overflow:hidden;padding-top:60%;position:relative}.screenshot-frame span{color:#fafafab3;display:grid;font-family:var(--font-heading);inset:0;letter-spacing:.08em;place-items:center;position:absolute;text-transform:uppercase}.badge{align-items:center;background:#5a5df038;border:1px solid rgba(90,93,240,.4);border-radius:999px;color:var(--color-text);display:inline-flex;font-size:.75rem;gap:.4rem;letter-spacing:.12em;padding:.35rem .85rem;text-transform:uppercase}.breadcrumb{align-items:center;color:#fafafa8c;display:flex;font-size:.85rem;gap:.35rem;margin-bottom:2rem}.breadcrumb a{color:#fafafabf}.breadcrumb span{color:#fafafa59}.sidebar{background:#211f248c;border:1px solid rgba(90,93,240,.35);border-radius:18px;box-shadow:0 20px 40px #020202a6;display:grid;gap:1rem;padding:1.5rem}.sidebar h3{font-family:var(--font-heading);font-size:1.1rem;margin:0}.sidebar nav{display:grid;gap:.6rem}.sidebar a{color:#fafafabf}.sidebar a:hover{color:var(--color-text)}.img-gallery{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.img-thumb{background:linear-gradient(135deg,#5a5df033,#020202cc);border:2px solid rgba(90,93,240,.4);border-radius:10px;cursor:pointer;height:80px;overflow:hidden;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;width:120px}.img-thumb:hover{border-color:#5a5df0cc;box-shadow:0 8px 24px #5a5df04d;transform:scale(1.05)}.img-thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.img-thumb-placeholder{align-items:center;color:#fafafa80;display:flex;font-family:var(--font-heading);font-size:.65rem;height:100%;justify-content:center;letter-spacing:.08em;text-transform:uppercase;width:100%}.img-thumb.img-preview{height:auto;max-width:100%;width:auto}.img-thumb.img-preview img{display:block;height:auto;max-height:320px;-o-object-fit:contain;object-fit:contain;width:auto}.img-thumb-overlay{align-items:center;background:#5a5df026;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.img-thumb:hover .img-thumb-overlay{opacity:1}.img-thumb-overlay svg{color:var(--color-text);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:24px;width:24px}.lightbox{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020202f2;display:flex;inset:0;justify-content:center;opacity:0;padding:2rem;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{align-items:center;display:flex;flex-direction:column;gap:1rem;max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border:1px solid rgba(90,93,240,.3);border-radius:12px;box-shadow:0 25px 60px #0009,0 0 40px #5a5df033;max-height:85vh;max-width:100%}.lightbox-caption{color:var(--color-muted);font-size:.9rem;max-width:600px;text-align:center}.lightbox-close{align-items:center;background:#5a5df04d;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-3rem;transition:background .2s ease,transform .2s ease;width:40px}.lightbox-close:hover{background:#5a5df080;transform:scale(1.1)}.lightbox-close svg{height:20px;width:20px}.lightbox-nav{align-items:center;background:#5a5df04d;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,transform .2s ease;width:48px}.lightbox-nav:hover{background:#5a5df080}.lightbox-nav.prev{left:-4rem}.lightbox-nav.next{right:-4rem}.lightbox-nav svg{height:24px;width:24px}footer{background:#020202d9;border-top:1px solid rgba(90,93,240,.25);margin-top:auto;padding:2rem 0}footer .footer-inner{align-items:center;color:#fafafa8c;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;justify-content:space-between;margin:0 auto;width:var(--content-width)}footer .footer-inner p{margin:0}footer .footer-links{display:flex;gap:1.5rem}footer .footer-links a{color:#fafafa8c;transition:color .2s ease}footer .footer-links a:hover{color:var(--color-text)}@media(max-width:1024px){.docs-layout{grid-template-columns:1fr;padding:2rem 0 3rem;width:min(100%,100% - 2rem)}.docs-sidebar{position:static}.docs-sidebar-inner{max-height:none;overflow:visible}}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem}.hero{padding-top:3rem}.docs-nav{gap:1.25rem}.docs-nav-list{gap:.5rem}.docs-nav-list a{padding:.5rem .85rem}.section-title{margin-top:2.5rem}.img-thumb{height:67px;width:100px}.lightbox-nav.prev{left:.5rem}.lightbox-nav.next{right:.5rem}.lightbox-close{position:fixed;right:.5rem;top:.5rem}footer .footer-inner{flex-direction:column;text-align:center}}
