@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{font-family:Montserrat,Arial,sans-serif;color-scheme:light dark;box-sizing:border-box}body{margin:0}@media(prefers-color-scheme:light){*{--base: #fff;--bg: #fff;--bgf1: #dbe4e7;--bgf2: #bbb;--bgf2: #888;--bgb1: #dff0f0;--bgb2: #dfeaea;--primary: #344050;--primary-op: #dbe4e7;--secondary: #1a1a1a;--tertiary: #888;--tertiary-op: #777;--brand-key: #DDF734;--brand-base: #344050;--brand-base-slight: #bCe1Ff;--brand-base-light: #86A6CF;--brand-base-dark: #2E3947;--brand-base-sdark: #0E1927;--brand-key-lgb: linear-gradient(to left, var(--brand-key), var(--brand-base));--brand-base-dark-lg: linear-gradient(to right bottom, var(--brand-base), var(--brand-base-sdark))}}@media(prefers-color-scheme:dark){*{--base: #111;--bg: #222;--bgf1: #333;--bgf2: #444;--bgf3: #666;--bgb1: #1a1a1a;--bgb2: #0f0f0f;--primary: #fff;--primary-op: #000;--secondary: #bbb;--secondary-op: #444;--tertiary: #888;--tertiary-op: #777;--brand-key: #DDF734;--brand-base: #344050;--brand-base-slight: #bCe1Ff;--brand-base-light: #86A6CF;--brand-base-dark: #2E3947;--brand-base-sdark: #0E1927;--brand-base-udark: #0a0c17;--brand-key-lgb: linear-gradient(to left, var(--brand-key), var(--brand-base));--brand-base-dark-lg: linear-gradient(to right bottom, var(--brand-base), var(--brand-base-sdark))}}ul{list-style:none;padding:0}*{--cwhite: #cded;--lsteelblue: #406c8f;--steelblue: #003c5f;--lcyan: #80caff;--cyan: rgb(0, 195, 255);--dustycyan: rgb(100, 175, 205);--green: #0fc;--dgreen: #0c9;--sdgreen: #096;--lgold: #fff34b;--gold: #f9c31b;--dgold: #c9a300;--sdgold: #996306;--lblue: #37f;--blue: #13f;--mblue: #36f;--dblue: #102164;--sdblue: #000124;--lmidnight: #2f3e4f;--midnight: #0f1e2f;--lred: #f88;--red: #f00;--dred: #c00;--sdblue-steelblue: linear-gradient(to bottom right, var(--sdblue), var(--steelblue))}.red{background-color:var(--red)!important;color:#fff!important}.lred{background-color:var(--lred)!important;color:#fff!important}.ored{background-color:var(--red)!important;opacity:.6;color:#fff!important}.tile-btn.active.red:hover{background-color:var(--lred)!important;color:#fff!important}.midnight{background-color:var(--midnight)!important;color:#fff!important}.tile-btn.active.midnight:hover{background-color:var(--lmidnight)!important;color:#fff!important}.dblue{background-color:var(--dblue)!important;color:#fff!important}.sdblue{background-color:var(--sdblue)!important;color:#fff!important}.tile-btn.active.sdblue:hover{background-color:var(--dblue)!important;color:#fff!important}.steelblue{background-color:var(--steelblue)!important;color:#fff!important}.tile-btn.active.steelblue:hover{background-color:var(--lsteelblue)!important;color:#fff!important}.blue{background-color:var(--blue)!important;color:#fff!important}.tile-btn.active.blue:hover{background-color:var(--lblue)!important;color:#fff!important}.cyan{background-color:var(--cyan)!important;color:var(--dblue)!important}.tile-btn.active.cyan:hover{background-color:var(--lcyan)!important;color:var(--dblue)!important}.gold{background-color:var(--gold)!important;color:#000}.tile-btn.active.gold:hover{background-color:var(--lgold)!important}.green{background-color:var(--green)!important;color:#000!important}.dgreen{background-color:var(--dgreen)!important;color:#000!important}.sdgreen{background-color:var(--sdgreen)!important;color:#000!important}.cwhite{background-color:var(--cwhite)!important;color:#000!important}.hide{display:none!important}.show{display:block!important}.flyout-menu ul{position:absolute;display:none;background-color:var(--bg);border-radius:6px;overflow:hidden}.flyout-menu ul li{padding:10px}.flyout-menu:hover>ul,.flyout-menu:focus>ul{display:block;cursor:pointer}.flyout-menu>button:focus+ul{display:block;cursor:pointer}.flyout-menu>input[type=checkbox]:checked+ul{display:block;cursor:pointer}.flyout-menu li:hover{cursor:pointer}.img-icn{display:flex;justify-self:center;align-items:center}a{color:var(--primary)}a:hover,button:hover{cursor:pointer}button.type3{background-color:transparent;border:1px solid var(--tertiary);border-radius:6px}#headbar{display:grid;grid-template:100% / 1fr 1fr 1fr;width:100%;height:60px;padding:10px 1em}#headbar>div{display:flex;align-items:center;gap:calc(1em + .25vw)}#headbar .left{justify-content:flex-start}#headbar .center{justify-content:center}#headbar .right{justify-content:flex-end}#headbar #logotype{font-size:1.75em;font-weight:700;color:var(--brand-key);text-decoration:none}#headbar form.searchbar{width:100%;height:100%;border:none;padding:3px;display:grid;grid-template:100% / 40px auto;border-radius:6px;background-color:var(--bgb2);border:1px solid #9993}#headbar form.searchbar div{display:flex;justify-content:center;align-items:center;font-size:1.5em}#headbar form.searchbar input{border:none;background-color:var(--bgb2)}#headbar form.searchbar button{background-color:#fff;border:none;color:gray}div#dashboard-date-menu label{padding:6px;border-radius:6px}div#dashboard-date-menu label:hover,div#dashboard-date-menu label:active{cursor:grab;border:1px solid var(--tertiary)}div#dashboard-date-menu label:active{cursor:grabbing}div#dashboard-date-menu input[type=checkbox]:checked+div#dashboard-date-menu label{border:1px solid var(--brand-key)}div#dashboard-date-menu input[type=checkbox]{display:none}div#dashboard-date-menu ul{transform:translateY(-10px);background-color:var(--bgf2);transform:translate(-50%,2%)}div#dashboard-date-menu h6{padding:6px}#create-menu{position:relative}#create-menu ul{right:0;top:100%;transform:translateY(-10px);background-color:var(--bgf2)}#create-menu ul h6{margin:10px}#create-menu ul li{width:130px;padding:0}#create-menu ul li:hover{background-color:var(--bgf3)}#create-menu ul a{display:block;width:100%;padding:10px;text-align:right;color:inherit;text-decoration:none}#create-menu:before{content:"";position:absolute;width:50px;height:50px;transform:translate(-10px);cursor:pointer}#profile-menu{position:relative;display:flex;align-items:center;gap:10px}#profile-menu>a{color:var(--secondary);text-decoration:none}#profile-menu img{width:25px;aspect-ratio:1/1;border-radius:50%}#profile-menu:hover>ul{display:block}#profile-menu ul{transform:translate(10px,100px);background-color:var(--bgf2)}#profile-menu ul li{width:130px;padding:10px;text-align:right}#profile-menu ul li:hover{background-color:var(--bgf3)}#profile-menu ul a{color:inherit;text-decoration:none}#profile-menu:after{content:"";position:absolute;width:150px;height:60px;transform:translate(-10px,10px);cursor:pointer}#nouser-auth{display:flex;gap:1em}.page-instruction{margin:0}.page-info{margin:0;padding:0;color:gray}main.dashboard{background-color:var(--bgb2);grid-area:main;height:calc(100vh - 50px);overflow:hidden;display:grid;grid-template:"top" 16.5% "middle" 41.25% "bottom" 41.25% / 100%}main.dashboard section#top{grid-area:top}main.dashboard section#middle{grid-area:middle}main.dashboard section#bottom{grid-area:bottom}main.dashboard h5{margin:0;font-size:1.3em;color:var(--secondary)}main.dashboard h6{margin:0;font-size:.8em;color:var(--secondary)}main.dashboard>section{padding:1rem;display:flex;gap:1rem}main.dashboard .card{border-radius:8px;box-shadow:0 0 25px #0001;background-color:var(--bg);overflow:hidden;height:100%;width:100%;padding:calc(.5vh + .5rem) 1rem}main.dashboard .card p{margin:0}main.dashboard .card p.name{font-size:1em;font-weight:700}main.dashboard .card header{grid-area:header;display:flex;justify-content:space-between;margin-top:2%;margin-bottom:1em}main.dashboard .card ul{height:calc(100% - 80px);overflow-y:scroll}main.dashboard .card p.money-block{font-size:1.5em;font-weight:700;margin:6px 0}main.dashboard .card p.money-block span{color:var(--bgf3)}main.dashboard .card div.info-block{font-size:.9em;color:var(--bgf3)}main.dashboard>section#top #budget-remaining .progress-bar{height:8px;margin:6px 0;background-color:var(--bgb2);border-radius:5px}main.dashboard>section#top #budget-remaining .progress-bar .progress{background-image:linear-gradient(to right,var(--dblue),var(--lblue));width:60%;height:100%;border-radius:5px}main.dashboard>section#top #budget-remaining .budget-mini-list{margin-top:10px;display:grid;gap:8px}main.dashboard>section#top #budget-remaining .budget-mini-item{background-color:var(--bgf1);border:1px solid var(--bgf2);border-radius:6px;padding:6px 8px}main.dashboard>section#top #budget-remaining .mini-row{display:flex;justify-content:space-between;font-size:.8em;color:var(--secondary);margin-bottom:4px}main.dashboard>section#top #budget-remaining .mini-progress{height:6px;background-color:var(--bgb2);border-radius:4px;overflow:hidden}main.dashboard>section#top #budget-remaining .mini-progress-fill{height:100%;background-image:linear-gradient(to right,var(--dblue),var(--lblue))}main.dashboard>section#middle{display:grid;grid-template:100% / 1fr 2fr}main.dashboard>section#middle #new-expense{height:100%;padding-right:2em}main.dashboard>section#middle #new-expense form{display:flex;flex-direction:column;height:calc(100% - 50px);overflow-y:scroll}main.dashboard>section#middle #new-expense form .recurring-block{margin-bottom:1em;display:flex;justify-content:space-between;align-items:baseline}main.dashboard>section#middle #new-expense form .recurring-toggle-block{margin:1.5em 0;padding:1em;background-color:var(--bgf1);border-radius:8px;border:1px solid var(--bgf2);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}main.dashboard>section#middle #new-expense form .recurring-label-group{display:flex;flex-direction:column;gap:.3em}main.dashboard>section#middle #new-expense form .recurring-label-group label{font-weight:600;font-size:1em;color:var(--secondary);margin:0}main.dashboard>section#middle #new-expense form .recurring-subtext{font-size:.85em;color:var(--bgf3);font-style:italic}main.dashboard>section#middle #new-expense form .toggle-switch{position:relative;display:inline-block;width:52px;height:28px;margin:0}main.dashboard>section#middle #new-expense form .toggle-switch input{opacity:0;width:0;height:0}main.dashboard>section#middle #new-expense form .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:28px}main.dashboard>section#middle #new-expense form .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}main.dashboard>section#middle #new-expense form .toggle-switch input:checked+.toggle-slider{background:linear-gradient(to right,var(--dblue),var(--lblue))}main.dashboard>section#middle #new-expense form .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px var(--dblue)}main.dashboard>section#middle #new-expense form .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}main.dashboard>section#middle #new-expense form label,main.dashboard>section#middle #new-expense form button{margin-bottom:3px}main.dashboard>section#middle #new-expense form input,main.dashboard>section#middle #new-expense form button,main.dashboard>section#middle #new-expense form select{padding:1% 10px;border-radius:3px;border:1px solid var(--bgf2);height:10%;max-height:40px;min-height:30px;margin-bottom:4%}main.dashboard>section#middle #new-expense form input[type=checkbox]{margin:0;padding:clamp(4px,2%,.75em);height:10pt;aspect-ratio:1/1}main.dashboard>section#middle #new-expense form button{background-color:var(--brand-key);color:#000}main.dashboard>section#middle>div#spending-by-category{height:100%;display:block;position:relative}main.dashboard>section#bottom div#recent-transactions li:first-of-type{background-color:var(--bgf1)}main.dashboard>section#bottom div#recent-transactions li{display:flex;justify-content:space-between;padding:2%;border-top:1px solid var(--bgf2)}main.dashboard>section#bottom div#recent-transactions li span{display:inline-block;width:100%;display:flex;gap:1em}main.dashboard>section#bottom div#recent-transactions li span:last-of-type{width:50%;justify-content:space-around}main.dashboard>section#bottom div#recent-transactions li .icon-action{border:0;background:transparent;padding:0;margin:0;display:inline-flex;align-items:center;cursor:pointer;color:var(--secondary);text-decoration:none}main.dashboard>section#bottom div#recurring-expenses li.controls-li{display:grid;grid-template:60px / 60px auto 40px;margin-bottom:.5em;background-color:var(--bgf1);border-radius:6px;border:.5px solid var(--bgf2)}main.dashboard>section#bottom div#recurring-expenses li.controls-li div.text-block{display:flex;flex-direction:column;justify-content:center;align-items:start}main.dashboard>section#bottom div#recurring-expenses li.controls-li div.text-block p{font-size:12pt}main.dashboard>section#bottom div#recurring-expenses li.controls-li div.text-block span{font-size:9pt;color:var(--secondary)}main.dashboard>section#bottom div#recurring-expenses li.controls-li div.right{display:flex;flex-direction:column;justify-content:center;margin-right:10px;align-items:end}main.dashboard>section#bottom div#recurring-expenses li.controls-li div.right span{font-size:9pt;font-weight:700;text-align:right}figcaption{display:flex;gap:.5em;justify-content:center}figcaption div{width:max-content;display:inline-block;color:var(--col)}figcaption div>div:before{content:"";display:inline-block;width:1em;height:100%;background-color:var(--col)}figure{height:75%;display:flex;align-items:center}figure .pie-wrapper{display:block;margin:0 auto;height:90%;aspect-ratio:1/1;border-radius:55%;overflow:hidden}figure .pie-slices{height:100%;background-image:conic-gradient(red 5deg,orange 6deg 17deg,#ff0 18deg 44deg,green 45deg 109deg,#00f 110deg 199deg,purple 200deg)}nav.landing-page{height:60px;position:sticky;top:0;width:100%;padding-top:10px;background-color:var(--base)}nav.landing-page div.wrapper{margin:0 auto;max-width:1080px;min-width:800px;display:flex;justify-content:space-between;align-items:center}nav.landing-page div.wrapper p{font-size:1.5em;font-weight:700;color:var(--brand-key);margin:0 1em 0 0}nav.landing-page div.wrapper>div{display:flex;align-items:center;gap:1em}button.primary,button.secondary,button.tertiary{height:40px;padding:0 18px;border-radius:25px;border:none;background-color:transparent;cursor:pointer}button.primary{background-color:var(--primary);color:var(--primary-op)}button.secondary{background-color:transparent}button.tertiary{border:1px solid var(--tertiary)}main#landing-page{margin:0 auto;max-width:1080px;min-width:800px}main#landing-page section{margin-top:50px}section#hero div.hero-wrapper{background-color:var(--brand-key);color:#000;border-radius:36px;display:grid;grid-template:100% / 1fr 1fr;padding:2em;height:45vh;overflow:hidden}section#hero div.hero-wrapper header{display:flex;flex-direction:column;height:100%;justify-content:center}section#hero div.hero-wrapper header button{width:200px;margin-top:25px;background-color:var(--brand-base-sdark);color:#fff}section#hero div.hero-wrapper header div.image-wrapper{display:flex;justify-content:center;align-items:end}section#hero div.hero-wrapper div.image-wrapper{display:flex;justify-content:center;align-items:end}section#hero div.hero-wrapper div.image-wrapper img{height:90%;transform:translateY(40px)}section#join{width:100%;overflow-x:hidden}section#join div.slider-wrapper{width:100%;overflow-x:scroll}section#join div.slider-wrapper div.slider-inner{display:flex;gap:1em;width:200%;overflow-x:scroll}div#landing-page-wrapper section.left{border-radius:36px;display:flex;gap:2em;align-items:center;padding:3em;height:45vh;text-align:right}div#landing-page-wrapper section.left div.text-block{display:flex;flex-direction:column;height:100%;justify-content:center;align-items:end}div#landing-page-wrapper section.left div.text-block button{width:200px;margin-top:25px}div#landing-page-wrapper section.left div.img{display:flex;justify-content:center;align-items:end}div#landing-page-wrapper section.left div.img img{width:480px}div#landing-page-wrapper section.right{border-radius:36px;display:flex;flex-direction:row-reverse;gap:2em;align-items:center;padding:3em;height:45vh}div#landing-page-wrapper section.right div.text-block{display:flex;flex-direction:column;height:100%;justify-content:center}div#landing-page-wrapper section.right div.text-block button{width:200px;margin-top:25px}div#landing-page-wrapper section.right div.img{display:flex;justify-content:center;align-items:end}div#landing-page-wrapper section.right div.img img{width:480px}footer{text-align:center;background-color:#000;color:#fff;padding:4em 0}footer h5{color:var(--brand-key)}main#auth{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-image:var(--brand-base-dark-lg)}main#auth div.inner-wrapper{display:grid;grid-template:100% / 50% 50%;width:80%;height:80%;border-radius:50px;box-shadow:0 0 50px #0004;overflow:hidden}main#auth div.inner-wrapper section.graphic{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--brand-key);font-size:1200pt;color:#fff2;overflow:hidden}main#auth div.inner-wrapper section.form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#fff;background-image:radial-gradient(circle at 100%,var(--brand-base-slight),white 50%);color:var(--brand-base)}main#auth div.inner-wrapper section.form .exit{place-self:end;margin-right:2em;margin-top:1.5em;font-weight:700;border:2px solid #888;color:#888;border-radius:50%;padding:3px;width:1.5em;height:1.5em;line-height:1em;display:flex;justify-content:center;aspect-ratio:1/1;text-decoration:none}main#auth div.inner-wrapper section.form .exit:hover{cursor:pointer;color:#000;border:2px solid black}main#auth div.inner-wrapper section.form .logotype{margin:10vh;font-weight:700;color:var(--brand-key);font-size:24pt}main#auth div.inner-wrapper section.form form{width:360px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1em}main#auth div.inner-wrapper section.form form input{width:100%;height:3em;background-color:#fff4;border:1px solid var(--tertiary);border-radius:3px;color:#000;padding:12px}main#auth div.inner-wrapper section.form form button[type=submit]{width:100%;height:3em;background-color:var(--brand-key);border-radius:3px;border:none;margin-top:1.5em}main#auth div.inner-wrapper section.form a{color:var(--brand-base-light)}main#profile{width:100vw;height:100vh;display:flex;align-items:center;flex-direction:column;margin-top:12%}main#profile h1{color:var(--brand-key)}main#profile b{color:var(--brand-base);font-size:14pt;display:block;margin-bottom:6px}main#profile img{width:200px;height:200px;border-radius:50%}main#profile .text-block{padding:18px}@media(prefers-color-scheme:dark){main#profile b{color:var(--brand-base-light)}}form#budget-form{display:flex;flex-direction:column;align-items:center}form#budget-form .form-title{color:var(--brand-key)}form#budget-form label{display:block;margin-bottom:3px}form#budget-form input,form#budget-form select,form#budget-form textarea,form#budget-form button{padding:1% 10px;border-radius:3px;border:1px solid var(--bgf2);height:10%;max-height:40px;min-height:30px;margin-bottom:4%;width:360px}form#budget-form .form-actions{display:flex;flex-direction:column}