.accordion-enter-active,.accordion-enter-from,.accordion-enter-to,.accordion-leave-active,.accordion-leave-from,.accordion-leave-to{transition:height .2s;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:.2s}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave{opacity:1}.title{margin-bottom:20px;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:2rem;line-height:1.3;font-weight:300}.subtitle{margin-bottom:20px;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.25rem;line-height:1.3;font-weight:300}body,h1,h2,h3,h4,h5,h6,p,table,tbody,td,th,thead,tr,ul{margin:0;padding:0}body{background:#1a1a1a;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;color:#f5f5f5}a:link,a:visited{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;color:#ffc107;text-decoration:none}a:not([class]){color:#ffc107}ul{list-style:none}hr{margin:0;padding:0;height:1px;border:none;border-top:1px solid #2e2e2e}table{border-collapse:collapse}.ic{font-family:"Material Icons Round";font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.dialogContainer{display:flex;flex-flow:column;align-items:center;justify-content:center;z-index:200;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);transform:translateX(100vw);backdrop-filter:blur(5px)}.dialogContainer--active{transform:translateX(0)}.dialog{padding:20px;border-radius:8px;box-sizing:border-box;background:#2e2e2e;width:100%;max-width:550px}.listItem{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;transition:.2s;padding:10px 20px;width:100%;box-sizing:border-box;background:#2e2e2e}.listItem:hover{background:#444}.listItem-icon{margin-right:10px}.listItem-body{flex:1}.infoBar{display:flex;flex-flow:row;align-items:center;justify-content:space-between;margin-bottom:20px}.infoBar-widget{text-align:center}.infoBar-info,.infoBar-title{line-height:1}.monthSelector{display:flex;flex-flow:row;align-items:center;justify-content:space-around;padding:20px 10px;position:sticky;top:0;background:linear-gradient(180deg,#1a1a1a 60%,rgba(0,0,0,0) 100%)}.monthSelector .title{margin-bottom:10px}@media screen and (max-width:975px){.infoBar-info{font-size:16px}.monthSelector-button-text{display:none}}.sidebar{padding:20px;display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;border-radius:8px;background:#2e2e2e;width:20%}.sidebar-item{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;border-radius:8px;padding:10px;cursor:pointer;transition:.2s;background:#2e2e2e}.sidebar-item:hover{background:#444}.sidebar-item--active{color:#ffc107}.sidebar-item .ic{margin-right:10px}@media screen and (max-width:975px){.sidebar{display:none}}.bottombar{display:flex;flex-flow:row;align-items:stretch;justify-content:center;position:fixed;bottom:0;width:100%;background:#2e2e2e}.bottombar-item{display:flex;flex-flow:column;align-items:center;justify-content:center;padding:10px;flex:1}.bottombar-item--active{color:#ffc107}.bottombar-item-text{font-size:.75rem;font-weight:500;text-transform:uppercase}.bottombar-item .ic{margin-bottom:10px}.expensesTable{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start}.expensesTable-group{margin-bottom:20px;width:100%}.expensesTable-group--empty{display:flex;flex-flow:row;align-items:center;justify-content:center;padding:10px}.expensesTable-header{padding:5px 20px}.expenseItem{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;transition:.2s;padding:10px 20px;width:100%;background:#2e2e2e;box-sizing:border-box}.expenseItem>:not(:last-child){margin-bottom:10px}.expenseItem:hover{background:#444}.expenseItem-breakdown{display:flex;flex-flow:row;align-items:stretch;justify-content:space-between}.expenseItem-toolbar{display:flex;flex-flow:row;align-items:center;justify-content:flex-end}.expenseItem-toolbar .button:first-child{margin-right:10px}.expenseFormFrame{display:flex;flex-flow:column;align-items:center;justify-content:center;z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);transform:translateX(100vw);backdrop-filter:blur(5px)}.expenseFormFrame--active{transform:translateX(0)}.expenseFormModal{display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;padding:20px;border-radius:8px;background:#2e2e2e;width:100vw;box-sizing:border-box;max-width:560px;overflow:hidden}.expenseFormContainer{display:flex;flex-flow:row;align-items:stretch;justify-content:flex-start;width:100%}.expenseForm{transition:.2s;flex:0 0 100%;position:relative;right:100%;width:100%}.expenseForm--active{right:-10%}.expenseForm--static{right:0}.presetsContainer{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;border-radius:8px;transition:.2s;flex:0 0 100%;width:100%;position:relative;left:-110%;background:#444}.presetsContainer--active{left:0}.presetItem{display:flex;flex-flow:row;align-items:stretch;justify-content:flex-start;padding:10px;transition:.2s;cursor:pointer;border-radius:8px;box-sizing:border-box;width:100%}.presetItem:hover{background:#444}.presetItem:hover .presetItem-buttons{display:flex}.presetItem-name{padding:5px;flex:1;white-space:nowrap}.presetItem-input{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;padding:5px;border-radius:8px;transition:.2s;font-size:16px;color:#f5f5f5;border:none;background:#444;flex:1;width:100%}.presetItem-input:focus{outline:0}.presetItem-buttons{flex-flow:row;align-items:stretch;justify-content:flex-start;display:none}.legendItem{transition:.2s;background:#2e2e2e}.legendItem--active{background:#444}.categoryIcon{display:flex;flex-flow:row;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px}.appWindow{display:flex;flex-flow:row;align-items:flex-start;justify-content:flex-start;width:100%}.appFrame{padding:20px;flex:1}@media screen and (max-width:975px){.expenseFormModal{max-width:500px}.expenseForm .dateControl{display:none}.appFrame{padding-bottom:100px;width:100%}}.gridSection{display:grid;width:100%;max-width:1020px;grid-template-columns:1fr 1fr;gap:20px;justify-items:center;align-items:start;justify-content:stretch;margin:0 auto}.gridSection .panel{padding:20px;border-radius:8px;box-sizing:border-box;background:#2e2e2e;width:100%;max-width:550px}.gridSection .panel--fullWidth{padding:20px 0}.gridSection .panel--wide{grid-column:1/span 2;max-width:100%}@media screen and (max-width:975px){.gridSection .panel--wide{grid-column:1}}.gridSection .panel--center{justify-self:center;grid-column:1/span 2}.gridSection .panel--chart{min-height:400px}.gridSection .panelSection{margin-bottom:20px}.gridSection .panelSection:last-child{margin-bottom:0}@media screen and (max-width:975px){.gridSection .panel--center{grid-column:1}.gridSection{grid-template-columns:1fr}}.button{display:flex;flex-flow:row;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;transition:.2s;font-size:16px;background:#ffc107;border:none;color:#fff}.button:hover{background:#ffdb70}.button .ic{margin-right:10px}.button-icon .ic{margin:0}.button-icon--small{padding:5px}.button-icon--small .ic{font-size:12px}.button-grey{background:#444}.button-grey:hover{background:#666}.detail{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;line-height:1.3;font-weight:500;text-transform:uppercase;color:#aaa}.form-section{display:flex;flex-flow:column;align-items:center;justify-content:stretch;margin-bottom:20px;width:100%}.form-section:last-child{margin:0}.form-section .form-row{margin-bottom:10px}.form-row{display:flex;flex-flow:row;align-items:center;justify-content:stretch;margin-bottom:20px;width:100%}.form-row:last-child{margin:0}.form-row--rightAligned{display:flex;flex-flow:row;align-items:center;justify-content:flex-end}.form-row--centerAligned{display:flex;flex-flow:row;align-items:center;justify-content:center}.form-row>:not(:last-child){margin-right:10px}.form-inputGroup{display:flex;flex-flow:row;align-items:stretch;justify-content:stretch;width:100%}.form-inputGroup button,.form-inputGroup input,.form-inputGroup select{border-radius:0}.form-inputGroup button:first-child,.form-inputGroup input:first-child,.form-inputGroup select:first-child{border-radius:8px 0 0 8px}.form-inputGroup button:last-child,.form-inputGroup input:last-child,.form-inputGroup select:last-child{border-radius:0 8px 8px 0}.form-inputGroup>:not(:last-child){border-right:1px solid #666}.form-label{min-width:100px;width:20%}.form-textInput{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;padding:10px 20px;border-radius:8px;transition:.2s;box-sizing:border-box;font-size:16px;color:#f5f5f5;border:none;background:#444;flex-shrink:1;min-width:10px}.form-textInput:hover{background:#666}.form-textInput--flex{width:100%;flex:1 1 auto}.form-success{transition:.2s;color:#2ecc71;opacity:0}.form-success--active{animation:3s success;opacity:1}@keyframes success{from{transform:translateY(70px) scale(.9)}5%{transform:translateY(0) scale(1.4)}10%{transform:translateY(0) translateZ(0) scale(1)}}.form .flex{flex:1}pre{padding:20px;border-radius:8px;background:#2e2e2e;font-size:16px;line-height:2}