:root{--bg:#eae8df;--surface:#f8f5eb;--surface-2:#eeece1;--text:#243e68;--muted:#67758a;--line:#d4d7d2;--accent:#274b80;--accent-ink:#fffdf4;--good:#477761;--warning:#9b612f;--danger:#a74747;--radius:3px;--font:Vazirmatn,system-ui,sans-serif;--margin-line:#c99b8c;--paper-rule:#274b8012;--paper-shadow:#303c5014;color-scheme:light}
:root[data-theme="dark"]{--bg:#192431;--surface:#222f3e;--surface-2:#2b3949;--text:#e8e3d7;--muted:#aeb8c5;--line:#46515b;--accent:#b7cdec;--accent-ink:#172b43;--good:#a8c6aa;--warning:#e6be86;--danger:#e5a296;--margin-line:#997267;--paper-rule:#b7cdec0e;--paper-shadow:#0003;color-scheme:dark}
body{letter-spacing:-.12px}.app-shell{max-width:540px;min-height:100dvh;padding:0 0 86px;background:var(--bg)}.app-header{position:relative;padding:24px 20px 18px;min-height:80px;background:none;border:0;display:flex;justify-content:space-between;gap:12px}.ledger-brand{display:flex;align-items:center;gap:9px;min-width:0}.ledger-brand svg{width:30px;height:30px}.ledger-brand strong{font-size:14px;font-weight:650}.ledger-brand span{display:block;font-size:8px;letter-spacing:.9px;margin-top:3px;color:var(--muted)}.ledger-tools{display:flex;gap:5px}.ledger-tools button{background:none;border:0;min-width:40px;height:42px;padding:0 8px}.ledger-language{font-size:11px;letter-spacing:.8px}.icon-only span{display:none}.app-main{padding:0 12px 0}.ledger-section-title{display:flex;align-items:center;justify-content:space-between;padding:15px 8px 21px;gap:14px}.ledger-section-title h2{font-size:23px;font-weight:500}.ledger-section-title>div>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.ledger-section-title>button{display:flex;align-items:center;gap:6px;background:none;border:0;padding:8px 0;font-size:11px;min-height:44px}.ledger-index{padding:12px;margin-bottom:12px;background:var(--surface);border:1px solid var(--line)}.ledger-index .list-controls{margin:0}.search-box{border-radius:2px}.segmented{border-radius:2px}.segmented button{border-radius:1px}.ledger-notebook{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;filter:drop-shadow(0 7px 10px var(--paper-shadow))}.ledger-tabs{display:flex;flex-direction:column;gap:5px;padding-top:25px;max-height:568px;overflow-y:auto;scrollbar-width:none}.ledger-tabs button{border:1px solid var(--line);border-inline-end:0;border-radius:5px 0 0 5px;min-width:0;min-height:68px;width:36px;padding:9px 2px;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;background:var(--surface-2);font-size:12px;color:var(--muted);position:relative;transition:background .2s,color .2s}.ledger-tabs button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}[dir="rtl"] .ledger-tabs button{border-radius:0 5px 5px 0}.ledger-tabs i,.ledger-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--good)}.ledger-tabs i.status-20,.ledger-tabs i.status-25,.ledger-tabs i.status-50{background:var(--danger)}.ledger-tabs button[aria-pressed="true"] i{background:currentColor}.ledger-page{position:relative;min-width:0;min-height:570px;background:var(--surface);border:1px solid var(--line);border-radius:2px 4px 4px 2px;padding:18px 18px 0 31px;box-shadow:3px 3px 0 var(--surface-2),4px 4px 0 var(--line);content-visibility:visible!important;contain:none!important}.ledger-page:before{content:"";position:absolute;top:0;bottom:0;left:22px;width:1px;background:var(--margin-line);opacity:.6;pointer-events:none}[dir="rtl"] .ledger-page{padding:18px 31px 0 18px}[dir="rtl"] .ledger-page:before{left:auto;right:22px}.ledger-page-kicker{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);letter-spacing:.8px;margin-bottom:21px;gap:10px}.ledger-identity h1{font-size:21px;font-weight:550;overflow-wrap:anywhere;letter-spacing:-.6px;text-align:start}.ledger-identity>p{font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere;text-align:start}.ledger-identity>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px;font-size:9px;color:var(--muted)}.ledger-status{display:inline-flex;gap:5px;align-items:center;color:var(--good)}.ledger-status.status-20,.ledger-status.status-25,.ledger-status.status-50{color:var(--danger)}.ledger-status.status-20 i,.ledger-status.status-25 i,.ledger-status.status-50 i{background:var(--danger)}.ledger-reading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:24px 0 8px}.ledger-line-no{position:absolute;inset-inline-start:-27px;top:50%;transform:translateY(-50%);font-size:8px;font-weight:400;color:var(--muted);direction:ltr}.ledger-reading-label{font-size:11px}.ledger-number{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.ledger-number strong{font-size:48px;font-weight:400;line-height:1.5;letter-spacing:-2px}.ledger-number>span{font-size:9px}.ledger-allowance{text-align:end;display:flex;flex-direction:column;gap:6px;min-width:42px;padding-top:16px}.ledger-allowance>span{font-size:9px;color:var(--muted)}.ledger-allowance>strong{font-size:11px;font-weight:450}.ledger-ruler{padding:0 0 17px}.ledger-ink-track{height:15px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10%);border-bottom:1px solid var(--line);position:relative;direction:ltr}.ledger-ink-track>span{height:6px;background:var(--accent);position:absolute;top:4px;left:0;transform-origin:left;clip-path:polygon(0 20%,10% 10%,30% 20%,54% 0,76% 20%,100% 5%,100% 70%,75% 100%,60% 85%,40% 100%,20% 70%,0 90%)}.ledger-ruler-label{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px;padding-top:8px}.ledger-line{position:relative;min-height:47px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.ledger-line-label{color:var(--muted);flex-shrink:0}.ledger-line>strong{font-weight:450;text-align:end;overflow-wrap:anywhere}.ledger-expired>strong{color:var(--danger)}.ledger-auto{border:0;background:none;display:flex;gap:5px;align-items:center;min-height:44px;font-size:10px;padding:0}.ledger-auto .icon{width:13px}.ledger-page-actions{position:relative;display:grid;grid-template-columns:1fr 47px;gap:7px;border-top:1px solid var(--line);padding-top:18px;margin-top:1px}.ledger-page-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;min-height:45px;border:1px solid var(--accent);border-radius:2px;font-size:11px}.ledger-primary{background:var(--accent);color:var(--accent-ink)}.ledger-qr{background:none;flex-direction:column;gap:1px!important;font-size:8px!important}.ledger-qr .icon{width:16px;height:16px}.ledger-notes{position:relative;padding:10px 0 21px}.ledger-notes button{display:flex;align-items:center;gap:7px;font-size:10px;background:none;border:0;padding:5px 0;min-height:38px}.ledger-stroke{height:7px;display:block;width:97px;border-bottom:1px solid var(--accent);border-radius:50%;position:absolute;bottom:20px;inset-inline-start:20px;transform:rotate(-3deg);opacity:.4}.ledger-page-foot{border-top:1px solid var(--line);padding:10px 0;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.7px;color:var(--muted)}.ledger-page-foot strong{font-size:12px;font-weight:450}.ledger-pager{display:flex;justify-content:space-between;align-items:center;padding:15px 4px 0 36px;gap:10px}[dir="rtl"] .ledger-pager{padding:15px 36px 0 4px}.ledger-pager button{border:0;background:none;display:flex;gap:5px;align-items:center;min-height:44px;font-size:9px;padding:4px}.ledger-pager>.ledger-prev .icon{transform:rotate(180deg)}[dir="rtl"] .ledger-pager>.ledger-prev .icon{transform:none}[dir="rtl"] .ledger-pager>.ledger-next .icon{transform:rotate(180deg)}.ledger-pager>span{font-size:12px;letter-spacing:2px}.ledger-pager>span i{font-style:normal;color:var(--muted)}.ledger-more{padding:0 5px 12px}.ledger-more:empty{display:none}.app-nav{position:fixed;inset:auto 0 0;width:min(100%,540px);margin:auto;padding:0 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:linear-gradient(transparent,var(--bg) 16%);border:0;box-shadow:none;backdrop-filter:none;height:75px;z-index:20;align-items:end}.app-nav button{min-height:55px;border:1px solid var(--line);border-bottom:0;border-radius:4px 4px 0 0;background:var(--surface-2);color:var(--muted);display:flex;flex-direction:row;justify-content:center;gap:8px;padding:8px 5px;font-size:11px;font-weight:500}.app-nav button small{font-size:8px;align-self:flex-start;margin-top:4px}.app-nav button[aria-current="page"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);min-height:61px}.btn,.icon-btn{border-radius:2px}.btn{box-shadow:none}.btn:active,.ledger-page-actions button:active{transform:translateY(1px)}.ledger-secondary{margin:8px 4px 20px;padding:22px 16px 25px 28px;background:var(--surface);border:1px solid var(--line);position:relative}.ledger-secondary:before{content:"";position:absolute;top:0;bottom:0;left:18px;border-left:1px solid var(--margin-line);opacity:.5}[dir="rtl"] .ledger-secondary{padding:22px 28px 25px 16px}[dir="rtl"] .ledger-secondary:before{left:auto;right:18px}.page-title h1{font-size:25px;font-weight:500}.page-title p{font-size:11px}.wallet-card{padding:20px 0;border:0;border-radius:0;background:none;color:var(--text);box-shadow:none;border-top:1px solid var(--line);border-bottom:3px double var(--line)}.wallet-card:after{display:none}.wallet-card .balance{font-weight:400;font-size:37px}.wallet-card .balance-caption,.wallet-card .small{color:var(--muted)}.wallet-card .btn{color:var(--text);background:none;border:1px solid var(--line)}.wallet-card .balance small{font-size:11px}.transaction-list{border:0;border-radius:0}.transaction{background:none;padding:16px 0;grid-template-columns:22px minmax(0,1fr) auto;gap:8px}.tx-icon{width:22px;height:22px;border-radius:0;background:none}.tx-title{font-size:11px}.tx-meta{font-size:8px}.tx-amount{font-size:11px}.category-list{gap:0;counter-reset:category}.category-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 0;background:none;grid-template-columns:30px minmax(0,1fr) 16px;gap:9px;counter-increment:category}.category-symbol{width:28px;height:30px;border-radius:0;background:none}.category-symbol svg{display:none}.category-symbol:before{content:counter(category,decimal-leading-zero);font-size:16px;font-weight:400}.category-card h3{font-size:14px;font-weight:550}.category-card p{font-size:10px}.notice{border-radius:2px}.section-title h2{font-size:17px;font-weight:500}
/* An open full-screen notebook, with a persistent page heading and a separate signing footer. */
.sheet{inset:0;margin:0 auto;width:min(100%,540px);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-radius:0;background:var(--surface);box-shadow:0 0 70px #17233844;overflow:hidden}.sheet[open]{display:flex;animation:none}.sheet::backdrop{background:#17233875;backdrop-filter:blur(2px)}.ledger-dialog-binding{position:absolute;inset:0 auto 0 0;width:22px;border-right:1px solid var(--margin-line);background:repeating-linear-gradient(0deg,transparent 0 30px,var(--line) 31px 32px,transparent 33px 64px);pointer-events:none;z-index:1}[dir="rtl"] .ledger-dialog-binding{left:auto;right:0;border-right:0;border-left:1px solid var(--margin-line)}.sheet-header{padding:25px 19px 20px 38px;min-height:104px;border-bottom:3px double var(--line);background:var(--surface);align-items:center}[dir="rtl"] .sheet-header{padding:25px 38px 20px 19px}.ledger-dialog-heading{min-width:0}.ledger-dialog-heading>span{display:block;font-size:8px;letter-spacing:.7px;color:var(--muted);margin-bottom:10px}.sheet-header h2{font-size:22px;font-weight:450;overflow-wrap:anywhere}.sheet-header .row{gap:8px}.sheet-header .icon-btn{min-width:36px;width:36px;height:40px;background:none;border:1px solid var(--line)}.sheet-body{padding:22px 20px 20px 44px;flex:1;min-height:0;background:var(--surface)}[dir="rtl"] .sheet-body{padding:22px 44px 20px 20px}.ledger-dialog-entry{position:relative;min-width:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.ledger-dialog-entry:last-child{margin-bottom:0}.ledger-dialog-entry:before{content:attr(data-entry);position:absolute;inset-inline-start:-34px;top:5px;direction:ltr;color:var(--muted);font-size:8px}.ledger-entry-label{font-size:9px;font-weight:500;letter-spacing:1px;color:var(--muted);margin-bottom:14px}.detail-title{font-size:24px;font-weight:500;overflow-wrap:anywhere}.detail-identity{font-size:10px;margin-bottom:0}.ledger-dialog-cover>.row{gap:9px;align-items:center;flex-wrap:wrap}.badge{border-radius:2px;font-weight:450;font-size:10px}.detail-usage{background:none;padding:20px 0 0;margin:10px 0 0;border-top:1px solid var(--line);border-radius:0}.detail-usage .big{font-size:34px;font-weight:400;margin:5px 0 10px}.progress{height:4px;border-radius:0}.progress span{border-radius:0}.fact-list{margin-top:0!important}.fact-list>div{min-height:45px;align-items:center;font-size:11px;padding:11px 0;gap:12px}.fact-list dt{flex-shrink:1;max-width:49%}.fact-list dd{font-weight:500}.fact-list>div:last-child{border-bottom:1px solid var(--line)}.ledger-tool-page .action-grid{gap:7px}.ledger-tool-page .action-grid .btn{padding:10px 7px;font-size:10px;min-height:47px}.ledger-tool-page .action-row{margin-top:18px;font-size:12px}.ledger-tool-page .action-row p{font-size:10px}.ledger-dialog-footer{flex-shrink:0;padding:12px 20px calc(14px + env(safe-area-inset-bottom)) 44px;border-top:3px double var(--line);background:var(--surface)}[dir="rtl"] .ledger-dialog-footer{padding:12px 44px calc(14px + env(safe-area-inset-bottom)) 20px}.ledger-footer-label{display:block;font-size:8px;letter-spacing:.8px;color:var(--muted)}.sheet-actions{padding:10px 0 4px;border:0;background:none;gap:8px}.sheet-actions .btn{font-size:13px;min-height:47px}.ledger-footer-rule{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-size:8px;color:var(--muted)}.sheet-body .plan-list{display:block}.plan-card{position:relative;border:0;border-bottom:1px solid var(--line);padding:16px 0 18px 22px;border-radius:0;background:none;gap:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0}.plan-card:last-child{border-bottom:0}[dir="rtl"] .plan-card{padding:16px 22px 18px 0}.ledger-plan-number{position:absolute;inset-inline-start:0;top:19px;font-size:9px;color:var(--muted)}.plan-card>.row{grid-column:1/-1;gap:8px;justify-content:start;flex-wrap:wrap}.plan-card h3{font-size:15px;font-weight:500}.plan-card .price{grid-column:1/-1;font-size:23px;font-weight:400}.plan-card .plan-meta{font-size:9px;flex-direction:column;gap:3px;align-self:center}.plan-card .plan-meta .icon{width:12px;height:12px}.plan-card>.btn{font-size:10px;min-height:43px;width:auto;padding:8px 11px;align-self:center}.plan-card .plan-trial{grid-column:1/-1}.sheet[data-kind="qr"] .sheet-body{background:repeating-linear-gradient(0deg,transparent 0 31px,var(--paper-rule) 31px 32px),var(--surface)}.sheet .qr-frame{position:relative;max-width:270px;padding:15px;margin:16px auto 22px;background:#fff;border-radius:0;border:1px solid #c9c8c0;box-shadow:3px 4px 0 var(--paper-shadow);transform:rotate(-2deg)}.qr-frame:before{content:"";position:absolute;left:35%;top:-10px;width:70px;height:21px;background:#ddd7b4b3;transform:rotate(3deg)}.qr-frame svg{width:100%;height:auto}.technical-value{border-radius:1px;font-size:10px;background:var(--surface-2);border:1px solid var(--line)}.sheet .field{font-size:12px}.sheet input,.sheet select,.sheet textarea{border-radius:1px;background:var(--surface)}.sheet .notice{font-size:12px}.sheet .empty{padding:40px 10px}.sheet-error{border-radius:0}.sheet[data-kind="confirmation"] .fact-list>div:last-child{padding:20px 0;border-top:3px double var(--line);font-size:14px}.sheet[data-kind="settings"] .sheet-body{font-size:12px}.sheet .grid-2{gap:8px}.sheet .grid-2 .btn{font-size:11px;padding:9px}.toast{border-radius:2px;max-width:calc(100% - 30px);background:var(--accent);color:var(--accent-ink)}
@media(min-width:480px){.ledger-page{padding-inline-end:25px;min-height:620px}.ledger-number strong{font-size:60px}.ledger-reading{padding-top:34px}.ledger-line{min-height:54px}.ledger-page-actions{padding-top:23px}.ledger-identity h1{font-size:27px}.ledger-tabs button{min-height:75px}.ledger-section-title{padding-block:20px 25px}.app-shell{border-inline:1px solid var(--line)}}
@media(max-width:374px){.app-header{padding:20px 16px 12px}.ledger-brand span{letter-spacing:.2px}.ledger-section-title{padding-top:12px;padding-bottom:17px}.ledger-page{padding-inline-end:13px}.ledger-number strong{font-size:41px}.ledger-identity h1{font-size:18px}.ledger-page-kicker{font-size:7px;letter-spacing:.2px}.ledger-line{gap:7px;font-size:9px}.ledger-page{min-height:560px}.ledger-page-actions>button{font-size:10px}.ledger-pager button{font-size:8px;gap:3px}.ledger-pager .icon{width:15px}.sheet-header h2{font-size:20px}.sheet-body{padding-inline-end:16px}.sheet .fact-list>div{font-size:10px}.ledger-tool-page .action-grid .btn{font-size:9px}.sheet .plan-card .price{font-size:22px}.app-nav button{font-size:10px;gap:6px}}
/* Keep the index numerals on the ruled margin even though the numerals are LTR. */
.ledger-line-no{width:14px;inset-inline-start:auto;left:-27px;right:auto}.ledger-dialog-entry:before{width:14px;inset-inline-start:auto;left:-34px;right:auto}.ledger-plan-number{width:14px;inset-inline-start:auto;left:0;right:auto}
[dir="rtl"] .ledger-line-no{left:auto;right:-27px}[dir="rtl"] .ledger-dialog-entry:before{left:auto;right:-34px}[dir="rtl"] .ledger-plan-number{left:auto;right:0}
.renew-summary,.purchase-summary{background:none;border-radius:0;border-top:1px solid var(--line);border-bottom:3px double var(--line);padding:20px 0}.renew-summary .summary-amount,.purchase-summary .summary-amount{font-weight:400}
@media(max-width:479px){.app-header{padding-top:18px;padding-bottom:11px;min-height:70px}.ledger-section-title{padding-top:10px;padding-bottom:15px}.ledger-page-kicker{margin-bottom:15px}.ledger-reading{padding-top:17px}.ledger-line{min-height:41px}.ledger-ruler{padding-bottom:13px}.ledger-page-actions{padding-top:14px}.ledger-notes{padding-bottom:14px}.ledger-stroke{bottom:13px}.ledger-page{min-height:550px}.ledger-page-foot{padding:9px 0}.ledger-pager{padding-top:7px}[dir="rtl"] .ledger-pager{padding-top:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}