#id{width:100%}#app-body[data-v-3ecedbd8]{width:100%;height:100%}#top-nav[data-v-3ecedbd8]{background-color:#6b0696;padding:15px;color:#fff;display:flex}#top-nav a[data-v-3ecedbd8]{color:#ddd;margin-right:10px;text-decoration:none}#top-nav a[data-v-3ecedbd8]:hover{color:#fff}#page-wrapper[data-v-3ecedbd8]{margin-top:20px}#monthly-summary-grid[data-v-50dbd3bd]{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr}.dropdown-options{color:#fff}.dropdown-input[data-v-e9cd5b6d]{position:relative}.options[data-v-e9cd5b6d]{position:absolute;top:100%;left:0;z-index:1000;background-color:#000}.error-wrapper[data-v-46f963cd]{background-color:salmon;margin-top:8px}p[data-v-46f963cd]{font-weight:700}#new-value-input[data-v-360689b1]{width:100%}td.editModeOn[data-v-360689b1]{padding:0}table[data-v-0a5cce86]{border-collapse:collapse}#modal-outer-container[data-v-da7c1baa]{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:2000;background:#000c;display:flex;align-items:center;justify-content:center}#modal-inner-container[data-v-da7c1baa]{padding:16px 16px 24px;background:#fff}.modal-close-container[data-v-da7c1baa]{display:flex;justify-content:end;margin-bottom:16px}.subcategory-wrapper[data-v-710d5182]{margin:10px 0}.subcategory-text[data-v-710d5182]{display:inline;margin-right:10px}.subcategory-delete-button[data-v-710d5182]{font-size:8px}.category-options[data-v-5c77a6e4]{position:absolute;top:100%;left:0;z-index:1000}#add-category-input[data-v-49c7bfbb]{width:350px;margin-right:16px}