._section_gcujj_1{display:flex;flex-direction:column;overflow-x:hidden}._sticky_gcujj_10{align-self:self-start;overflow:hidden;position:sticky;top:0;max-height:100dvh}._box_19663_1{background:#fffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:15px;width:300px;max-height:300px;visibility:visible;transition:.2s cubic-bezier(.175,.885,.32,1.4)}._shadow_19663_13{box-shadow:0 0 10px 2px #414e6d33}._box_19663_1._closed_19663_17{overflow:hidden;width:0px;padding:0;visibility:hidden;max-height:0px}._input_18bjo_1{width:100%;padding:4px;background:none;border:none;border-radius:5px;font-size:.875rem;color:var(--primary)}._input_18bjo_1::placeholder{color:var(--secondary)}._form_1ro68_1{display:flex;flex-direction:column;gap:2px}._submit_1ro68_7{background:var(--accent);color:var(--background);width:40px;height:40px;border-radius:18px;border:none;transition:.2s;cursor:pointer}._submit_1ro68_7:hover{opacity:.7}._right_1ro68_22{display:flex;flex-direction:row-reverse;padding:8px}._toggle_1oo1y_1{border-radius:15px;border:1px solid var(--light);display:flex;overflow:hidden}._toggle_1oo1y_1 span{color:var(--light)}._option_1oo1y_13{padding:8px 32px;cursor:pointer;font-size:.875rem;transition:.4s;text-transform:capitalize}._option_1oo1y_13:hover{background:var(--lighter)}._option_1oo1y_13._selected_1oo1y_28{background:var(--lighter);color:var(--secondary);box-shadow:inset 0 0 5px #4a4e6d35,inset 0 0 10px 2px #4a4e6d11;cursor:default}._divisor_1oo1y_38{width:1px;height:100%;display:inline-block;background-color:var(--light)}._monthPicker_v5lif_1{display:flex;align-items:center;gap:4px}._month_v5lif_1{padding:4px;line-height:16px;border-bottom:3px dotted transparent;transition:border-color .2s;cursor:pointer;color:var(--accent);font-size:1.25rem;font-weight:var(--font-light)}._month_v5lif_1:hover{border-color:var(--light)}._icon_v5lif_22{padding:4px;cursor:pointer;-webkit-user-select:none;user-select:none}._icon_v5lif_22._rightArrow_v5lif_28 svg{transform:scale(-1)}._icon_v5lif_22 svg{fill:var(--light);transition:.2s}._icon_v5lif_22:hover svg{opacity:.7}:root{--font-bold: 700;--font-medium: 500;--font-regular: 400;--font-light: 300;--background: #f8fbff;--light: #d7dde8;--lighter: #edf1f7;--subtle: #e8ecfb;--primary: #4a4e6d;--secondary: #8a8787;--accent: #f87db2}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;font-style:normal;color:var(--primary)}html{font-size:16px;//test}body{background:var(--background)}.sidebar{height:100vh;width:150px;text-align:center;position:fixed}.logo{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:16px;margin:8px}.logo .tallyIcon{width:24px;height:24px}.logo .text{font-size:1.25rem}.navigation-menu{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:8px}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:12px;border-radius:50%;height:68px;width:68px;transition:.4s}.menu-item:hover{background:var(--lighter)}.menu-item .icon{flex:1;aspect-ratio:1/1;background:var(--primary)}.menu-item .label{font-size:.625rem}.content-view{display:flex;flex-direction:column;margin-left:150px;height:100dvh;gap:24px}.header,.content{display:flex;flex-direction:row;max-width:1200px;width:100%;margin:0 auto}.header{position:relative;margin:0 auto;justify-content:space-between;align-items:center;flex:0 0 80px}.center{position:absolute;left:50%;transform:translate(-50%)}.content{flex:1;gap:96px;kj}.details{overflow:auto;margin-top:.875rem;margin-bottom:.875rem;padding:16px 8px 0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) transparent;transition:.2}.details:hover{scrollbar-color:rgba(0,0,0,.3) transparent}.menu{position:relative;margin-left:100px;margin-right:16px;padding:0 8px;display:flex;justify-content:space-between;font-size:.875rem}.menu .new{position:relative;color:var(--accent);cursor:pointer;transition:.4s}.menu .floating-menu{position:absolute;z-index:2;top:100%;padding:8px}.menu .new:hover{opacity:.6;transform:skewY(-1deg)}.menu .filter{color:var(--light);cursor:pointer}.date-entry{position:relative}.date-transactions{margin-top:16px}.date{display:flex;position:absolute;left:0;top:0;flex-direction:column;align-items:center}.date .month,.date .day{font-weight:var(--font-light);color:var(--light)}.date .day{font-size:2rem;line-height:32px}.transactions-section{display:flex;width:200%;gap:16px}.transactions-section .split{width:100%;transition:transform .3s cubic-bezier(.175,.885,.32,1.1)}.transactions-section .split.shift{transform:translate(calc(-100% - 16px))}.date-transactions{margin-left:100px;display:flex;flex-direction:column;gap:8px;margin-right:16px}.transaction{background:var(--lighter);display:flex;flex-direction:row;border-radius:15px;align-items:center;padding:24px;gap:24px;transition:.4s;cursor:default}.transaction:hover{background:var(--light);padding:26px;margin-left:-16px}.transaction .icon{background:var(--primary);width:24px;height:24px}.transaction .title,.transaction .price{font-size:.875rem;font-weight:var(--font-bold)}.transaction .body{flex:1}.transaction .note{font-size:.75rem;color:var(--secondary)}.transactions .divisor{width:100%;height:1px;background:var(--subtle);margin:16px 0}.circle{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1/1;background:var(--accent);border-radius:50%}.inner-circle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:240px;height:240px;background:var(--background);border-radius:50%;z-index:1}.details .savings{color:#9fc79d;font-size:1.75rem;font-weight:var(--font-light)}.details .savings.negative{color:#ff7c7c}.details .label{color:var(--accent);opacity:.7;font-size:.75rem}