button{outline:1px solid var(--border-color)!important;border-radius:var(--page-button-border-radius)!important;cursor:pointer!important;transition:background .25s ease!important;font-family:var(--font-sans)!important}button:hover{background-color:var(--table-header-hover-color)!important}.dashboardPage{font-family:var(--font-sans)!important;color:var(--primary-text-color)!important;width:100%!important;height:100%!important;margin:0!important}.accounting{flex-direction:column!important;gap:0!important;margin-top:0!important;margin-bottom:20px!important;background-color:none!important;padding:1rem!important}.accounting,.dashboard_settings{display:flex!important;width:100%!important}.dashboard_settings{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;padding:0!important;gap:.5rem!important}.dashboard_settings input[type=date],.dashboard_settings input[type=text],.dashboard_settings select{padding:8px!important;font-size:1rem!important;border:none!important;border-radius:5px!important;background-color:var(--foreground-color)!important;color:var(--primary-text-color)!important;transition:border-color .3s!important;font-size:var(--page-button-font-size)!important;width:var(--page-button-width)!important;height:var(--page-button-height)!important;box-shadow:var(--box-shadow)!important}.dashboard_settings input[type=date]:focus,.dashboard_settings input[type=text]:focus,.dashboard_settings select:focus{outline:none!important;border-color:var(--info-color)!important}.dateRangePicker,.filterDate{display:flex!important;gap:.5rem!important}.dashboard_filter,.date{display:flex!important;flex-direction:column!important}.dashboard_filter label,.date label{font-size:var(--input-label-font-size)!important;color:var(--secondary-text-color)!important;margin-right:.5rem!important}.exportButton{display:flex!important;align-items:flex-end!important;gap:.5rem!important;background-color:transparent!important;padding:0!important}.exportButton button{background:var(--secondary-color)!important;border:none!important;border-radius:var(--page-button-border-radius)!important;color:var(--button-font-color)!important;font-size:var(--page-button-font-size)!important;width:var(--page-button-width)!important;height:var(--page-button-height)!important;box-shadow:var(--box-shadow)!important;transition:background-color .3s ease!important;padding:none!important;justify-content:center!important;align-items:center!important}.dataContainer,.exportButton button{outline:none!important;display:flex!important}.dataContainer{flex-direction:row!important;flex-wrap:nowrap!important;padding:1rem 0!important;width:100%!important;height:auto!important;justify-content:space-between!important;align-items:stretch!important;background-color:none!important}.data,.dataContainer{gap:1rem!important;border:none!important}.data{display:grid!important;max-width:50%!important;flex:0.6 1 0!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;outline:none!important}.dataGrid{display:flex!important;flex-direction:column!important;gap:1rem!important;padding:1rem!important;background-color:var(--foreground-color)!important;border-radius:.5rem!important;box-shadow:var(--box-shadow)!important;transition:transform .3s,box-shadow .3s!important}.dataGrid:hover{transform:translateY(-5px)!important;box-shadow:0 5px 15px rgba(0,0,0,.2)!important}.dataGrid p{font-size:2rem!important;font-weight:700!important;margin:0!important;text-align:center!important}.categoryBreakdown{display:flex!important;flex-direction:column!important;gap:.5rem!important;font-size:.9rem!important;max-height:45%!important;overflow-y:scroll!important;overflow-x:hidden!important}.categoryItem{display:flex!important;justify-content:space-between!important;padding:.3rem!important;background-color:var(--table-header-hover-color)!important;border-radius:4px!important}.categoryItem span:last-child{font-weight:600!important}#expenses,#profit,#revenue{box-shadow:var(--box-shadow)!important}#revenue p{color:var(--success-color)!important}#expenses p{color:var(--primary-color)!important}#profit p{color:var(--info-color)!important}#emoji{font-size:3rem!important;text-align:center!important;padding:.5rem!important;border-radius:var(--border-radius)!important;background-color:transparent!important;box-shadow:none!important}.emoji{display:flex!important;justify-content:center!important;align-items:center!important;height:100%!important}.emoji video{width:125px!important;height:90%!important;border-radius:var(--border-radius)!important;padding:.5rem!important}.graphContainer-wrapper{flex-wrap:wrap!important;background-color:none!important;padding:0!important;align-items:stretch!important}.graphContainer,.graphContainer-wrapper{display:flex!important;border-radius:4px!important;flex:1!important;overflow:hidden!important;max-height:100%!important;box-shadow:var(--box-shadow)!important}.graphContainer{flex-direction:column!important;gap:0!important;padding:1rem!important;background-color:var(--foreground-color)!important;justify-content:center!important;align-items:center!important;background-color:none!important;min-height:0!important;min-width:0!important;max-width:100%!important}.graphContainer .title{margin-bottom:1rem!important;font-size:var(--title-font-size)!important;font-weight:var(--title-font-weight)!important}.pieChartContainer{display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important}.pieChartContainer,.pieChartContainer canvas{width:100%!important;max-width:100%!important;height:auto!important;background-color:none!important}.pieChartContainer canvas{object-fit:contain!important;max-height:min-content!important;gap:1rem!important}@media (max-width:1620px){.dataContainer{max-height:none!important}}@media (max-width:1260px){.data{max-width:40%!important;gap:.2rem!important}.dataContainer{flex-direction:row!important}.dataGrid p{font-size:1rem!important}.categoryBreakdown{font-size:.8rem!important}}@media (max-width:900px){.data{max-width:100%!important;gap:.5rem!important}.dataContainer{flex-direction:column!important;max-height:none!important}.graphContainer{width:100%!important}}@media (min-width:901px){.dataContainer{max-height:600px!important;flex-direction:row!important}}