.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.pagination button{cursor:pointer;min-height:48px;padding:0 14px}.pagination button:disabled{opacity:.5;cursor:default}.pagination span{font-size:14px}.category-symbol{color:#fff;vertical-align:middle;border-radius:10px;place-items:center;width:2rem;min-width:2rem;height:2rem;display:inline-grid;overflow:hidden}.category-symbol img{object-fit:cover;width:100%;height:100%}.appearance-editor{grid-column:1/-1;gap:12px;width:100%;min-width:0;display:grid}.appearance-editor h3,.appearance-editor p{margin:0}.appearance-editor label{gap:6px;display:grid}.appearance-editor input[type=color]{width:100%;padding:4px}.appearance-editor input[type=file]{width:100%;max-width:100%}.appearance-editor fieldset{border:1px solid #d9dbea;border-radius:11px;min-width:0}.icon-choices{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px;display:grid}.icon-choices button{color:#20243a;min-width:48px;min-height:48px;box-shadow:none;background:#fff;border:1px solid #d9dbea;border-radius:9px;grid-column:auto;padding:4px;font-size:1.4rem}.icon-choices button[aria-pressed=true]{outline-offset:1px;outline:3px solid #5e51d5}.appearance-preview{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.users .user-list>div>small{flex-wrap:wrap}.users .user-list>div>small>span{flex:100%;align-items:center;gap:8px;display:flex}.users .user-list>div>small button{min-width:48px}.category-list{gap:12px;margin-top:20px;display:grid}.add-category-button{color:#17362d;cursor:pointer;background:#efb568;border:0;border-radius:11px;width:100%;min-height:48px;font-weight:800}.category-card{background:#f8f8fc;border:1px solid #e7e7f1;border-radius:14px;min-width:0;padding:8px}.category-row{grid-template-columns:minmax(0,1fr) repeat(3,48px);align-items:center;gap:8px;min-width:0;display:grid}.category-name{overflow-wrap:anywhere;font-size:1rem;font-weight:700}.category-name-edit{min-width:0;color:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:4px;padding:4px;display:flex}.category-name-edit span{overflow-wrap:anywhere;min-width:0}.category-name-edit svg{flex-shrink:0}.subcategory-row{border-top:1px solid #e7e7f1;margin-left:12px}.subcategory-row .category-name{font-weight:400}.category-control{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:48px;height:48px;min-height:48px;padding:0;display:grid}.category-row .category-control.remove-user{grid-area:auto;justify-self:auto}.category-control:active{opacity:.7}.category-color-preview{border:1px solid #d9dbea;border-radius:9px;width:28px;height:28px;display:inline-block}.category-symbol{color:inherit;font-size:1.5rem}.category-card>button{text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0}.category-card>form{gap:8px;display:grid}.appearance-field{gap:8px;margin-top:12px;display:grid}.appearance-field input{width:100%;max-width:100%;min-height:48px}.appearance-fieldset{border:1px solid #d9dbea;border-radius:11px;min-width:0;padding:12px}.appearance-preview{margin-top:16px}@media (width<=360px){.category-row{gap:4px}.subcategory-row{margin-left:8px}}.add .expense-form{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.expense-form>label,.expense-form .expense-field{min-width:0;color:inherit;gap:6px;font-size:14px;font-weight:600;display:grid}.expense-form>label>input,.expense-form>label>select{width:100%;min-width:0;min-height:52px}.expense-form .MuiAutocomplete-root{width:100%}.expense-form .MuiOutlinedInput-root{background:#ffffff12;border-radius:11px;min-height:52px;padding:0 48px 0 12px}.expense-form .MuiOutlinedInput-root .MuiAutocomplete-input{color:#fff;min-width:0;min-height:48px;padding:0}.expense-form .MuiAutocomplete-endAdornment{right:4px}.expense-form .MuiAutocomplete-endAdornment button{width:48px;min-width:48px;height:48px;min-height:48px;box-shadow:none;color:#fff;background:0 0;padding:0;display:inline-flex}.expense-form .MuiFormHelperText-root{color:#d5d0ff;margin:6px 0 0;font-size:12px;line-height:1.4}.expense-form .expense-submit{grid-column:1/-1;width:100%;min-height:52px}.expense-form>.notice,.expense-form>[role=status]{grid-column:1/-1}.expense-page-action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.expense-page-action h1{margin:0}.expense-add-button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#5b4bdb;border:0;border-radius:11px;padding:12px 18px;font-weight:700}.expense-feedback{padding:12px 0}.expense-category-link{min-height:72px;color:inherit;text-decoration:none}.expense-category-link:focus-visible,.expense-back:focus-visible{outline-offset:2px;outline:3px solid #5e51d5}.expense-category-link:active{background:#eeebff}.expense-category-info{overflow-wrap:anywhere;flex:1;gap:4px;min-width:0;display:grid}.expense-category-info small{color:#747a96}.expense-category-link strong{white-space:nowrap}.expense-category-chevron{font-size:24px}.expense-detail-heading{margin:20px 0}.expense-detail-heading h1{overflow-wrap:anywhere;margin:8px 0}.expense-detail-heading p{color:#747a96;margin:0}.expense-detail-heading .expense-budget-detail{margin-top:6px;font-size:.875rem}.expense-detail-add{margin-top:16px}.expense-back{color:#4d3fc0;align-items:center;min-height:48px;font-weight:600;display:inline-flex}.expense-dialog .expense-form{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:8px;display:grid}.expense-dialog .expense-form>label,.expense-dialog .expense-field{color:#2c3150;font-size:1rem}.expense-dialog .expense-form input{font-size:1rem}.expense-dialog .expense-form .MuiOutlinedInput-root{background:#fff}.expense-dialog .expense-form .MuiOutlinedInput-root .MuiAutocomplete-input,.expense-dialog .expense-form .MuiAutocomplete-endAdornment button{color:#2c3150}.expense-dialog .MuiDialogActions-root{padding:16px 24px calc(16px + env(safe-area-inset-bottom));gap:8px}.expense-dialog .MuiDialogActions-root button{min-width:100px;min-height:48px}@media (width<=500px){.expense-page-action{flex-direction:column;align-items:stretch}.expense-detail-add{width:100%}.expense-dialog .MuiDialog-paper{width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:16px}}@media (width>=680px){.add{padding:28px}.add .expense-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.expense-form .expense-amount{grid-area:1/1/auto/-1}.expense-form .expense-category{grid-area:2/1}.expense-form .expense-subcategory{grid-area:2/2}.expense-form .expense-note{grid-column:1/-1}.expense-form .expense-submit{justify-self:end;width:auto;min-width:240px}.expense-dialog .expense-form{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-dialog-detail .expense-form .expense-subcategory{grid-column:1/-1}}.finance-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.finance-heading label,.finance-form label{gap:6px;display:grid}.finance-form{gap:12px;margin:16px 0;display:grid}.finance-form input,.finance-form select{width:100%;min-height:48px}.finance-form button,.repay-button{min-height:48px}.finance-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.finance-row button{min-width:48px;min-height:48px}.entry .repay-button{font-size:14px}.budget-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.budget-heading h1{flex:1}.budget-heading button{min-width:48px;min-height:48px}.period-picker{align-items:center;gap:0;min-width:0;margin-left:auto;display:flex}.period-picker select{text-overflow:ellipsis;width:100%;min-width:0;min-height:48px}.period-picker button{min-width:48px;min-height:48px}.app-header{align-items:center;gap:10px;max-width:800px;margin:auto;padding:32px 22px 8px;display:flex}.app-header-brand{flex:1 0 auto;align-items:center;gap:10px;display:flex}.app-header-brand b,.app-header-brand small{display:block}.app-header-brand small{color:#747a96;font-size:12px}.header-period{flex:0 260px;min-width:0}.period-message{max-width:800px;margin:0 auto;padding:0 22px}.app-content>main{padding-top:16px}.settings-links{gap:12px;display:grid}.settings-links a{min-height:72px;color:inherit;background:#fff;border:1px solid #e4e5f0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.settings-links a:focus-visible,.settings-back:focus-visible{outline-offset:2px;outline:2px solid #5e51d5}.settings-links a:active{background:#eeebff}.settings-links b,.settings-links small{display:block}.settings-links small{color:#747a96;margin-top:4px;line-height:1.4}.settings-back{color:#4d3fc0;align-items:center;min-height:48px;font-weight:600;display:inline-flex}@media (width<=500px){.app-header{gap:4px;padding:24px 16px 8px}.app-header-brand{gap:6px}.app-header-brand small{display:none}.header-period{flex:1 1 0}.period-picker select{padding:8px}.period-message{padding:0}}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 18px 70px}header{align-items:center;gap:10px;display:flex}header b,header small{display:block}.logo{color:#fff;background:#17362d;border-radius:11px;padding:8px 12px;font-size:22px}.online{color:#4b875c;margin-left:auto;font-size:12px;font-weight:700}header small,.hero span,.hero em,.entry small{color:#708078;font-size:12px}.hero p,.add p,.list p{letter-spacing:1.4px;color:#75847a;margin:0 0 7px;font-size:10px;font-weight:800}.hero h1,h2{letter-spacing:-.8px;margin:0}.hero h1{font-size:29px}.hero>strong{letter-spacing:-2px;margin:13px 0 0;font-size:38px;display:block}.hero>span,.hero em{margin:4px 0 10px;display:block}.bar{background:#e3ded4;border-radius:8px;height:10px;overflow:hidden}.bar i{background:#e77c54;border-radius:8px;height:100%;display:block}.card{border-radius:21px}.add{color:#fff;background:#17362d;padding:23px;box-shadow:0 13px 24px #17362d22}.add h2{font-size:22px}.add form{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}input,select{color:#fff;font:inherit;background:#29483d;border:1px solid #4c695b;border-radius:9px;min-width:0;padding:13px}.note,form button{grid-column:1/-1}form button{color:#17362d;cursor:pointer;background:#efb568;border:0;border-radius:9px;padding:14px;font-weight:800}.stats{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.stats article{background:#fffdf8;border:1px solid #e9e2d7;border-radius:14px;padding:14px}.stats small,.stats b{display:block}.stats small{color:#708078;font-size:11px}.stats b{letter-spacing:-.5px;margin-top:7px;font-size:16px}.list{margin-top:28px}.section-title{margin-bottom:11px}.list h2{font-size:21px}.entry{background:#fffdf8;border:1px solid #e9e2d7;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:11px 12px;display:flex}.icon{background:#dce9d4;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.entry div{flex:1}.entry b,.entry small{display:block}.entry strong{font-size:14px}.entry button{color:#aeaaa1;background:0 0;border:0;font-size:24px}.empty,.notice{text-align:center;color:#708078;background:#fff9ef;border:1px dashed #ddd1be;border-radius:13px;padding:18px}.notice{color:#a14f3e;margin-bottom:9px}@media (width<=430px){.stats article{padding:11px 8px}.stats b{font-size:13px}.hero>strong{font-size:33px}}:root{color:#20243a;background:#f5f6fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{background:radial-gradient(circle at 10% -10%,#e5e0ff 0,#0000 31%),radial-gradient(circle at 100% 0,#ffe5d4 0,#0000 26%),#f5f6fc;min-height:100vh}main{max-width:800px;padding:32px 22px 80px}header{padding:10px 0 24px}.logo{background:linear-gradient(135deg,#5b4bdb,#8b78ff);border-radius:14px;padding:8px 13px;box-shadow:0 8px 22px #6859d844}.online{color:#6b59df;background:#eeebff;border-radius:99px;padding:6px 10px}.hero{padding:22px 2px 34px}.hero p,.add p,.list p,.users>p{color:#7d73bd}.hero h1{color:#20243a;font-size:33px}.hero>strong{color:#4d3fc0;font-size:43px}.hero span,.hero em,header small,.entry small{color:#747a96}.bar{background:#e5e6f1;height:11px}.bar i{background:linear-gradient(90deg,#6958df,#fb936b)}.add{background:linear-gradient(135deg,#31375b,#454c78);border:1px solid #5c638c;box-shadow:0 22px 40px #363b6a30}.add p{color:#d5d0ff}input,select{color:#2c3150;background:#fff;border:1px solid #d9dbea;border-radius:11px;padding:14px}input::placeholder{color:#9ca2ba}.add input,.add select{color:#fff;background:#ffffff12;border-color:#ffffff25}.add input::placeholder{color:#c9cce0}.add form button,.auth-card form button,.users form button{color:#2d2740;background:linear-gradient(90deg,#f28a68,#ffad76);border-radius:11px;box-shadow:0 8px 16px #fa96783d}.stats article,.entry,.users{background:#fff;border:1px solid #e4e5f0;box-shadow:0 8px 22px #383b6810}.stats article{border-radius:17px}.stats small{color:#8a90aa}.stats b{color:#30365a}.entry{border-radius:16px;padding:13px 14px}.icon{background:#eeebff}.entry button{color:#a19ab1}.empty,.notice{background:#fff;border-color:#d9dbea}.auth{place-items:center;min-height:100vh;display:grid}.auth-card{background:#fff;border:1px solid #e7e7f0;border-radius:26px;width:min(100%,440px);padding:36px;box-shadow:0 30px 70px #373b6a22}.auth-card .logo{display:inline-block}.auth-card>p{letter-spacing:1.5px;color:#796dd0;margin:23px 0 8px;font-size:11px;font-weight:800}.auth-card h1{letter-spacing:-1.2px;color:#252a46;margin:0;font-size:31px}.auth-card>span{color:#7c829a;margin:10px 0 22px;display:block}.auth-card form{gap:10px;display:grid}.auth-card form button{border:0;padding:14px;font-weight:800}.auth-card small{color:#8489a1;margin-top:18px;line-height:1.6;display:block}.users{border-radius:20px;margin-top:30px;padding:22px}.users h2{color:#2c3150;font-size:22px}.user-list>div{border-top:1px solid #eef0f6;justify-content:space-between;align-items:center;padding:12px 2px;display:flex}@media (width<=500px){main{padding:24px 16px 60px}.hero h1{font-size:29px}.hero>strong{font-size:36px}.users form,.add form{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}}.page-header{justify-content:space-between;align-items:end;margin:10px 0 24px;display:flex}.page-header h1{letter-spacing:-1px;color:#262c4c;margin:0;font-size:31px}.page-header p{color:#7d73bd;letter-spacing:1.3px;margin:0 0 6px;font-size:11px;font-weight:800}.page-card{background:#fff;border:1px solid #e4e5f0;border-radius:20px;padding:24px;box-shadow:0 8px 22px #383b6810}.page-card h2{color:#30365a;margin:0 0 8px}.page-card span{color:#747a96;line-height:1.55}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#292e50ef;border:1px solid #525883;border-radius:19px;justify-content:space-around;width:min(560px,100% - 28px);padding:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #24274642}.bottom-nav button{color:#c6c8da;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;gap:3px;padding:7px 11px;font-size:10px;display:grid}.bottom-nav button span:first-child{font-size:18px;line-height:18px}.bottom-nav button.active{color:#fff;background:#5e51d5}.logout{color:#6255cd;cursor:pointer;background:#f1efff;border:0;border-radius:9px;margin-left:auto;padding:8px 11px;font-weight:700}@media (width<=500px){.bottom-nav{width:calc(100% - 18px);bottom:9px}.bottom-nav button{padding:7px 8px}.page-header h1{font-size:27px}.page-card{padding:20px}}.users{background:#fff;border:1px solid #e4e5f0;border-radius:20px;margin:0;padding:22px;box-shadow:0 8px 22px #383b6810}.users form{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.users form button{border:0;grid-column:1/-1;padding:13px;font-weight:800}.role{color:#5c6380;grid-column:1/-1;align-items:center;gap:8px;font-size:13px;display:flex}.role input{accent-color:#6454d8;width:auto;padding:0}.user-list{gap:0;margin-top:14px;display:grid}.user-list>div{border-top:1px solid #eef0f6;grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;padding:13px 0;display:grid}.user-list small{color:#796dd0;background:#f0edff;border-radius:99px;padding:4px 8px;font-size:11px}.user-avatar{color:#5d4dcc;background:#edeaff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.remove-user{color:#c15f50;cursor:pointer;background:#fff0ed;border:0;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700}@media (width<=500px){.users form{grid-template-columns:1fr}.user-list>div{grid-template-columns:36px 1fr auto}.remove-user{grid-column:2/-1;justify-self:start}.user-list small{justify-self:end}}.bottom-nav .signout{color:#ffc0af}.bottom-nav .signout:hover{color:#ffe0d8;background:#ffffff12}@media (width<=500px){.bottom-nav .signout{display:none}}.users .user-list{gap:12px;margin-top:20px}.users .user-list>div{background:#f8f8fc;border:1px solid #e7e7f1;border-radius:14px;grid-template-columns:1fr auto;gap:8px;padding:14px;display:grid}.users .user-list>div>b{color:#30365a;font-size:15px}.users .user-list>div>b:before{content:"▣";color:#6555d5;margin-right:9px}.users .user-list>div>small{color:#555b78;background:#fff;border-left:3px solid #9c91ed;border-radius:5px;grid-column:1/-1;padding:9px 10px;font-size:13px;display:block}.users .user-list>div>small:first-letter{color:#6555d5;font-weight:800}.users .user-list>div>.remove-user{grid-area:1/2}.members-title{margin-top:28px!important}button,input,select{min-height:48px}button{touch-action:manipulation}input,select{font-size:16px}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid}.bottom-nav{scrollbar-width:none;justify-content:flex-start;max-width:720px;overflow-x:auto}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav button{flex:1 0 auto;min-width:64px;min-height:54px}.bottom-nav .signout{display:grid}.app-layout{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.users .user-list>div{align-items:center}.users .user-list>div>small{justify-content:space-between;align-items:center;gap:12px;display:flex}.users .user-list>div>small button{flex-shrink:0;min-height:44px}.users .user-list>div>form{grid-column:1/-1;width:100%}.users .user-list>div>button:not(.remove-user){text-align:left;grid-column:1/-1;min-height:48px}.add form label,.users form label:not(.role){gap:6px;min-width:0;font-size:14px;font-weight:600;display:grid}.add form label{color:inherit}.add .MuiFormControl-root{min-width:0}.add .MuiInputLabel-root,.add .MuiFormHelperText-root{color:#d5d0ff}.add .MuiInputLabel-root.Mui-focused{color:#fff}.add .MuiOutlinedInput-notchedOutline{border-color:#d5d0ff}.add .MuiInputBase-input{color:#fff;background:0 0;padding:14px}.add .MuiAutocomplete-popupIndicator,.add .MuiAutocomplete-clearIndicator{color:#fff}.users form label input{width:100%}.auth-card form label{gap:6px;font-size:14px;font-weight:600;display:grid}.auth-card{min-width:0}.auth{min-height:100dvh}.bottom-nav button:active,.users button:active,.add button:active{opacity:.8}.add form button:disabled{opacity:.65;cursor:not-allowed}.users .user-list>div>small{justify-self:stretch;width:100%;font-size:14px}.users .user-list>div>button:not(.remove-user){font:inherit;cursor:pointer}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:visible}.bottom-nav button{width:100%;min-width:0}.more-container{position:relative}.more-menu{background:#292e50;border:1px solid #525883;border-radius:12px;min-width:180px;padding:8px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 18px 44px #24274642}.more-menu button{text-align:left;min-height:48px;padding:12px;font-size:14px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=500px){main{padding-left:16px;padding-right:16px}.bottom-nav{bottom:max(9px, env(safe-area-inset-bottom))}.bottom-nav button{padding-inline:8px}.users .user-list>div{grid-template-columns:minmax(0,1fr) auto}.users .user-list>div>.remove-user{grid-area:1/2}.users .user-list>div>small{grid-column:1/-1}.stats{grid-template-columns:1fr}.stats article:last-child{grid-column:auto}.add form{grid-template-columns:1fr}}.vala-header-icon{object-fit:contain;flex-shrink:0;width:48px;height:48px;display:block}.vala-login-logo{width:min(220px,100%);height:auto;margin:8px auto 24px;display:block}