#app{max-width:1280px;margin:0 auto;padding:0 0 0 10px;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){#app{display:grid;grid-template-columns:1fr 1fr;padding:0 0rem}}h1[data-v-51e89040],h2[data-v-51e89040]{font-size:24px;color:#333;margin-bottom:20px}div[data-v-51e89040]{margin-bottom:10px}button[data-v-51e89040]{margin-right:10px;padding:5px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}button[data-v-51e89040]:hover,button.active[data-v-51e89040]{background-color:#b7db17}button.btn-active[data-v-51e89040]{animation:restore-color 1s}.clear-history-btn[data-v-51e89040]{margin-top:10px;background-color:#f44}.clear-history-btn[data-v-51e89040]:hover{background-color:#d00000}input[data-v-51e89040]{padding:5px;border:1px solid #ddd;border-radius:5px}p[data-v-51e89040]{margin-top:10px;font-size:16px;color:#555}table[data-v-51e89040]{width:100%;border-collapse:collapse}th[data-v-51e89040],td[data-v-51e89040]{border:1px solid #ddd;padding:2px;text-align:center}th[data-v-51e89040]{background-color:#f4f4f4}td[data-v-51e89040]{font-size:12px}.history-container[data-v-51e89040]{max-height:400px;overflow-y:auto;border:1px solid #ddd;padding:5px;border-radius:5px}.money[data-v-51e89040]{background-color:#f440;color:#000}.item[data-v-918cd5d6]{margin-top:2rem;display:flex;position:relative}.details[data-v-918cd5d6]{flex:1;margin-left:1rem}i[data-v-918cd5d6]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-918cd5d6]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-918cd5d6]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-918cd5d6]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-918cd5d6]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-918cd5d6]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-918cd5d6]:first-of-type:before{display:none}.item[data-v-918cd5d6]:last-of-type:after{display:none}}