:root{--main-text-color: hsl(210, 5%, 32%);--bg-color: hsl(210, 20%, 98%);--bg-color-2: hsl(210, 20%, 94%);--primary-color: hsl(211, 19%, 42%);--primary-color-2: hsl(210, 24%, 88%);--box-shadow: hsl(220, 5%, 74%);--deleted-text-color-1: hsl(359, 100%, 90%);--deleted-text-color-2: hsl(0, 79%, 95%);--inserted-text-color-1: hsl(109, 100%, 90%);--inserted-text-color-2: hsl(129, 77%, 95%);--box-shadow-blur: 2px;--box-shadow-size: 1px}#components-container{padding:10px;flex-direction:column;justify-content:space-between;gap:16px;width:100%;max-width:1000px;min-height:calc(100vh - 35px)}#components-container #components-header{padding-top:0;padding-bottom:0;margin-bottom:16px}#components-container #components-footer{text-align:center;gap:8px;display:flex;flex-wrap:wrap;justify-content:space-between}a{all:unset;cursor:pointer;width:fit-content;text-decoration:none;border:0;border-bottom:1px solid;border-image:linear-gradient(0deg,var(--main-text-color),var(--bg-color)) 1 stretch;transition:.18s ease-in-out;border:1px solid transparent;border-bottom:1px solid black}a:hover{color:#000;border:1px solid black}abbr{font-weight:600;text-decoration:underline;cursor:pointer;font-style:italic;cursor:context-menu}code{white-space:pre}del{background-image:linear-gradient(to right,var(--deleted-text-color-1),var(--deleted-text-color-2));border-radius:4px;color:#282828cc;padding:2px}ins{background-image:linear-gradient(to right,var(--inserted-text-color-1),var(--inserted-text-color-2));border-radius:4px;padding:2px}.gold{background:linear-gradient(145deg,#ffc10747,#ffecb358,#ffc10758)!important}li{width:fit-content;border:0;padding:4px}h1,h2,h3,h4,h5,h6,p,ul,li{z-index:999}hr{background:linear-gradient(to right,#ececec,#dbdbdb);height:1px;border:0;width:100%}body{margin:0;background-color:var(--bg-color);font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;color:var(--main-text-color);display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.footer-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow),-20px -20px 60px var(--bg-color);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:16px;border:1px solid transparent;padding:32px}.header-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow),-20px -20px 60px var(--bg-color);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:16px;border:1px solid transparent;padding:32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#delete-button:hover{opacity:1!important}.button-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:8px;border:1px solid transparent;padding:8px;cursor:pointer}.button-convex:hover{box-shadow:inset var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow)}.button-convex-primary{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background-image:linear-gradient(to right top,#d7e2f2,#d1e9f3,#d2efed,#dcf3e5,#edf4df);border-radius:6px;border:1px solid transparent;padding:8px;cursor:pointer}.button-convex-primary:hover{box-shadow:4px 4px var(--box-shadow-blur) var(--box-shadow)}.audio-convex{background:unset;box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:28px;border:1px solid transparent}.details-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:8px;border:1px solid transparent;padding:8px;width:fit-content;z-index:999;cursor:pointer}.input-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:8px;border:1px solid transparent;padding:8px}.input-concave{box-shadow:inset var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:8px;border:1px solid transparent;padding:8px}.canvas-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:8px;border:1px solid transparent;padding:8px}.dialog-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box;border-radius:8px;border:1px solid transparent;padding:8px;opacity:0;transition:.5s ease-in-out}.div-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow);background:linear-gradient(145deg,var(--bg-color-2),var(--bg-color),var(--bg-color-2)) padding-box;border-radius:8px;border:1px solid transparent;padding:8px}.dialog-convex:open{opacity:1}.presentation-container{flex-grow:1;align-items:center;gap:32px}@starting-style{.dialog-convex:open{opacity:0}}@media (prefers-color-scheme: light){:root{--main-text-color: hsl(210, 10%, 90%);--bg-color: hsl(210, 20%, 12%);--bg-color-2: hsl(210, 20%, 16%);--box-shadow: hsla(210, 20%, 0%, .6);--deleted-text-color-1: hsl(359, 100%, 40%);--deleted-text-color-2: hsl(0, 79%, 30%);--inserted-text-color-1: hsl(109, 100%, 40%);--inserted-text-color-2: hsl(129, 77%, 30%);--box-shadow-blur: 36px;--box-shadow-size: 12px}.header-convex,.footer-convex,.button-convex,.audio-convex,.details-convex,.input-convex,.canvas-convex,.dialog-convex,.div-convex{box-shadow:var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-blur) var(--box-shadow),-6px -6px 20px #33404d80;background:linear-gradient(145deg,var(--bg-color),var(--bg-color-2)) padding-box}a{border-image:linear-gradient(90deg,var(--main-text-color),var(--bg-color)) 1 stretch}a:hover{border-image:linear-gradient(90deg,var(--main-text-color),var(--main-text-color)) 1 stretch}hr{background:linear-gradient(to right,#29333d,#212931)}}*,*:before,*:after{box-sizing:border-box}:root{--page-max-width: 1000px;--gap-lg: 24px;--gap-md: 16px;--gap-sm: 12px;--radius: 12px;--tap: 44px}html,body,#root{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{width:100%;display:flex;flex-direction:column;padding:150px 128px 128px;position:relative;margin:0 auto;max-width:var(--page-max-width)}#dashboard-page-main{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;gap:var(--gap-lg)}input[type=date],input[type=text],input[type=number],select{font-size:16px;min-height:var(--tap)}button,.button-convex{min-height:var(--tap);padding:0 14px;border-radius:var(--radius);line-height:1;cursor:pointer}.input-concave{min-height:var(--tap)}canvas,svg{max-width:100%;height:auto}.responsive-row{display:flex;flex-wrap:wrap;gap:var(--gap-md)}@media (max-width: 1200px){.app-container{padding:120px 64px 64px}#dashboard-page-main{gap:var(--gap-md)}#dashboard-page-main>div:first-child>div{flex-wrap:wrap!important}.div-convex{width:100%}}@media (max-width: 1200px){.app-container{padding:100px 24px 24px}#dashboard-page-main{align-items:stretch}#dashboard-page-main>div:first-child>div{flex-direction:column!important;gap:var(--gap-md)!important}#dashboard-page-main>div:first-child>div>div{width:100%!important}.div-convex{padding:12px!important}.div-convex>div{gap:var(--gap-sm)!important}.div-convex input[type=date]{flex:1 1 160px;min-width:140px}.div-convex .button-convex{flex:1 1 120px;text-align:center}main #delete-button{opacity:.7!important}button[style*="all: unset"] a{display:inline-block;padding:10px 12px;border-radius:10px}}@media (max-width: 1200px){.app-container{padding:88px 16px 16px}.div-convex input[type=date]{flex:1 1 100%;min-width:0;width:100%}.div-convex .button-convex{flex:1 1 48%}#dashboard-page-main{gap:var(--gap-sm)}}img,table,pre,code,.div-convex,.input-concave,.button-convex{max-width:100%}.div-convex,.input-concave,.button-convex{border-radius:var(--radius)}button a{-webkit-user-select:none;user-select:none;text-decoration:none}.chart-container,.spending-chart,#chart,.recharts-wrapper{width:100%!important;overflow:hidden}:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px}@media (max-width: 1200px){#dashboard-page-main>div+div{position:static!important;width:100%!important;padding-right:0!important;margin-top:12px}}header{position:fixed;top:0;left:0;right:0;z-index:1000}@media (max-width: 1200px){header{position:static!important;margin-left:0!important}.app-container{padding-top:32px!important}}#changelog-page{padding:128px 0 0;display:flex;flex-direction:column;align-items:center}#dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px}#dashboard-container-1{grid-column:span 5}#dashboard-container-2{grid-column:span 1;grid-row:span 1}#dashboard-container-3{grid-column:span 3;grid-row:span 3}#dashboard-container-4,#dashboard-container-5,#dashboard-container-6,#dashboard-container-7,#dashboard-container-8{grid-column:span 1;grid-row:span 1}#dashboard-container-9{grid-column:span 5}@media (max-width: 1200px){#dashboard-grid{display:grid;max-width:100%;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;padding:16px}#dashboard-container-1{grid-column:span 5}#dashboard-container-2{grid-column:span 5;grid-row:span 1}#dashboard-container-3{grid-column:span 5;grid-row:span 3}#dashboard-container-4,#dashboard-container-5,#dashboard-container-6,#dashboard-container-7,#dashboard-container-8{grid-column:span 5;grid-row:span 1}#dashboard-container-9{grid-column:span 5}}