:root{--background:#f7f9fb;--background-dimm:#d8dadc;--background-dimm-soft:#ecedf1;--foreground:#171717;--border-color:#cbccd2;--primary-color:#0f172a;--primary-color-fixed:#3f465c;--primary-color-text:#fff;--primary-color-text-dimm:#bec6e0;--secondary-color:#10b981;--secondary-color-dimm:#4edea3;--secondary-color-text:#000;--secondary-color-foreground:#fff;--tertiary-color:#64748b;--tertiary-color-dimm:#b7c8e1;--tertiary-color-text:#fff;--neutral-color:#f8fafc;--neutral-color-dimm:#e2e8f0;--neutral-color-text:#000;--titles-color:#111c2c;--accent-color:var(--secondary-color);--accent-color-text:var(--secondary-color-text);--accent-color-hover:var(--secondary-color-dimm);--header-background-color:var(--primary-color);--section-color-odd:#fff3e6;--background-color:var(--primary-color);--text-color:#45464d;--font-family:var(--font-hanken-grotesk), Arial, Helvetica, sans-serif;--title-family:var(--font-hanken-grotesk), Arial, Helvetica, sans-serif;--label-family:var(--font-jetbrains-mono);--padding-horizontal:10vw;--gap:8px;--spaceXS:4px;--spaceS:8px;--spaceM:16px;--spaceL:24px;--spaceXL:32px;--spaceXXL:48px;--fontSizeXXL:32px;--fontSizeXL:28px;--fontSizeL:20px;--fontSizeM:16px;--fontSizeS:14px;--fontSizeXS:12px;--title1-size:calc(var(--fontSizeXXL) + 4px);--title2-size:calc(var(--fontSizeXL) + 2px);--title3-size:calc(var(--fontSizeL) + 1px);--pageSpaceX:10vw;--pagePaddingBottom:env(safe-area-inset-bottom,30px);--headerHeight:70px;--link-transition:color .3s ease;--boxShadow:1px 1px 6px #00000012;--sidePanelWidth:250px;--red100:#ffebee;--red200:#ffcdd2;--red300:#ef9a9a;--red400:#e57373;--red500:#ef5350;--red600:#f44336;--red700:#e53935;--red800:#d32f2f;--red900:#c62828;--green100:#e8f5e9;--green200:#c8e6c9;--green300:#a5d6a7;--green400:#81c784;--green500:#66bb6a;--green600:#4caf50;--green700:#43a047;--green800:#388e3c;--green900:#2e7d32;--blue:#0064e6;--blue100:#e6f1ff;--blue200:#cce3ff;--blue300:#99c7ff;--blue400:#6af;--blue500:#338dff;--blue600:#0070ff;--blue700:#0057cc;--blue800:#004ab3;--blue900:#003d99;--gray100:#f5f5f5;--gray200:#eee;--gray300:#e0e0e0;--gray500:#9e9e9e;--gray700:#616161;--gray900:#212121;--orange:#f56a00;--orange100:#fff4e6;--orange200:#ffe4c2;--orange300:#ffcd8f;--orange400:#ffb45c;--orange500:#f93;--orange600:#ff7f0d;--orange700:#d95d00;--orange800:#bf5200;--orange900:#a64700;--yellow100:#fff4cc;--yellow200:#ffe8a3;--yellow300:#ffdb7a;--yellow400:#ffce52;--yellow500:#ffc22e;--yellow600:#ffb70a;--yellow700:#e6a300;--yellow800:#cc9000;--yellow900:#b27d00;--yellow:#ffbf00;--purple:purple;--purple100:#f3e5f5;--purple200:#e1bee7;--purple300:#ce93d8;--purple400:#ba68c8;--purple500:#ab47bc;--purple600:#9c27b0;--purple700:#8e24aa;--purple800:#7b1fa2;--purple900:#6a1b9a}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--pagePaddingBottom);flex-direction:column;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (max-width:1440px){:root{--sidePanelWidth:230px}}@media (max-width:1024px){:root{--sidePanelWidth:200px}}@media (max-width:768px){:root{--sidePanelWidth:350px}}@media (max-width:500px){:root{--pagePaddingBottom:calc(env(safe-area-inset-bottom) + 70px)}}@media (max-width:425px){:root{--sidePanelWidth:100%}}
.side-panel{width:var(--sidePanelWidth);height:100vh;padding:var(--spaceS) var(--spaceM);border-right:2px solid var(--border-color);gap:var(--spaceXL);background-color:#fdfdfd;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0}.side-panel-logo{padding:var(--spaceS);background-color:#4c7ba3;align-self:center;height:50px}.side-panel-title{font-size:var(--fontSizeL);font-weight:500}.side-panel-subtitle{text-transform:uppercase;font-size:var(--fontSizeS);letter-spacing:.05em;font-weight:500}.side-panel-link{padding:var(--spaceS);font-size:var(--fontSizeM)}.side-panel-link-icon{width:24px}.side-panel-link-active{color:var(--secondary-color);background-color:#e0e3ea}.side-panel-close-btn{all:unset;display:none}.side-panel-create-transaction-btn{width:100%;background:var(--secondary-color)!important;transition:background .4s ease-in-out,color .4s ease-in-out!important}.side-panel-create-transaction-btn:hover{background:var(--secondary-color-dimm)!important;color:var(--secondary-color-text)!important}@media (max-width:1440px){.side-panel{padding:var(--spaceS) var(--spaceS)}}@media (max-width:1024px){.side-panel{padding:var(--spaceM) var(--spaceS)}}@media (max-width:768px){.side-panel{z-index:1001;height:auto;padding:var(--spaceM) var(--spaceL);transition:transform .24s ease-out,opacity .24s ease-out;position:fixed;top:0;bottom:4px;left:0}.side-panel-open{opacity:1;pointer-events:auto;transform:translate(0)}.side-panel-closed{opacity:0;pointer-events:none;transform:translate(-100%)}.side-panel-close-btn{display:initial;right:var(--spaceM);width:24px;height:24px;position:absolute}}@media (max-width:425px){.side-panel{padding:var(--spaceM)}}