@layer module{.entry-date-separator{margin-top:var(--spacing-4);text-transform:uppercase;font-size:.8rem;font-weight:500;color:var(--text-accent);background-color:var(--background-secondary);border-bottom:1px solid var(--accent)}.entry-item{display:flex;padding:var(--spacing-2) var(--spacing-4);gap:var(--spacing-2);border-bottom:1px solid var(--accent);transition:background .2s ease-in-out;border-radius:var(--brad);&:hover{background-color:var(--accent)}&:active{background-color:var(--accent-active)}.entry-tags{display:flex;gap:var(--spacing);font-size:.5rem;text-transform:uppercase;font-weight:600;.entry-tag{border-radius:.2rem;padding:.1rem .2rem;background-color:var(--primary);background-image:var(--light-gradient);background-image:linear-gradient(90deg,#085078 0,#85D8CE 200%);color:var(--primary-text)}}.entry-main-info{display:flex;gap:var(--spacing-2)}.entry-amount{flex:0 1;display:flex;justify-content:flex-end;text-align:right;gap:var(--spacing-2);text-wrap:nowrap;.entry-amount-converted{color:var(--text-accent)}}}}@layer module{.summary-month{background:var(--accent);border-radius:var(--brad);padding:var(--spacing-4);margin-bottom:var(--spacing-4);.top-row{display:flex;.month{text-transform:uppercase;font-weight:600;color:var(--text-accent);flex:1 1}}}.category-bar{--bar-height:var(--spacing-2);margin-top:calc(2*var(--spacing-3));height:var(--bar-height);display:flex;.category-bar-element{display:block;flex-grow:var(--percentage);background:var(--category-color);height:100%;position:relative;&:first-child{border-top-left-radius:calc(var(--bar-height) / 2);border-bottom-left-radius:calc(var(--bar-height) / 2)}&:last-child{border-top-right-radius:calc(var(--bar-height) / 2);border-bottom-right-radius:calc(var(--bar-height) / 2)}&:before{position:absolute;bottom:100%;left:0;right:0;text-align:left;overflow:hidden;display:block;content:attr(data-category-label);text-transform:uppercase;color:var(--text-accent);font-size:.75rem;font-weight:400}}}.box{aspect-ratio:1;--width:15vw;background:var(--accent);border-radius:var(--brad);text-align:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2);.amount{font-size:1.5rem;font-weight:700;padding:var(--spacing-4) 0}.month{color:var(--text-accent);text-transform:uppercase;font-weight:500}}}