.app-frame{--app-danger:var(--figma-color-app-frame-surface);--app-sidebar:var(--figma-color-white);--app-panel:var(--figma-color-white);--app-overlay:var(--figma-color-sheet-tint);--app-muted:var(--secondary);--app-selected:var(--figma-color-selected-light);--app-input:var(--figma-color-white);--app-soft:var(--card);--app-radius:22px;--app-tabs:var(--app-input);--app-tab-selected:var(--app-selected);grid-template-columns:calc(var(--space-15) * 5 + var(--space-12)) minmax(0,1fr);min-height:100dvh;color:var(--ink);background:var(--background);font-size:14px;line-height:1.5;display:grid}:root[data-appearance=dark] .app-frame{--app-danger:var(--figma-color-alert);--app-sidebar:var(--figma-color-sidebar);--app-panel:var(--figma-color-drawer);--app-selected:var(--figma-color-mint);--app-input:var(--figma-color-sunken);--app-tabs:var(--figma-color-mode-wash);--app-tab-selected:var(--figma-color-line-strong);--app-soft:var(--figma-color-frost-end)}@media (prefers-color-scheme:dark){:root[data-appearance=system] .app-frame{--app-danger:var(--figma-color-alert);--app-sidebar:var(--figma-color-sidebar);--app-panel:var(--figma-color-drawer);--app-selected:var(--figma-color-mint);--app-input:var(--figma-color-sunken);--app-tabs:var(--figma-color-mode-wash);--app-tab-selected:var(--figma-color-line-strong);--app-soft:var(--figma-color-frost-end)}}body:has(.app-frame)>header{display:none}body:has(.app-frame)>main{max-inline-size:none;margin:0;padding:0}.app-frame a{text-decoration:none}.app-icon{width:20px;height:20px;-webkit-mask:var(--app-icon) center/contain no-repeat;mask:var(--app-icon) center/contain no-repeat;-webkit-mask:var(--app-icon) center/contain no-repeat;background:currentColor;flex-shrink:0;display:inline-block}.app-display{position:relative}.app-display summary{cursor:pointer;width:28px;height:28px;color:var(--secondary);place-items:center;list-style:none;display:grid}.app-display summary::-webkit-details-marker{display:none}.app-display .app-icon{width:16px;height:16px}.app-display>div{inset-inline-end:0;z-index:5;border:1px solid var(--line);background:var(--card);width:235px;box-shadow:0 8px 24px var(--figma-color-app-display-shadow);border-radius:16px;padding:16px;position:absolute;top:36px}.app-content{min-width:0;padding:28px 32px}.app-frame :focus-visible{outline:2px solid var(--green);outline-offset:2px}.app-frame ::selection{background:var(--app-selected);color:var(--ink)}.app-frame :is(input,textarea){caret-color:var(--green)}.app-frame bdi{font-variant-numeric:tabular-nums}@media (max-width:1050px) and (min-width:701px){.app-frame{grid-template-columns:calc(var(--space-15) * 5 + var(--space-12)) minmax(0,1fr)}.app-content{padding:24px}}.app-frame :is(.ui-button-primary,.transactions-record){background:var(--action-green);color:var(--figma-color-white)}.app-frame.app-frame :is(nav,[role=tablist],[class*=-tabs],[class*=-filters]) button{color:var(--ink);background:var(--app-tabs)}.app-frame.app-frame :is(nav,[role=tablist],[class*=-tabs],[class*=-filters]) button:is([aria-pressed=true],[aria-selected=true]){background:var(--app-tab-selected);color:var(--ink)}.app-frame input::placeholder{color:var(--secondary);opacity:1}.app-frame :is(form[role=search],.ui-search){align-items:center;gap:8px;block-size:48px;min-inline-size:0;padding:0 8px;display:flex}.app-frame :is(form[role=search],.ui-search) input{flex:1;block-size:46px;min-block-size:0;inline-size:100%;min-inline-size:0;margin:0;padding:0}.app-frame :is(form[role=search],.ui-search) button{clip-path:none;block-size:40px;min-block-size:40px;inline-size:auto;color:var(--ink);background:var(--app-selected);flex-shrink:0;position:static}.app-frame .app-display>div{z-index:50;text-align:start;gap:12px;inline-size:240px;max-inline-size:calc(100vw - 32px);padding:16px;display:grid;position:fixed;inset:auto}.app-frame .app-display:not([open])>div{display:none}.app-frame .app-display :is(a,label){justify-content:start;inline-size:100%;margin:0}.app-frame .app-display select{border-radius:10px;block-size:40px;min-block-size:40px;padding:6px 12px}.app-frame .app-display summary{min-block-size:40px;min-inline-size:40px}.app-frame table{text-align:start}.app-frame :is(th,time,bdi){white-space:nowrap;overflow-wrap:normal;word-break:normal}.app-frame :is([class*=-scroll],[class*=-table-wrap],.accounting-table){overscroll-behavior-inline:contain;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.app-frame :is(.reports-summary,.transactions-summary){align-items:stretch}.app-frame :is(.reports-summary,.transactions-summary) article{block-size:auto;min-block-size:117px;min-inline-size:0}.app-frame .reports-summary p{overflow-wrap:normal;flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.app-frame .reports-change{white-space:nowrap;white-space:normal;inline-size:100%;font-size:12px;line-height:20px;display:block}.app-frame .reports-period>div:first-child{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.app-frame .home-wallet-line{block-size:auto;min-block-size:44px}.app-frame .home-wallet-line>span:nth-child(2){overflow-wrap:anywhere;min-inline-size:0;line-height:22px}.app-frame .home-wallet-line>span:nth-child(2)>small{line-height:18px;display:block}.app-frame .home-activity{min-inline-size:0;overflow-x:auto}@media (min-width:701px){.app-frame .home-activity-labels,.app-frame .home-activity li{grid-template-columns:minmax(160px,1.7fr) minmax(120px,1fr) 65px minmax(110px,1fr) minmax(120px,1fr);min-inline-size:680px}}@media (max-width:700px){.app-frame .transactions-heading form{flex-basis:100%}.app-frame .reports-summary{grid-template-columns:1fr}}.app-frame .app-display{opacity:1}.app-frame .reports-summary article:first-child{height:auto;block-size:auto;min-height:140px}.app-frame table th{color:var(--secondary)}@media (min-width:43.8125rem){.app-frame>.app-content{grid-area:1/2}}@media (max-width:43.75rem){.app-frame:lang(ar) .app-content header :is(h1,h2){line-height:1.5}.app-frame:lang(ar) .app-content header p{line-height:1.8}.app-frame:lang(ar) .app-content header :is(h1,h2)+p{margin-block-start:var(--space-2)}.app-frame[lang] .app-content :is(button,a[href]){min-inline-size:calc(var(--space-11) * 2);min-block-size:calc(var(--space-11) * 2)}}.app-frame .app-display>button{min-inline-size:calc(var(--space-10) * 2);min-block-size:calc(var(--space-10) * 2);inline-size:calc(var(--space-10) * 2);block-size:calc(var(--space-10) * 2);color:var(--secondary);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}@media (max-width:43.75rem){.app-frame .app-display>button{min-inline-size:calc(var(--space-11) * 2);min-block-size:calc(var(--space-11) * 2)}}.app-frame>.app-sidebar{grid-area:1/1}.app-frame>.app-content{grid-area:1/2}.app-mobile-bar{display:none}@media (max-width:48em){.app-frame.app-frame{flex-direction:column;padding-block-start:calc(var(--space-14) * 2);display:flex}.app-frame>.app-sidebar{display:none}.app-frame>.app-mobile-bar{z-index:40;display:block;position:fixed;inset-block-start:0;inset-inline:0}.app-frame .app-content{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--space-10) var(--space-8)}}@media print{.app-frame>.app-sidebar,.app-mobile-bar{display:none}.app-frame{display:block}}
