@import"https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";body,input,textarea,button,select,label{font-family:Roboto Condensed,sans-serif}.header{max-width:500px;display:flex;justify-content:space-between;padding:0 15px 10px;margin:0 auto}.container{max-width:500px;padding:0;margin:0 auto}.container.blur{opacity:.3}body.dark{background:#2d2d2d}body.dark .heading,body.dark .hamburger-btn{color:#fff}body.dark .options{background:#2d2d2d}body.dark .import-btn,body.dark .options button,body.dark .heading-header{color:#fff}.heading{text-align:center;margin:0 0 20px}.heading-header{color:#2d2d2d}.balance-container{text-align:center;background:#d4cfcf;padding:5px;border-radius:10px;margin-bottom:20px}.income-expense-container{display:flex;justify-content:space-between;margin-bottom:50px}.income-expense-container>div{flex:1;color:#f5f3f3;border-radius:10px;text-align:center}.income{margin-right:5px;background:#04e04a}.expense{margin-left:5px;background:#ff2a00}.new-transaction{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:230px;margin-bottom:50px}.add-btn{border-radius:5px;padding:14px;font-size:15px;border:none;background:#00d0ec;color:#f5f3f3;font-weight:600;cursor:pointer;width:100%;transition:all ease .4s}.add-btn:hover{background:#02a5bb}ul{list-style:none;margin-bottom:50px;padding:0 2px 0 0;max-height:400px;overflow-y:auto}ul::-webkit-scrollbar{width:6px}ul::-webkit-scrollbar-thumb{background-color:#e2e2e2;border-radius:4px}li{background:#e4e4e4;border-radius:5px;padding:8px;margin-bottom:8px;display:flex;justify-content:space-between}.history-div{margin-left:8px}.para{font-size:12px;color:#5f5f5f}.income-item{border-left:8px solid #04e04a;border-right:8px solid #04e04a}.expense-item{border-left:8px solid #ff2a00;border-right:8px solid #ff2a00}@media (max-width: 600px){.container{margin:0 auto;padding:0 15px 15px}.income-expense-container>div,.balance-container{font-size:12px}}.dlt-btn{background:none;border:none;margin-right:8px;padding:0;scale:1.1;cursor:pointer}.options{height:200px;width:200px;display:flex;flex-direction:column;justify-content:center;gap:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:5px solid orange;border-radius:10px;background:#fff;padding:10px;z-index:1}.import-btn{background:#ed8906;padding:10px;border-radius:5px;font-size:13px;text-align:center;cursor:pointer}.options button{border:none;background:#ed8906;border-radius:5px;padding:10px;cursor:pointer}.hamburger-btn{background:none;border:none;color:#2d2d2d;cursor:pointer;scale:1.5}button,.hamburger-btn,.dlt-btn{-webkit-tap-highlight-color:transparent}.new-transaction input{width:100%;padding:10px;font-size:15px;line-height:1.4;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.react-date-picker,.react-date-picker__wrapper{width:100%!important;max-width:100%;box-sizing:border-box;font-size:15px}.react-date-picker__wrapper{display:flex;align-items:center;border:1px solid #ccc!important;border-radius:4px;padding:10px;background:#fff}.react-date-picker__inputGroup{display:flex;flex:1;justify-content:space-between;min-width:0}.react-date-picker__inputGroup__input{flex:1;min-width:0!important;padding:5px;text-align:center;font-size:16px;border:none;background:transparent;outline:none}.react-date-picker__inputGroup__divider{display:none!important}.react-date-picker__inputGroup__input:focus{background:#f9f9f9;outline:none}.react-date-picker{display:inline-flex;position:relative}.react-date-picker,.react-date-picker *,.react-date-picker *:before,.react-date-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-date-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-date-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-date-picker__inputGroup{min-width:calc((4px * 3) + .54em * 8 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-date-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-date-picker__inputGroup__divider,.react-date-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-date-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-date-picker__inputGroup__input::-webkit-outer-spin-button,.react-date-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-date-picker__inputGroup__input:invalid{background:#ff00001a}.react-date-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-date-picker__button{border:0;background:transparent;padding:4px 6px}.react-date-picker__button:enabled{cursor:pointer}.react-date-picker__button:enabled:hover .react-date-picker__button__icon,.react-date-picker__button:enabled:focus .react-date-picker__button__icon{stroke:#0078d7}.react-date-picker__button:disabled .react-date-picker__button__icon{stroke:#6d6d6d}.react-date-picker__button svg{display:inherit}.react-date-picker__calendar{width:350px;max-width:100vw;z-index:1}.react-date-picker__calendar--closed{display:none}.react-date-picker__calendar .react-calendar{border-width:thin}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}