.app-header{justify-content:space-between;align-items:center;padding:.5em 1em 0;display:flex}.app-header h1{color:var(--off-white)}.app-header svg{fill:var(--off-white)}.background,.new-transaction{width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.background{cursor:default;background-color:#00000080;height:100%}.new-transaction{background-color:var(--off-white);border-radius:20px;flex-direction:column;max-width:50em;margin:0 auto;padding:2em 0;display:flex}#new-transaction-form{width:17em;margin:0 auto}.form-section{text-align:left;flex-direction:column;margin:1em auto;display:flex}.form-section label{margin-bottom:.25em}.form-type{border:2px solid #ccc;border-radius:10px;width:max-content;margin:0 auto}.form-type label{background-color:inherit;cursor:pointer;border-radius:7px;margin:.1em;padding:.5em 2em;display:inline-block}.form-type input[type=radio]{display:none}.form-type input[type=radio]:checked+label{background-color:#ccc}.form-btns{justify-content:center;align-items:center;gap:1em;padding:.5em 0;display:flex}.form-btns button{border-radius:20px;padding:.5em 2em;font-weight:500}.submit-btn{background-color:var(--primary);color:var(--off-white);border:2px solid var(--primary)}.cancel-transaction{color:var(--expense);border:2px solid var(--expense)}.transaction{cursor:pointer;background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin:1em auto;padding:1em;display:flex}.transaction-entry{border-radius:inherit;justify-content:space-between;align-items:center;width:100%;display:flex}.transaction-info{text-align:left;flex-direction:column;gap:.25em;padding-right:1em;display:flex}.name{font-size:1.2em;font-weight:600}.transaction-info-right{text-align:center;flex-direction:column;align-items:flex-end;gap:.25em;display:flex}.amount{font-size:1.2em;font-weight:600}.date{color:var(--text-light)}.edit-transaction,.delete-transaction{border-radius:inherit;margin-left:1em;padding:.5em}.edit-transaction svg,.delete-transaction svg{fill:var(--off-white)}.edit-transaction{background-color:var(--primary)}.delete-transaction{background-color:var(--expense)}.delete-all-btn{border:2px solid var(--expense);color:var(--off-white);background-color:var(--expense);border-radius:20px;margin:1em auto;padding:.5em 2em;font-weight:500}.delete-confirm{background-color:var(--off-white)}.delete-confirm p{padding:1em 0;font-weight:500}.confirm-btns{justify-content:center;align-items:center;gap:1em;padding:.5em 0;display:flex}.confirm-btns button{border-radius:20px;padding:.5em 2em;font-weight:500}.confirm-delete{color:var(--off-white);background-color:var(--expense);border:2px solid var(--expense)}.confirm-cancel{color:var(--primary);border:2px solid var(--primary)}.transaction-home{max-width:50em;margin:0 auto}.transaction-header{margin:2em auto}.transaction-header h2{color:var(--off-white);margin-bottom:.25em;font-size:2em;font-weight:600}.transaction-header span{font-size:2.5em;font-weight:700}.income-expense{flex-wrap:wrap;justify-content:center;align-items:center;gap:2em;margin:2em auto;display:flex}.income-total,.expense-total{border-radius:10px;min-width:35%;padding:1em}.income-total h2,.expense-total h2{font-size:1.2em;font-weight:500}.income-total span,.expense-total span{font-size:1.4em}.income-total{background-color:var(--income-light)}.income-total h2{color:var(--income)}.expense-total{background-color:var(--expense-light)}.expense-total h2{color:var(--expense)}.transaction-list{background-color:var(--off-white);border-radius:20px;padding:.25em 1em 1em}.transaction-options{justify-content:space-between;align-items:center;margin:1em auto;display:flex}.filter-options{justify-content:space-between;align-items:flex-start;gap:1em;display:flex}select{background-color:inherit;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Outline'%20viewBox='0%200%2024%2024'%20width='24'%20height='24'%3e%3cpath%20d='M18.71,8.21a1,1,0,0,0-1.42,0l-4.58,4.58a1,1,0,0,1-1.42,0L6.71,8.21a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41l4.59,4.59a3,3,0,0,0,4.24,0l4.59-4.59A1,1,0,0,0,18.71,8.21Z'/%3e%3c/svg%3e") 100% no-repeat;border:none;padding-right:1em;font-family:inherit;font-size:1.75em;font-weight:700}.date-period{flex-wrap:wrap;gap:1em;width:max-content;display:flex}.date-period label{font-size:1.3em;font-weight:700}.date-period select{padding-right:1.3em;font-size:1.3em;font-weight:400}.add-transaction-btn{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;display:flex}.add-transaction-btn svg{fill:var(--off-white)}.search{align-items:center;gap:.5em;display:flex}.search input{width:5em}.no-transactions{padding:3em 0 2em;font-weight:500}.transaction-list ul{padding:1em 0;list-style-type:none}footer{padding:2em 1em}footer p{color:var(--off-white)}footer a{color:#00ebeb}footer a:hover{text-decoration:underline}#disclaimer{margin-bottom:1em}#disclaimer span{color:inherit;font-weight:700}.app{text-align:center;background:url(/assets/bg-blue-DdM2QbSk.svg) 0 0/cover no-repeat;min-height:100vh}:root{--off-white:#f5f5f5;--dark-mode:#1c1c1c;--primary:#2236a8;--text-light:#adadad;--income:#0ba549;--income-light:#ebffeb;--expense:#f12929;--expense-light:#ffeaea;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/inter-v13-latin-regular-BT1H-PT_.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/inter-v13-latin-500-kWhwEdDH.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/assets/inter-v13-latin-600-B2Ssfs8e.woff2)format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/assets/inter-v13-latin-700-C2zfFY7I.woff2)format("woff2")}*{box-sizing:border-box;color:var(--dark-mode);margin:0;padding:0}body{background-color:var(--off-white);margin:0;padding:0}a{color:inherit;text-decoration:none}button{all:unset;cursor:pointer;transition:all .15s ease-in-out}button:focus{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}img{-webkit-user-select:none;user-select:none;margin:0 auto;display:block}h1{font-weight:700}input,textarea{border:1px solid var(--dark-mode);border-radius:5px;padding:.25em;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1em;font-weight:400}textarea{resize:vertical;min-height:2em;max-height:20em}.income{color:var(--income)}.expense{color:var(--expense)}