@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#171923;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f5f6fa;--surface:#fff;--surface-alt:#f8f8fb;--surface-hover:#f2f1fa;--text:#171923;--text-secondary:#6e7280;--text-muted:#9b9eaa;--border:#eaebf0;--primary:#6557ed;--primary-dark:#5043d3;--primary-soft:#eeecff;--green:#20a46c;--green-soft:#e7f8f0;--coral:#ed685d;--coral-soft:#ffedeb;--shadow-sm:0 5px 20px #201f350e;--shadow-md:0 16px 40px #25224817;--radius-lg:22px;--radius-md:16px;--sidebar-width:274px;background:#f5f6fa;font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#f2f2f7;--bg:#111218;--surface:#191a22;--surface-alt:#20212b;--surface-hover:#272834;--text:#f2f2f7;--text-secondary:#aaaebb;--text-muted:#777b89;--border:#2b2d38;--primary:#8175ff;--primary-dark:#7164f5;--primary-soft:#2a2748;--green:#43ca91;--green-soft:#193529;--coral:#ff7d73;--coral-soft:#3c2426;--shadow-sm:0 8px 24px #0000002e;--shadow-md:0 18px 48px #0000004d;background:#111218}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 25%, transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh}.main-content{min-height:100vh;margin-left:var(--sidebar-width)}.page{width:min(100%,1540px);margin:0 auto;padding:42px 48px 64px}.page--narrow{max-width:920px}.panel{background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 75%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.eyebrow{color:var(--primary);letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:8px;font-size:clamp(28px,2.2vw,38px);line-height:1.18}h2{letter-spacing:-.025em;margin-bottom:0;font-size:20px;line-height:1.3}.page-header,.dashboard-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.page-header p,.dashboard-header p{color:var(--text-secondary);margin-bottom:0;font-size:14px}.status-pill{color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading .eyebrow{margin-bottom:5px}.text-link{color:var(--primary);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:750;transition:gap .2s,color .2s;display:inline-flex}.text-link:hover{color:var(--primary-dark);gap:9px}.button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:13px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-1px)}.button--primary{color:#fff;background:linear-gradient(135deg,#7569f7,#594bdd);box-shadow:0 8px 20px #6557ed42}.button--primary:hover{box-shadow:0 11px 25px #6557ed57}.button--secondary{color:var(--text);background:var(--surface-alt);border:1px solid var(--border)}.button--income{color:#fff;background:var(--green);box-shadow:0 8px 20px color-mix(in srgb, var(--green) 28%, transparent)}.button--expense{color:#fff;background:var(--coral);box-shadow:0 8px 20px color-mix(in srgb, var(--coral) 28%, transparent)}.button--destructive{color:#fff;background:linear-gradient(135deg,#f17469,#d94f47);box-shadow:0 8px 20px #e1524940}.button--destructive:not(:disabled):hover{box-shadow:0 11px 25px #e1524957}.icon-button{width:38px;height:38px;color:var(--text-secondary);background:var(--surface-alt);cursor:pointer;border:0;border-radius:11px;place-items:center;padding:0;transition:background .2s,color .2s,transform .2s;display:grid}.icon-button:hover{color:var(--text);background:var(--surface-hover);transform:rotate(3deg)}.icon-button svg{width:18px}.sidebar{z-index:30;width:var(--sidebar-width);background:color-mix(in srgb, var(--surface) 95%, transparent);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;padding:28px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.04em;align-items:center;gap:12px;padding:0 8px 28px;font-size:22px;font-weight:800;display:flex}.brand__mark{color:#fff;background:linear-gradient(145deg,#8177ff,#5143d7);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 9px 22px #6557ed47}.brand__mark svg{width:23px}.sidebar__add{width:100%;margin-bottom:24px}.sidebar__nav{gap:6px;display:grid}.nav-link{min-height:48px;color:var(--text-secondary);border-radius:13px;align-items:center;gap:13px;padding:0 13px;font-size:13px;font-weight:650;transition:background .2s,color .2s,transform .2s;display:flex}.nav-link:hover{color:var(--text);background:var(--surface-alt);transform:translate(2px)}.nav-link--active,.nav-link--active:hover{color:var(--primary);background:var(--primary-soft)}.sidebar__footer{gap:6px;margin-top:auto;display:grid}.profile-mini{border-bottom:1px solid var(--border);align-items:center;gap:11px;margin-bottom:4px;padding:12px 9px 16px;display:flex}.profile-mini>span:last-child{gap:2px;min-width:0;display:grid}.profile-mini strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-mini small{color:var(--text-muted);font-size:9px}.avatar{color:#fff;background:var(--primary);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.avatar--large{border-radius:24px;width:72px;height:72px;font-size:24px}.nav-link--button{cursor:pointer;background:0 0;border:0;width:100%}.nav-link--button:disabled{cursor:wait}.nav-link--logout{color:var(--coral)}.nav-link--logout:hover{color:var(--coral);background:var(--coral-soft)}.theme-toggle{width:100%;min-height:46px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:0 10px 0 12px;font-size:12px;font-weight:650;transition:color .2s,background .2s;display:flex}.theme-toggle:hover{color:var(--text);background:var(--surface-alt)}.theme-toggle__icon{place-items:center;display:grid}.theme-toggle__track{background:var(--border);border-radius:99px;width:34px;height:20px;margin-left:auto;padding:3px;transition:background .2s}.theme-toggle__track span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .22s;display:block;box-shadow:0 1px 4px #00000040}[data-theme=dark] .theme-toggle__track{background:var(--primary)}[data-theme=dark] .theme-toggle__track span{transform:translate(14px)}.theme-toggle--compact{width:auto;min-height:38px;padding:0}.theme-toggle--compact .theme-toggle__icon,.mobile-nav{display:none}.dashboard-grid{gap:22px;display:grid}.dashboard-grid--top{grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);margin-bottom:22px}.dashboard-grid--content{grid-template-columns:minmax(380px,.9fr) minmax(480px,1.25fr)}.balance-card{color:#fff;background:linear-gradient(135deg,#6558ec 0%,#5144ce 54%,#4640a7 100%);border-radius:25px;flex-direction:column;justify-content:space-between;min-height:288px;padding:31px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #5043cd40}.balance-card:after{content:"";border:50px solid #ffffff0d;border-radius:50%;width:280px;height:280px;position:absolute;top:-140px;right:-100px}.balance-card__glow{filter:blur(25px);background:#ffffff2b;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-190px;left:10%}.balance-card__top{z-index:1;color:#ffffffba;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex;position:relative}.balance-card__value{z-index:1;letter-spacing:-.055em;white-space:nowrap;margin:13px 0 22px;font-size:clamp(32px,3vw,47px);position:relative}.balance-card__totals{z-index:1;border-top:1px solid #ffffff29;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:22px;display:grid;position:relative}.balance-card__totals>div{align-items:center;gap:11px;min-width:0;display:flex}.balance-card__totals>div>span:last-child{gap:3px;min-width:0;display:grid}.balance-card__totals small{color:#ffffffa6;font-size:10px}.balance-card__totals strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.balance-card__circle{border-radius:50%;flex:none;place-items:center;width:37px;height:37px;display:grid}.balance-card__circle svg{width:18px}.balance-card__circle--income{color:#caffdf;background:#48e68f2e}.balance-card__circle--expense{color:#ffd0cd;background:#ff756a33}.member-cards{gap:16px;display:grid}.member-card{background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 75%, transparent);border-radius:var(--radius-lg);min-height:136px;box-shadow:var(--shadow-sm);grid-template-columns:1fr auto;align-items:start;gap:20px;padding:21px 22px;transition:transform .2s,box-shadow .2s;display:grid}.member-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.member-card__person{align-items:center;gap:10px;font-size:12px;display:flex}.member-card__balance{grid-column:1/-1;align-self:center;gap:3px;display:grid}.member-card__balance small,.member-card__breakdown small{color:var(--text-muted);font-size:10px}.member-card__balance strong{letter-spacing:-.04em;font-size:22px}.expense-overview,.recent-section{min-height:410px;padding:25px}.expense-overview__body{grid-template-columns:minmax(210px,1fr) minmax(160px,.72fr);align-items:center;gap:12px;min-height:320px;display:grid}.expenses-chart{width:100%;min-width:0;height:250px;position:relative}.expenses-chart--large{height:370px}.expenses-chart__center{text-align:center;pointer-events:none;gap:5px;width:44%;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.expenses-chart__center span{color:var(--text-muted);font-size:9px}.expenses-chart__center strong{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(15px,1.45vw,22px)}.expenses-chart--large .expenses-chart__center strong{font-size:clamp(21px,2vw,30px)}.expenses-chart--empty{background:radial-gradient(circle, transparent 49%, var(--border) 50%, var(--border) 65%, transparent 66%);border-radius:50%;place-items:center;display:grid}.expenses-chart--empty>div{text-align:center;gap:5px;display:grid}.expenses-chart--empty span{color:var(--text-muted);font-size:10px}.chart-tooltip{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:var(--shadow-md);border-radius:11px;align-items:center;gap:7px;padding:9px 11px;font-size:10px;display:flex}.chart-tooltip strong{margin-left:5px}.chart-tooltip__dot,.legend-dot{border-radius:50%;flex:none;width:8px;height:8px}.category-summary{gap:16px;display:grid}.category-summary>div{grid-template-columns:9px minmax(0,1fr);align-items:center;gap:3px 9px;font-size:10px;display:grid}.category-summary>div>span:nth-child(2){color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-summary strong{grid-column:2;font-size:12px}.recent-section .section-heading{margin-bottom:16px}.transaction-list{display:grid}.transaction-item{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;min-width:0;min-height:71px;display:grid}.transaction-item:last-child{border-bottom:0}.transaction-item__main{gap:4px;min-width:0;display:grid}.transaction-item__main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.transaction-item__main span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.transaction-item__amount{text-align:right;white-space:nowrap;gap:3px;display:grid}.transaction-item__amount strong{font-size:12px}.transaction-item__amount span{color:var(--text-muted);font-size:9px}.transaction-item__chevron{color:var(--text-muted);opacity:.55}.transaction-actions__trigger{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;flex:none;place-items:center;padding:0;transition:color .16s,background .16s,transform .16s;display:grid}.transaction-actions__trigger:hover,.transaction-actions__trigger.is-open{color:var(--primary);background:var(--primary-soft)}.transaction-actions__trigger:active{transform:scale(.94)}.transaction-actions__trigger svg{width:19px}.transaction-actions-menu{z-index:210;border:1px solid color-mix(in srgb, var(--border) 92%, transparent);color:var(--text);background:color-mix(in srgb, var(--surface) 97%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;padding:6px;position:fixed;box-shadow:0 16px 38px #1916372b,0 3px 10px #19163712}[data-theme=dark] .transaction-actions-menu{background:color-mix(in srgb, var(--surface-alt) 97%, transparent);box-shadow:0 20px 45px #0000007a}.transaction-actions-menu--bottom{transform-origin:100% 0;animation:.15s cubic-bezier(.2,.75,.25,1) both select-menu-down}.transaction-actions-menu--top{transform-origin:100% 100%;animation:.15s cubic-bezier(.2,.75,.25,1) both select-menu-up}.transaction-actions-menu button{width:100%;min-height:42px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:10px;font-weight:650;transition:color .14s,background .14s;display:flex}.transaction-actions-menu button:hover{color:var(--text);background:var(--surface-hover)}.transaction-actions-menu button svg{width:16px;height:16px}.transaction-actions-menu .transaction-actions-menu__delete{color:var(--coral)}.transaction-actions-menu .transaction-actions-menu__delete:hover{color:var(--coral);background:var(--coral-soft)}.amount--income{color:var(--green)}.amount--expense{color:var(--coral)}.category-icon{color:var(--icon-color);background:var(--icon-bg);border-radius:13px;flex:none;place-items:center;display:grid}[data-theme=dark] .category-icon{background:color-mix(in srgb, var(--icon-color) 19%, var(--surface))}.category-icon--small{border-radius:11px;width:37px;height:37px}.category-icon--small svg{width:17px}.category-icon--medium{width:44px;height:44px}.category-icon--medium svg{width:19px}.category-icon--large{width:54px;height:54px}.transaction-list--dashboard .transaction-item{min-height:62px}.transaction-list--dashboard .category-icon{width:38px;height:38px}.custom-select{gap:7px;min-width:0;display:grid}.custom-select__label{color:var(--text-secondary);font-size:10px;font-weight:700}.custom-select__trigger{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);width:100%;min-width:0;height:44px;color:var(--text);background:var(--surface-alt);text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:9px;padding:0 12px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.custom-select__trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 32%, var(--border));background:var(--surface-hover)}.custom-select__trigger:focus-visible,.custom-select--open .custom-select__trigger{border-color:color-mix(in srgb, var(--primary) 72%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.custom-select__leading{width:20px;height:20px;color:var(--text-muted);flex:none;place-items:center;display:grid}.custom-select__leading>svg{width:17px;height:17px}.custom-select__leading:has(.category-icon){width:30px;height:30px}.custom-select__leading .category-icon{border-radius:9px;width:30px;height:30px}.custom-select__leading .category-icon svg{width:14px}.custom-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.custom-select__value--placeholder{color:var(--text-muted);font-weight:500}.custom-select__chevron{width:17px;height:17px;color:var(--text-muted);flex:none;transition:transform .18s,color .18s}.custom-select--open .custom-select__chevron{color:var(--primary);transform:rotate(180deg)}.custom-select--compact .custom-select__trigger{border-radius:11px;height:40px}.custom-select--compact .custom-select__value{font-size:10px}.custom-select--disabled{opacity:.58}.custom-select--disabled .custom-select__trigger{cursor:not-allowed}.custom-select--error .custom-select__trigger{border-color:var(--coral)}.custom-select__error{color:var(--coral);font-size:8px}.custom-select-menu{z-index:220;border:1px solid color-mix(in srgb, var(--border) 92%, transparent);color:var(--text);background:color-mix(in srgb, var(--surface) 97%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:15px;padding:7px;position:fixed;overflow:hidden auto;box-shadow:0 18px 46px #1916372b,0 3px 12px #19163714}[data-theme=dark] .custom-select-menu{background:color-mix(in srgb, var(--surface-alt) 96%, transparent);box-shadow:0 22px 54px #0000007a,0 3px 12px #00000047}.custom-select-menu--bottom{transform-origin:top;animation:.16s cubic-bezier(.2,.75,.25,1) both select-menu-down}.custom-select-menu--top{transform-origin:bottom;animation:.16s cubic-bezier(.2,.75,.25,1) both select-menu-up}@keyframes select-menu-down{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes select-menu-up{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-select-menu__option{width:100%;min-height:40px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:6px 10px;transition:color .14s,background .14s;display:flex}.custom-select-menu__option>span:nth-last-child(2),.custom-select-menu__option>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:600;overflow:hidden}.custom-select-menu__option--active{color:var(--text);background:var(--surface-hover)}.custom-select-menu__option--selected{color:var(--primary);background:var(--primary-soft)}.custom-select-menu__option--selected.custom-select-menu__option--active{background:color-mix(in srgb, var(--primary-soft) 82%, var(--surface-hover))}.custom-select-menu__icon{flex:none;place-items:center;width:32px;height:32px;display:grid}.custom-select-menu__icon>svg{width:17px}.custom-select-menu__icon .category-icon{border-radius:9px;width:32px;height:32px}.custom-select-menu__icon .category-icon svg{width:15px}.custom-select-menu__check{stroke-width:2.5px;flex:none;width:16px;height:16px;margin-left:auto}.custom-select-menu__divider{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.control-label{color:var(--text-secondary);font-size:10px;font-weight:700}.date-picker,.amount-field{gap:7px;min-width:0;display:grid}.date-picker__trigger,.amount-field__control{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);width:100%;min-width:0;height:44px;color:var(--text);background:var(--surface-alt);border-radius:13px;align-items:center;gap:9px;padding:0 12px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.date-picker__trigger{text-align:left;cursor:pointer;justify-content:space-between}.date-picker__trigger>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.date-picker__trigger>svg{width:18px;height:18px;color:var(--text-muted);flex:none;transition:color .18s,transform .18s}.date-picker__trigger:hover:not(:disabled),.amount-field__control:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--border));background:var(--surface-hover)}.date-picker__trigger:focus-visible,.date-picker--open .date-picker__trigger,.amount-field__control:focus-within{border-color:color-mix(in srgb, var(--primary) 72%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.date-picker--open .date-picker__trigger>svg{color:var(--primary);transform:scale(1.05)}.date-picker__placeholder{color:var(--text-muted);font-weight:500!important}.date-picker--disabled,.amount-field--disabled{opacity:.58}.date-picker--disabled .date-picker__trigger{cursor:not-allowed}.date-picker--error .date-picker__trigger,.amount-field--error .amount-field__control{border-color:var(--coral)}.date-picker>small,.amount-field>small{color:var(--coral);font-size:8px}.amount-field__control input{width:100%;min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:11px;font-weight:600}.amount-field__control input::placeholder{color:var(--text-muted);font-weight:500}.amount-field__control b{color:var(--text-muted);flex:none;font-size:11px;font-weight:700}.date-picker-popover{z-index:230;border:1px solid color-mix(in srgb, var(--border) 92%, transparent);color:var(--text);background:color-mix(in srgb, var(--surface) 97%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:17px;padding:14px;position:fixed;overflow:hidden auto;box-shadow:0 22px 55px #19163733,0 4px 14px #19163714}[data-theme=dark] .date-picker-popover{background:color-mix(in srgb, var(--surface-alt) 97%, transparent);box-shadow:0 24px 60px #00000080,0 4px 14px #0000004d}.date-picker-popover--bottom{transform-origin:top;animation:.16s cubic-bezier(.2,.75,.25,1) both select-menu-down}.date-picker-popover--top{transform-origin:bottom;animation:.16s cubic-bezier(.2,.75,.25,1) both select-menu-up}.date-picker-popover--center{animation:.16s cubic-bezier(.2,.75,.25,1) both date-picker-center-in}@keyframes date-picker-center-in{0%{opacity:0;transform:translateY(-3px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.date-picker-popover__header{grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:6px;height:42px;display:grid}.date-picker-popover__header strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.date-picker-popover__header button{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;padding:0;transition:color .15s,background .15s,transform .15s;display:grid}.date-picker-popover__header button:hover{color:var(--primary);background:var(--primary-soft)}.date-picker-popover__header button:active{transform:scale(.94)}.date-picker-popover__header svg{width:19px}.date-picker-popover__weekdays,.date-picker-popover__grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-picker-popover__weekdays{margin:6px 0 3px}.date-picker-popover__weekdays span{height:27px;color:var(--text-muted);text-transform:uppercase;place-items:center;font-size:8px;font-weight:700;display:grid}.date-picker-popover__grid{gap:1px}.date-picker-popover__grid button{width:100%;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;padding:0;font-size:10px;font-weight:650;transition:color .14s,background .14s,transform .14s;display:grid;position:relative}.date-picker-popover__grid button:hover{color:var(--text);background:var(--surface-hover)}.date-picker-popover__grid button:active{transform:scale(.92)}.date-picker-popover__grid button.is-outside{color:var(--text-muted);opacity:.5}.date-picker-popover__grid button.is-today:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.date-picker-popover__grid button.is-selected{color:#fff;background:var(--primary);box-shadow:0 5px 13px color-mix(in srgb, var(--primary) 30%, transparent)}.date-picker-popover__grid button.is-selected:after{background:#fff}.date-picker-popover__grid button.is-selected:hover{color:#fff;background:var(--primary-dark)}.date-picker-popover__footer{border-top:1px solid var(--border);justify-content:center;margin-top:9px;padding-top:9px;display:flex}.date-picker-popover__footer button{border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);min-height:37px;color:var(--primary);background:var(--primary-soft);cursor:pointer;border-radius:11px;padding:0 17px;font-size:10px;font-weight:750;transition:background .15s,transform .15s}.date-picker-popover__footer button:hover{background:color-mix(in srgb, var(--primary-soft) 75%, var(--primary) 10%)}.date-picker-popover__footer button:active{transform:scale(.97)}.search-row{margin-bottom:16px}.search-input{border:1px solid var(--border);width:min(100%,430px);height:48px;color:var(--text-muted);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:0 14px;transition:border .2s,box-shadow .2s;display:flex}.search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.search-input input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.search-input input::placeholder{color:var(--text-muted)}.search-input button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:3px;display:grid}.filters-panel{background:var(--surface);border:1px solid var(--border);border-radius:17px;align-items:end;gap:18px;margin-bottom:20px;padding:17px 20px;display:flex}.filter-group,.filter-select{gap:8px;display:grid}.filter-group>span,.filter-select>.custom-select__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.segmented{background:var(--surface-alt);border-radius:11px;gap:3px;padding:3px;display:flex}.segmented button{min-height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 11px;font-size:10px;font-weight:700;transition:color .18s,background .18s,box-shadow .18s}.segmented button.active{color:var(--primary);background:var(--surface);box-shadow:0 2px 8px #14142814}.filter-select{min-width:145px}.reset-filters{min-height:38px;color:var(--coral);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 7px;font-size:10px;display:flex}.filters-done,.mobile-filter-button{display:none}.transactions-list-panel{padding:11px 26px}.transaction-group>h3{color:var(--text-secondary);margin:25px 0 8px;font-size:11px;font-weight:800}.transaction-group:first-child>h3{margin-top:12px}.transactions-list-panel .transaction-item{min-height:78px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.empty-state>span{width:60px;height:60px;color:var(--primary);background:var(--primary-soft);border-radius:20px;place-items:center;margin-bottom:15px;display:grid}.empty-state h3{margin-bottom:7px;font-size:15px}.empty-state p{max-width:310px;color:var(--text-muted);margin-bottom:0;font-size:11px}.data-state-page{min-height:100vh}.data-state-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:40px;display:flex}.data-state-card__icon{width:66px;height:66px;color:var(--primary);background:var(--primary-soft);border-radius:21px;place-items:center;margin-bottom:20px;display:grid}.data-state-card__icon svg{width:28px}.data-state-card__icon--error{color:var(--coral);background:var(--coral-soft)}.data-state-card h1{margin-bottom:10px;font-size:28px}.data-state-card p{max-width:430px;color:var(--text-secondary);margin-bottom:24px;font-size:12px;line-height:1.7}.data-skeleton{border-radius:var(--radius-lg);background:var(--surface);min-height:132px;position:relative;overflow:hidden}.data-skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 7%, var(--surface)), transparent);animation:1.4s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.data-skeleton--title{border-radius:14px;width:310px;min-height:52px;margin-bottom:30px}.data-skeleton-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:22px;display:grid}.data-skeleton--hero{min-height:288px}.data-skeleton-stack{gap:16px;display:grid}.data-skeleton--panel{min-height:350px;margin-top:22px}.statistics-header{align-items:flex-end}.period-selector{min-width:205px}.period-selector .custom-select__trigger{background:var(--surface)}.period-selector .custom-select__value{font-weight:700}.tabs{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:3px;width:fit-content;margin-bottom:26px;padding:4px;display:flex}.tabs button{min-height:39px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 20px;font-size:11px;font-weight:700;transition:color .2s,background .2s;display:flex}.tabs button.active{color:#fff;background:var(--primary);box-shadow:0 6px 15px #6557ed33}.statistics-section{animation:.28s both section-in}@keyframes section-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.section-toolbar h2{margin-bottom:3px}.section-toolbar>div>span{color:var(--text-muted);font-size:10px}.sort-select{width:190px}.sort-select .custom-select__trigger{background:var(--surface)}.statistics-list{padding:10px 26px}.transaction-item--compact{grid-template-columns:auto minmax(0,1fr) auto auto auto;min-height:67px}.transaction-item__date{color:var(--text-muted);font-size:9px}.balance-statistics{grid-template-columns:minmax(420px,1.1fr) minmax(300px,.9fr);gap:22px;display:grid}.balance-statistics__members{gap:16px;display:grid}.member-card--detailed{min-height:136px}.member-card--detailed .member-card__balance{text-align:right;grid-column:auto;justify-self:end}.member-card__breakdown{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 1fr;padding-top:15px;display:grid}.member-card__breakdown span{gap:3px;display:grid}.member-card__breakdown span:last-child{text-align:right}.member-card__breakdown strong{font-size:12px}.expenses-statistics{grid-template-columns:minmax(370px,.92fr) minmax(400px,1.08fr);align-items:start;gap:22px;display:grid}.expenses-statistics__chart,.expenses-statistics__categories,.category-details{padding:25px}.expenses-statistics__chart .section-heading>svg{color:var(--primary)}.category-list{margin-top:18px;display:grid}.category-list>button{border:0;border-bottom:1px solid var(--border);width:100%;min-height:66px;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 8px;transition:padding .2s,background .2s;display:grid}.category-list>button:last-child{border-bottom:0}.category-list>button:hover,.category-list>button.active{background:var(--surface-alt);border-radius:12px;margin:0 -5px;padding:0 13px}.category-list__name{gap:8px;min-width:0;display:grid}.category-list__name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.category-list__name>span{background:var(--border);border-radius:3px;height:3px;overflow:hidden}.category-list__name i{border-radius:3px;height:100%;display:block}.category-list__value{text-align:right;white-space:nowrap;gap:3px;display:grid}.category-list__value strong{font-size:11px}.category-list__value small{color:var(--text-muted);font-size:9px}.category-details{grid-column:1/-1}.category-details .section-heading{margin-bottom:12px}.empty-inline{color:var(--text-muted);text-align:center;padding:50px 15px;font-size:11px}.modal-open{overflow:hidden}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c0c168c;place-items:center;padding:24px;animation:.2s fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}.modal{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:var(--surface);scrollbar-width:thin;border-radius:24px;width:min(100%,650px);max-height:calc(100vh - 48px);padding:29px;animation:.3s cubic-bezier(.2,.8,.2,1) modal-in;position:relative;overflow-y:auto;box-shadow:0 26px 80px #0a0a194d}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.modal__handle{display:none}.modal__close{z-index:2;position:absolute;top:21px;right:21px}.modal--form .modal__close{width:42px;height:42px;top:29px;right:29px}.modal__heading{padding-right:45px}.modal__heading h2{margin-bottom:5px;font-size:24px}.modal__heading p{color:var(--text-muted);margin-bottom:0;font-size:11px}.type-picker__grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;display:grid}.type-card{border:1px solid var(--border);min-height:180px;color:var(--text);background:var(--surface-alt);text-align:left;cursor:pointer;border-radius:19px;flex-direction:column;align-items:flex-start;padding:25px;transition:transform .2s,box-shadow .2s,border .2s;display:flex}.type-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.type-card>span{border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid}.type-card strong{margin-bottom:8px;font-size:17px}.type-card small{color:var(--text-secondary);font-size:9px;line-height:1.6}.type-card--income:hover{border-color:var(--green)}.type-card--income>span{color:var(--green);background:var(--green-soft)}.type-card--expense:hover{border-color:var(--coral)}.type-card--expense>span{color:var(--coral);background:var(--coral-soft)}.modal__heading--form{grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding-right:48px;display:grid}.back-button{border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);width:fit-content;height:42px;color:var(--primary);background:var(--primary-soft);white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 8%, transparent);border-radius:12px;grid-column:1/-1;justify-content:center;place-self:start;align-items:center;gap:8px;margin-bottom:8px;padding:0 15px;font-size:11px;font-weight:700;transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.back-button svg{width:18px;height:18px;transition:transform .18s}.back-button:hover{color:var(--primary-dark);border-color:color-mix(in srgb, var(--primary) 42%, transparent);background:color-mix(in srgb, var(--primary-soft) 82%, var(--primary) 7%);box-shadow:0 7px 17px color-mix(in srgb, var(--primary) 13%, transparent);transform:translateY(-1px)}.back-button:hover svg{transform:translate(-2px)}.back-button:active{transform:translateY(0)scale(.98)}.form-type{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.form-type svg{width:20px}.form-type--income{color:var(--green);background:var(--green-soft)}.form-type--expense{color:var(--coral);background:var(--coral-soft)}.form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:23px;display:grid}.field{gap:7px;display:grid}.field>span,.category-picker legend{color:var(--text-secondary);font-size:10px;font-weight:700}.field em{float:right;color:var(--text-muted);font-size:8px;font-style:normal;font-weight:500}.field input,.field textarea{border:1px solid var(--border);width:100%;min-height:43px;color:var(--text);background:var(--surface-alt);border-radius:11px;outline:0;padding:0 12px;font-size:11px;transition:border .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:75px;padding-top:11px}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 11%, transparent)}.field--error input{border-color:var(--coral)}.field>small,.category-picker>small{color:var(--coral);font-size:8px}.category-picker{border:0;min-width:0;margin:20px 0;padding:0}.category-picker legend{margin-bottom:9px}.category-picker__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.category-picker__grid button{border:1px solid var(--border);min-width:0;min-height:75px;color:var(--text-secondary);background:var(--surface-alt);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 5px;transition:border .18s,transform .18s,background .18s;display:flex;position:relative}.category-picker__grid button:hover{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));transform:translateY(-1px)}.category-picker__grid button.selected{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.category-picker__grid button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7px;font-weight:700;overflow:hidden}.category-picker__check{width:13px;position:absolute;top:5px;right:6px}.modal__actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:23px;padding-top:18px;display:flex}.modal__actions .button{min-width:118px}.form-api-error{border:1px solid color-mix(in srgb, var(--coral) 28%, transparent);color:var(--coral);background:var(--coral-soft);border-radius:12px;margin-top:16px;padding:11px 13px;font-size:10px;font-weight:650;line-height:1.5}.modal-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.modal-success>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:18px;animation:.35s success-pop;display:grid}@keyframes success-pop{50%{transform:scale(1.08)}}.modal-success h2{margin-bottom:8px}.modal-success p{color:var(--text-muted);margin-bottom:0;font-size:11px}.delete-confirmation-backdrop{z-index:240}.delete-confirmation{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:var(--surface);text-align:center;border-radius:23px;width:min(100%,440px);padding:31px;animation:.24s cubic-bezier(.2,.8,.2,1) modal-in;position:relative;box-shadow:0 26px 80px #0a0a1952}.delete-confirmation__close{position:absolute;top:18px;right:18px}.delete-confirmation__icon{width:58px;height:58px;color:var(--coral);background:var(--coral-soft);border-radius:18px;place-items:center;margin:0 auto 17px;display:grid}.delete-confirmation__icon svg{width:25px}.delete-confirmation h2{margin-bottom:7px;font-size:23px}.delete-confirmation>p{color:var(--text-muted);margin-bottom:21px;font-size:10px}.delete-confirmation__transaction{background:var(--surface-alt);text-align:left;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:70px;padding:11px 13px;display:grid}.delete-confirmation__transaction>span{gap:4px;min-width:0;display:grid}.delete-confirmation__transaction>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.delete-confirmation__transaction>span small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.delete-confirmation__transaction>strong{white-space:nowrap;font-size:11px}.delete-confirmation__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:23px;display:grid}.profile-card{text-align:center;flex-direction:column;align-items:center;padding:38px;display:flex}.profile-card h2{margin:15px 0 5px}.profile-card>p{color:var(--text-muted);font-size:11px}.profile-options{text-align:left;width:100%;margin-top:25px;display:grid}.profile-options>div{border-bottom:1px solid var(--border);align-items:center;gap:14px;min-height:69px;display:flex}.profile-options>div:last-child{border-bottom:0}.profile-options>div>svg{color:var(--primary)}.profile-options>div>span{gap:3px;width:100%;display:grid}.profile-options strong{font-size:11px}.profile-options small{color:var(--text-muted);font-size:9px}.profile-options .theme-toggle{justify-self:end}.profile-options>.profile-logout{width:100%;min-height:69px;color:var(--coral);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;transition:padding .18s,background .18s;display:flex}.profile-options>.profile-logout:hover{background:var(--coral-soft);border-radius:13px;margin:0 -12px;padding:0 12px}.profile-options>.profile-logout>svg{color:var(--coral)}.profile-options>.profile-logout>span{gap:3px;width:100%;display:grid}.profile-options>.profile-logout:disabled{cursor:wait;opacity:.58}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.not-found>svg{width:64px;height:64px;color:var(--primary);margin-bottom:12px}.not-found>span{color:var(--primary);font-weight:800}.not-found h1{margin:10px 0 8px}.not-found p{color:var(--text-muted);margin-bottom:22px;font-size:12px}.auth-loading{min-height:100vh;color:var(--text-secondary);background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.auth-loading__logo{color:#fff;background:linear-gradient(145deg,#8177ff,#5143d7);border-radius:20px;place-items:center;width:62px;height:62px;margin-bottom:23px;display:grid;box-shadow:0 12px 30px #6557ed4d}.auth-loading__logo svg{width:31px}.auth-loading__spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;margin-bottom:11px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading p{margin:0;font-size:11px}.login-page{background:var(--bg);place-items:center;min-height:100vh;padding:35px 20px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.24;background-image:radial-gradient(color-mix(in srgb, var(--primary) 19%, transparent) 1px, transparent 1px);pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.login-page__orb{filter:blur(8px);pointer-events:none;border-radius:50%;position:absolute}.login-page__orb--one{background:color-mix(in srgb, var(--primary) 13%, transparent);width:360px;height:360px;top:-150px;left:-170px}.login-page__orb--two{background:color-mix(in srgb, var(--coral) 9%, transparent);width:310px;height:310px;bottom:-140px;right:-150px}.login-theme{z-index:2;position:fixed;top:22px;right:25px}.login-theme .theme-toggle{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:13px;justify-content:center;padding:0}.login-theme .theme-toggle__track{display:none}.login-theme .theme-toggle__icon{display:grid}.login-card{z-index:1;border:1px solid color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:26px;width:min(100%,430px);padding:37px;position:relative;box-shadow:0 24px 70px #1c193e21}[data-theme=dark] .login-card{box-shadow:0 28px 80px #00000061}.login-brand{letter-spacing:-.035em;align-items:center;gap:11px;margin-bottom:32px;font-size:18px;display:flex}.login-brand>span{color:#fff;background:linear-gradient(145deg,#8177ff,#5143d7);border-radius:13px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 19px #6557ed40}.login-brand svg{width:21px}.login-card__heading{margin-bottom:26px}.login-card__heading h1{margin-bottom:9px;font-size:30px}.login-card__heading p{color:var(--text-secondary);margin-bottom:0;font-size:11px;line-height:1.65}.login-form{gap:17px;display:grid}.auth-field{gap:8px;display:grid}.auth-field>span:first-child{color:var(--text-secondary);font-size:10px;font-weight:700}.auth-field__control{border:1px solid color-mix(in srgb, var(--border) 90%, transparent);height:47px;color:var(--text-muted);background:var(--surface-alt);border-radius:13px;align-items:center;gap:10px;padding:0 12px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.auth-field__control:hover{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:var(--surface-hover)}.auth-field__control:focus-within{border-color:color-mix(in srgb, var(--primary) 72%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.auth-field__control>svg{flex:none;width:18px}.auth-field__control input{width:100%;min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:11px}.auth-field__control input::placeholder{color:var(--text-muted)}.auth-field__control button{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;transition:color .16s,background .16s;display:grid}.auth-field__control button:hover{color:var(--primary);background:var(--primary-soft)}.auth-field__control button svg{width:17px}.login-form__error{border:1px solid color-mix(in srgb, var(--coral) 28%, transparent);color:var(--coral);background:var(--coral-soft);border-radius:12px;padding:11px 13px;font-size:10px;font-weight:650;line-height:1.5}.login-form__submit{width:100%;min-height:48px;margin-top:3px}.login-form__submit svg{width:18px;transition:transform .18s}.login-form__submit:hover svg{transform:translate(2px)}.login-card__security{color:var(--text-muted);text-align:center;margin:25px 0 0;font-size:8px}@media (width<=1180px){:root{--sidebar-width:234px}.page{padding-left:30px;padding-right:30px}.dashboard-grid--content{grid-template-columns:1fr}.expense-overview__body{grid-template-columns:1fr 1fr}.filters-panel{grid-template-columns:repeat(3,1fr);align-items:end;display:grid}.filter-group--type{grid-column:1/-1}.filter-select{min-width:0}.balance-statistics{grid-template-columns:1fr}.balance-statistics__members{grid-template-columns:1fr 1fr}}@media (width<=820px){.main-content{margin-left:0;padding-bottom:84px}.sidebar{display:none}.page{padding:28px 20px 36px}.mobile-nav{z-index:40;border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:repeat(5,1fr);align-items:center;height:68px;padding:0 7px;display:grid;position:fixed;inset:auto 10px 10px;box-shadow:0 14px 42px #14122d2e}.mobile-nav__link{min-width:0;height:54px;color:var(--text-muted);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;font-weight:650;display:flex}.mobile-nav__link--active{color:var(--primary);background:var(--primary-soft)}.mobile-nav__add{border:5px solid var(--bg);color:#fff;cursor:pointer;background:linear-gradient(145deg,#786df6,#584ad9);border-radius:18px;place-self:start center;place-items:center;width:52px;height:52px;display:grid;transform:translateY(-11px);box-shadow:0 9px 22px #6557ed61}.mobile-nav__add:hover{transform:translateY(-13px)}.dashboard-grid--top{grid-template-columns:1fr}.member-cards{grid-template-columns:1fr 1fr}.member-card{min-height:130px}.filters-panel{display:none}.filters-panel--open{grid-template-columns:1fr 1fr;display:grid}.mobile-filter-button{display:inline-flex}.mobile-filter-button b{color:#fff;background:var(--primary);border-radius:50%;place-items:center;min-width:19px;height:19px;font-size:9px;display:grid}.filters-done{grid-column:1/-1;display:inline-flex}.statistics-header{align-items:flex-end}.expenses-statistics{grid-template-columns:1fr}.category-details{grid-column:auto}.data-skeleton-grid{grid-template-columns:1fr}.data-skeleton-stack{grid-template-columns:1fr 1fr}}@media (width<=560px){.page{padding:24px 15px 30px}h1{font-size:27px}.dashboard-header,.page-header{align-items:flex-start;margin-bottom:23px}.dashboard-header .status-pill{display:none}.page-header p,.dashboard-header p{font-size:11px}.balance-card{min-height:250px;padding:25px 23px}.balance-card__value{font-size:34px}.balance-card__totals{gap:8px}.balance-card__totals strong{font-size:11px}.balance-card__circle{width:32px;height:32px}.member-cards{grid-template-columns:1fr}.member-card{min-height:112px;padding:17px}.expense-overview,.recent-section{min-height:0;padding:19px 16px}.section-heading h2{font-size:17px}.expense-overview__body{grid-template-columns:1fr;min-height:0}.expenses-chart{height:240px}.category-summary{grid-template-columns:1fr 1fr;padding:0 8px 8px}.recent-section .section-heading{align-items:flex-end}.transaction-item{grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px}.transaction-item__chevron{display:none}.transaction-item__amount strong{font-size:10px}.category-icon--medium{width:40px;height:40px}.page-header .mobile-filter-button{min-height:39px;padding:0 12px;font-size:10px}.search-input{width:100%}.filters-panel--open{grid-template-columns:1fr;padding:15px}.filter-group--type,.filters-done{grid-column:auto}.segmented button{flex:1}.transactions-list-panel,.statistics-list{padding:6px 14px}.transactions-list-panel .transaction-item{min-height:72px}.tabs{width:100%}.tabs button{flex:1;justify-content:center;min-width:0;padding:0 8px}.statistics-header{display:grid}.period-selector{width:100%;min-width:0}.section-toolbar{align-items:center}.sort-select{width:178px;max-width:50vw}.custom-select-menu__option{min-height:44px}.back-button{height:44px;padding:0 16px}.date-picker-popover{padding:12px}.date-picker-popover__header{grid-template-columns:42px minmax(0,1fr) 42px}.date-picker-popover__header button{width:42px;height:42px}.date-picker-popover__grid button{height:40px}.date-picker-popover__footer button{min-height:44px}.transaction-item--compact{grid-template-columns:auto minmax(0,1fr) auto auto}.transaction-item--compact .transaction-item__date{display:none}.balance-statistics__members{grid-template-columns:1fr}.expenses-statistics__chart,.expenses-statistics__categories,.category-details{padding:20px 16px}.expenses-chart--large{height:300px}.modal-backdrop{place-items:end center;padding:0}.modal{width:100%;max-height:92vh;padding:25px 17px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;animation-name:sheet-in}@keyframes sheet-in{0%{transform:translateY(100%)}}.modal__handle{background:var(--border);border-radius:9px;width:40px;height:4px;margin:-13px auto 18px;display:block}.modal__close{top:19px;right:15px}.modal--form .modal__close{width:44px;height:44px;top:34px;right:17px}.type-picker__grid{grid-template-columns:1fr 1fr;gap:10px}.type-card{min-height:155px;padding:17px 14px}.type-card>span{margin-bottom:17px}.type-card small{font-size:8px}.form-grid{grid-template-columns:1fr;gap:13px}.category-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modal__actions{padding:15px 17px calc(14px + env(safe-area-inset-bottom));background:var(--surface);margin:20px -17px -20px;position:sticky;bottom:-20px}.modal__actions .button{flex:1;min-width:0}.data-state-page{min-height:calc(100vh - 84px)}.data-state-card{min-height:440px;padding:28px 20px}.data-state-card h1{font-size:24px}.data-skeleton--title{width:72%}.data-skeleton-stack{grid-template-columns:1fr}.delete-confirmation-backdrop{place-items:center;padding:16px}.delete-confirmation{border-radius:21px;padding:27px 18px 19px}.delete-confirmation__close{top:13px;right:13px}.delete-confirmation__transaction{gap:9px;padding:10px}.delete-confirmation__actions .button{min-width:0;padding:0 12px}.login-page{place-items:center;padding:76px 14px 24px}.login-theme{top:14px;right:14px}.login-card{border-radius:22px;padding:29px 20px 24px}.login-brand{margin-bottom:27px}.login-card__heading h1{font-size:27px}.auth-field__control{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
