:root{--color-red:#cc3c39;--color-green:#418e41;--color-yellow:#f3bc44;--color-blue:#468fe8;--std-gap:10px;--std-color-transition:color .3s ease-out;--std-bg-transition:background-color .3s ease-out;--std-fill-transition:fill .3s ease-out;--std-stroke-transition:stroke .3s ease-out}:root[data-theme=light]{--color-fg:#1a1a1a;--color-md:#e7e7e7;--color-bg:#fcfbfc;--color-font-md:#757479}:root[data-theme=dark]{--color-fg:#fcfbfc;--color-md:#757479;--color-bg:#1a1a1a;--color-font-md:#757479}body{background-color:var(--color-bg);color:var(--color-fg);transition:var(--std-bg-transition), var(--std-color-transition);overscroll-behavior:none;height:100vh;margin:0;font-family:Consolas,monospace;font-size:16px;overflow:hidden}h1{margin:0;font-size:24px}h2{margin:20px 0}p,ul{margin:0;padding:0}li{margin:0;padding:0;list-style:none}@media screen and (width<=800px){body{font-size:14px}}.guard.unauthorized{justify-content:center;align-items:center;gap:var(--std-gap);flex-direction:column;height:100vh;display:flex}.guard.unauthorized>h1{color:var(--color-red)}.guard.unauthorized>.action{gap:var(--std-gap);flex-direction:column;display:flex}.guard.unauthorized>.action>input{box-sizing:border-box;padding:2px 0}.guard.unauthorized>.action>input:focus{outline:none}.guard.unauthorized>.action>button{border:none;border-radius:4px;padding:4px}.guard.unauthorized>.action>button.fetch{color:var(--color-font-md)}.loading{justify-content:center;align-items:center;gap:10px;width:100vw;height:100vh;display:flex}.loading>svg{animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{flex-direction:column;gap:25px;height:calc(100vh - 73px);margin:20px;display:flex}.profile{--size:40px;justify-content:space-between;align-items:center;display:flex}.profile>.user{align-items:center;gap:var(--std-gap);display:flex}.profile>.user>img{width:var(--size);height:var(--size);object-fit:cover;border-radius:50%}.profile>.user>span{font-weight:700}.profile>.icons{gap:var(--std-gap);display:flex}.profile>.icons>div{width:var(--size);height:var(--size);box-sizing:border-box;cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}.profile>.icons>div>.pow{width:50px;height:50px;stroke:var(--color-yellow);stroke-width:4px;stroke-linecap:round;stroke-dasharray:100;position:absolute}@keyframes line{0%{stroke-dashoffset:100px}40%{stroke-dashoffset:0}60%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.balance{flex-direction:column;font-size:14px;font-weight:400;display:flex}.balance>.amount{font-size:26px;font-weight:700}.month{gap:var(--std-gap);flex-direction:column;display:flex}.month>p{color:var(--color-font-md);justify-content:space-between;align-items:center;display:flex}.month>p>.title{color:var(--color-fg);transition:var(--std-color-transition)}.month>.line{background-color:var(--color-md);height:2px;transition:var(--std-bg-transition);border-radius:1px;position:relative}.month>.line>.progress{background-color:var(--color-fg);height:2px;transition:width .5s ease-out, var(--std-bg-transition);border-radius:1px;position:absolute;top:0;left:0}.chart{--color-curve:var(--color-blue);height:200px;position:relative}.chart>.panel{background-color:var(--color-fg);color:var(--color-bg);border-radius:4px;padding:2px 4px;display:none;position:absolute}.chart>svg{width:100%;height:200px}.chart>svg>.axis{stroke:var(--color-md);fill:none;transition:var(--std-stroke-transition)}.chart>svg>.col{stroke:var(--color-font-md);stroke-dasharray:4 2;fill:none;transition:var(--std-stroke-transition)}.chart>svg>.label{stroke:none;fill:var(--color-font-md);dominant-baseline:central;text-anchor:start;transition:var(--std-fill-transition);font-size:12px}.chart>svg>.x.label{dominant-baseline:text-before-edge;text-anchor:middle;transition:var(--std-fill-transition)}.chart>svg>.stroke{fill:none;stroke:var(--color-curve);stroke-width:1px;stroke-linejoin:round;stroke-linecap:round}.chart>svg>.fill{fill:var(--color-curve);opacity:.4;stroke:none}.chart>svg>.dot{fill:var(--color-bg);stroke:var(--color-blue);stroke-width:1px;transition:var(--std-fill-transition)}.list{gap:var(--std-gap);flex-direction:column;flex:1;display:flex;overflow-y:scroll}.list>ul{--size:40px;gap:var(--std-gap);flex-direction:column;display:flex}.list>ul>.date{color:var(--color-font-md)}.list>ul>li{justify-content:space-between;align-items:center;gap:var(--std-gap);display:flex}.list>ul>li>.info{gap:var(--std-gap);display:flex}.list>ul>li>.info>.icon{place-items:center;display:grid}.list>ul>li>.info>.text{color:var(--color-font-md);flex-direction:column;display:flex}.list>ul>li>.info>.text>.note{color:var(--color-fg);transition:var(--std-color-transition);font-weight:700}.list>ul>li .value{text-align:end;color:var(--color-font-md);flex-direction:column;display:flex}.list>ul>li .value>.amount{font-size:16px}.list>ul>li .value>.amount.expense{color:var(--color-red)}.list>ul>li .value>.amount.income{color:var(--color-green)}