:root{--primary-color: #082032;--primary-dark: #051726;--secondary-color: #2c394b;--tertiary-color: #334756;--accent-color: #ff4c29;--black-color: #000;--white-color: #fff;--text-color: rgba(255, 255, 255, .87);--dimmed-text-color: rgba(255, 255, 255, .4);--positive-color: #4caf50;--negative-color: #f44336;--elevation-2dp: 0px 1px 3px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .24);--elevation-4dp: 0px 4px 6px rgba(0, 0, 0, .2), 0px 2px 4px rgba(0, 0, 0, .18);--elevation-8dp: 0px 6px 10px rgba(0, 0, 0, .25), 0px 3px 5px rgba(0, 0, 0, .22);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--primary-color);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--primary-color: #f5f7fb;--primary-dark: #e9eef6;--secondary-color: #dbe2f0;--tertiary-color: #ccd6eb;--accent-color: #ff6f3c;--text-color: rgba(0, 0, 0, .87);--dimmed-text-color: rgba(0, 0, 0, .4);color-scheme:light}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(max-width:768px){#root{padding:.5rem}}@media(pointer:coarse),(hover:none){[title]{position:relative;display:inline-flex;justify-content:center}[title]:focus:after{content:attr(title);position:absolute;top:90%;color:var(--black-color);background-color:var(--white-color);border:1px solid;width:fit-content;padding:3px;font-size:10px;z-index:1}}button,.global-actions-input-label{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--text-color);background-color:var(--secondary-color);border:none;border-radius:4px;box-shadow:var(--elevation-2dp);transition:box-shadow .2s ease,transform .1s ease,background-color .2s ease}:is(button,.global-actions-input-label):hover{background-color:var(--tertiary-color);box-shadow:var(--elevation-4dp)}:is(button,.global-actions-input-label):active{background-color:var(--accent-color);transform:scale(.98);box-shadow:var(--elevation-8dp)}input[type=text],input[type=number],input[type=date]{color:var(--text-color);background-color:var(--secondary-color);border:none;border-radius:4px 4px 0 0;box-shadow:inset 0 -1px 0 0 var(--text-color);box-sizing:border-box;transition:box-shadow .2s ease,background-color .2s ease}:is(input[type=text],input[type=number],input[type=date])::placeholder{color:var(--dimmed-text-color);-webkit-user-select:none;user-select:none}:is(input[type=text],input[type=number],input[type=date]):hover{background-color:var(--tertiary-color)}:is(input[type=text],input[type=number],input[type=date]):focus{outline:none;background-color:var(--secondary-color);box-shadow:inset 0 -2px 0 0 var(--accent-color)}:is(input[type=text],input[type=number],input[type=date])::-webkit-outer-spin-button,:is(input[type=text],input[type=number],input[type=date])::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:768px){input[type=text],input[type=number],input[type=date]{width:100%}}input[type=checkbox]{display:none}input[type=checkbox]:checked+.spendings-list-filter-checkmark{background-color:var(--accent-color);border-color:var(--accent-color)}input[type=checkbox]:checked+.spendings-list-filter-checkmark:before{transform:scale(1) rotate(45deg)}.spendings-list-filter-label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.spendings-list-filter-checkmark{position:relative;width:14px;height:14px;border:2px solid var(--text-color);border-radius:4px;background-color:var(--primary-color);transition:all .2s ease}.spendings-list-filter-checkmark:before{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border-right:2px solid white;border-bottom:2px solid white;transform:scale(0) rotate(45deg);transition:transform .2s ease}select,::picker(select){appearance:base-select}select{flex:1;border:none;border-radius:4px 4px 0 0;box-shadow:inset 0 -1px 0 0 var(--text-color);background-color:var(--secondary-color);min-width:fit-content;gap:2rem;height:30px;cursor:pointer;transition:box-shadow .2s ease,background-color .2s ease}select:hover{background-color:var(--tertiary-color)}select:focus{outline:none;background-color:var(--secondary-color);box-shadow:inset 0 -2px 0 0 var(--accent-color)}select::picker-icon{color:var(--text-color);transition:.2s rotate}select:open{background-color:var(--secondary-color);box-shadow:inset 0 -2px 0 0 var(--accent-color)}select:open::picker-icon{rotate:180deg}select::picker(select){border:none;border-radius:4px;opacity:0;transition:all .2s allow-discrete}select::picker(select):popover-open{opacity:1}@media(max-width:768px){select{width:100%}}option{color:var(--text-color);display:flex;justify-content:flex-start;border:none;background-color:var(--secondary-color);padding:5px 10px;transition:.4s}option:first-of-type{border-top:4px solid var(--secondary-color)}option:last-of-type{border-bottom:4px solid var(--secondary-color)}option:not(option:last-of-type){border-bottom:none}option:hover{background-color:var(--tertiary-color)}option:focus{background-color:var(--accent-color)}option::checkmark{order:1;margin-left:auto}h1,th{-webkit-user-select:none;user-select:none}.standard-icon{fill:var(--text-color);width:24px;height:24px;transition:fill .2s ease,transform .2s ease}.standard-mini-icon{fill:var(--text-color);width:14px;height:14px;transition:fill .2s ease,transform .2s ease}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.global-actions-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;-webkit-user-select:none;user-select:none;background-color:var(--primary-dark);border-radius:4px;box-shadow:var(--elevation-2dp);width:100%;padding:1rem 0}.global-actions-tag{position:absolute;top:0;right:.5rem;font-size:12px;color:var(--dimmed-text-color)}.global-actions-contexts,.global-actions-data-ops{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.global-actions-contexts-selector{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem;height:40px}.global-actions-contexts-selector label{color:var(--dimmed-text-color);position:absolute;font-size:10px;pointer-events:none;padding:0 8px}.global-actions-contexts-selector:focus-within label{color:var(--accent-color)}.global-actions-contexts-selector select{padding-top:10px}.global-actions-mini-button{font-size:12px;width:fit-content;height:fit-content;padding:3px 6px}.global-actions-mini-text{font-size:12px}.global-actions-container input{display:none}.global-actions-input-label{font-size:12px;width:fit-content;height:fit-content;padding:1px 6px}.app-title-container{background-color:var(--primary-dark);border-radius:4px;box-shadow:var(--elevation-2dp);width:100%;padding:1rem 0}.app-title-container h1{margin:0}.user-selector{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;background-color:var(--primary-dark);border-radius:4px;box-shadow:var(--elevation-2dp);width:100%;padding:1rem 0}.user-selector-label{display:flex;flex-direction:row;align-items:center;justify-content:center;width:fit-content;height:30px;padding:0 10px;border:2px solid var(--secondary-color, gray);border-radius:8px;background-color:var(--secondary-color);box-shadow:var(--elevation-2dp);font-weight:600;-webkit-user-select:none;user-select:none;cursor:pointer;transition:box-shadow .2s ease,background-color .2s ease}.user-selector-label:hover{background-color:var(--tertiary-color);box-shadow:var(--elevation-4dp)}.user-selector-label:has(.user-selector-radio:checked){background-color:var(--accent-color);box-shadow:var(--elevation-8dp);padding-left:5px;gap:.2rem}.user-selector-label:has(.user-selector-radio:checked) .standard-mini-icon{opacity:1;width:14px}.user-selector-label .standard-mini-icon{opacity:0;width:0;transition:all .2s ease;transition-delay:.2s}.user-selector-radio{opacity:0;width:0;height:0;position:absolute}.user-selector-input{width:100px;height:30px;padding:0 0 0 5px}.spendings-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background-color:var(--primary-dark);border-radius:4px;box-shadow:var(--elevation-2dp);width:100%;padding:1rem 0}.spendings-input{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}@media(max-width:768px){.spendings-input{flex-direction:column}}.spendings-input-amount{width:100px;height:30px;padding:0 0 0 5px}.spendings-input-description{width:200px;height:30px;padding:0 0 0 5px}.spendings-input-last-updated{display:flex;flex-direction:row;align-items:center;justify-content:center}.spendings-input-mini-button{font-size:12px;width:20px;height:20px;margin-right:5px}.spendings-input-last-updated-text{font-size:12px}.spendings-input-datepicker{width:110px;height:30px;padding:0 5px}.spendings-list-expand button{display:flex;align-items:center;justify-content:center;width:fit-content;height:100%;font-size:12px;padding:5px}.spendings-list{display:var(--expanded, none);flex-direction:column;align-items:center;justify-content:center;background-color:var(--primary-dark);border-radius:4px;box-shadow:var(--elevation-2dp);width:100%;padding:1rem 0;gap:.5rem}@media(max-width:768px){.spendings-list ol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;width:auto}}@media(max-width:768px){.spendings-list li{width:100%}}.spendings-list-grid-container{display:grid;grid-template-columns:1fr 2fr 1fr auto;align-items:center;justify-content:center;font-size:14px;gap:.5rem}@media(max-width:768px){.spendings-list-grid-container{grid-template-columns:1fr 1fr 1fr 1fr}}.spendings-list-amount-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.spendings-list-amount-container-inner{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;background-color:var(--pred-color, gray);border-radius:8px;color:var(--white-color);box-shadow:0 0 10px #00000080;padding:0 .25rem}@media(max-width:768px){.spendings-list-amount-container-inner{flex-direction:column;gap:0;width:100%}}.spendings-list-button-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}@media(min-width:768px){.spendings-list-mini-button{width:20px;height:20px}}.spendings-list-grid-edit-container{display:flex;align-items:center;justify-content:center;font-size:14px;gap:.5rem}@media(max-width:768px){.spendings-list-grid-edit-container{display:grid;grid-template-columns:1fr;padding:0 1rem .5rem}}.spendings-list-amount-edit-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}@media(max-width:768px){.spendings-list-amount-edit-container{display:grid;grid-template-columns:1fr 2fr}}.spendings-list-user-selector{height:20px;padding:0 5px;min-block-size:20px;line-height:18px}.spendings-list-amount-input{width:100%;height:20px;padding:0 0 0 5px}.spendings-list-description-input{height:20px;padding:0 0 0 5px}.spendings-list-datepicker{height:20px;padding:0 5px}.spendings-list-filters{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}@media(max-width:768px){.spendings-list-filters{flex-direction:column;gap:.5rem}}.spendings-list-search-bar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.spendings-list-search-bar .standard-icon{position:absolute;pointer-events:none;padding:0 2px}.spendings-list-search-bar .spendings-list-search-input{width:200px;height:30px;padding:0 0 0 30px}.spendings-list-search-bar button{position:absolute;margin:0 170px;background-color:transparent;border:none;box-shadow:none}.spendings-list-search-bar button:hover{background-color:transparent;box-shadow:none}.spendings-list-search-bar button:hover .standard-icon{fill:var(--accent-color)}.spendings-list-search-bar button:active{background-color:transparent;box-shadow:none}.spendings-list-search-bar button:active .standard-icon{transform:scale(.98)}.summary-table-container{display:var(--emptyTable, none);flex-direction:column;align-items:center;justify-content:center;position:relative;gap:.5rem;background-color:var(--primary-dark);border-radius:4px;box-shadow:var(--elevation-2dp);width:100%;padding:1rem 0}@media(max-width:768px){.summary-table-container:before{content:"";position:absolute;top:0;left:0;width:1rem;height:100%;pointer-events:none;background:linear-gradient(to right,var(--primary-dark) 0%,rgba(0,0,0,0) 100%)}.summary-table-container:after{content:"";position:absolute;top:0;right:0;width:1rem;height:100%;pointer-events:none;background:linear-gradient(to left,var(--primary-dark) 0%,rgba(0,0,0,0) 100%)}}@media(max-width:768px){.summary-table-scroll{display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:0 1rem;box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}}.summary-table-container th{width:7rem}.summary-table-username{background-color:var(--pred-color, gray);color:var(--white-color);padding:0 5px;border-radius:8px;box-shadow:0 0 10px #00000080;margin:0 10px;-webkit-user-select:none;user-select:none}.summary-table-claims{color:var(--claim-color, var(--text-color))}