/* Monthly history, interactive summaries, photographs and restrained motion. */
[hidden]{display:none!important}
.period-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.month-switch{display:flex;align-items:center;padding:3px;background:#fff;border:1px solid #e0e6ec;border-radius:30px;box-shadow:0 1px 3px #19344b06}
.month-switch .month-picker{border:0;box-shadow:none;padding:8px 4px;min-height:34px;width:137px;max-width:137px;background:transparent;text-align:center}
.month-arrow{width:29px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#557387;font-size:24px;line-height:1}
.month-arrow:hover{background:#edf4f4;color:#087a63}
.month-arrow:active{transform:scale(.9)}
.current-month{font-size:9px;min-height:35px;padding:8px 11px}
.heading-actions{flex-wrap:wrap;max-width:47%;justify-content:flex-end}
.stat-value{display:block}
.stat-button{text-align:left;width:100%;font-family:inherit;cursor:pointer;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}
.stat-button:hover{transform:translateY(-4px);box-shadow:0 12px 26px #173f5110;border-color:#aaccc1}
.stat-button.is-selected{border-color:#11987a;box-shadow:0 0 0 2px #11987a,0 8px 24px #17423c12}
.stat-button.featured.is-selected{border-color:#53d0aa;box-shadow:0 0 0 2px #53d0aa}
.stat-click-hint{display:flex;align-items:center;gap:6px;color:#3c8f77;font-size:9px;font-weight:500;margin-top:14px}
.stat-click-hint svg{width:12px;height:12px;transition:transform .2s}
.stat-button:hover .stat-click-hint svg{transform:translateX(3px)}
.stat.featured .stat-click-hint{color:#8bddbf}
.history-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:3px 0 23px;padding:0 3px}
.history-strip>div:first-child{display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.history-label{font-size:8px;letter-spacing:1.4px;color:#708392;font-weight:600}
.history-strip strong{font-size:12px;font-weight:550;color:#2b4c64;text-transform:capitalize}
.history-months{display:flex;align-items:center;gap:7px;overflow:auto;min-width:0;padding:4px}
.history-chip{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;padding:9px 13px;border:1px solid #e0e8ed;border-radius:22px;background:#fff;color:#6b8192;font-size:10px}
.history-chip.selected{background:#e5f3eb;border-color:#c9e5d8;color:#278364;font-weight:550}
.history-chip i{width:5px;height:5px;border-radius:50%;background:#2a9b79}
.history-chip:hover{background:#eef5f3;transform:translateY(-1px)}
.comparison-panel .eyebrow{color:#478c78;font-size:8px;letter-spacing:1.3px;margin-bottom:9px}
.comparison-panel .panel-head h2{font-size:18px}
.compare-month-label{display:flex;flex-direction:column;gap:5px;align-items:flex-end;color:#6c8392;font-size:9px;font-weight:500;flex-shrink:0}
.compare-month-label .month-picker{font-size:10px;min-height:35px;padding:8px 10px}
.comparison-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:-5px 0 25px;color:#778b99;font-size:10px;line-height:1.7}
.comparison-toggle{display:flex;align-items:center;gap:7px;flex-shrink:0;color:#486e7c;font-size:10px;cursor:pointer}
.comparison-toggle input{accent-color:#098466;width:15px;height:15px;cursor:pointer}
.comparison-summary{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:23px;background:#f5f8fa;border:1px solid #edf2f4;border-radius:19px;margin-bottom:24px}
.comparison-summary>div:first-child>strong{font:620 20px/1.35 var(--display);letter-spacing:-.6px;display:block}
.comparison-summary p{font-size:11px;line-height:1.8;margin:10px 0 0;color:#61768a}
.comparison-bars{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}
.comparison-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:10px;color:#61788b}
.comparison-bars b{font-weight:550;white-space:nowrap;color:#35566c}
.compare-track{grid-column:1/-1;height:7px;border-radius:5px;background:#e6edf0;overflow:hidden}
.compare-track i{display:block;height:100%;background:linear-gradient(90deg,#09977c,#68c5a4);border-radius:5px;transform-origin:left center}
.compare-track i.previous{background:#9eafc0}
.comparison-table{max-height:420px;overflow:auto}
.comparison-table th{position:sticky;top:0;background:#fff;z-index:1;padding-top:8px}
.comparison-table td{font-size:11px;font-variant-numeric:tabular-nums;padding-top:15px;padding-bottom:15px}
.comparison-table td:not(:first-child),.comparison-table th:not(:first-child){text-align:right}
.comparison-name strong{display:block;font-size:11px;font-weight:550}
.comparison-name small{display:block;margin-top:4px;font-size:9px;color:#758697}
.comparison-change{display:block;font-size:11px;font-weight:550}
.comparison-change small{display:block;font-size:9px;font-weight:400;margin-top:3px}
.spending-higher{color:#b26349}
.spending-lower{color:#09846a}
.comparison-unmatched{color:#8493a0;font-size:9px;font-weight:400}
.comparison-footnote{font-size:10px;line-height:1.85;color:#6e8192;margin:18px 0 0}
.focus-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 24px;padding:14px 17px;background:#edf5f2;border:1px solid #deece5;border-radius:17px}
.focus-banner>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#5f8473;font-size:11px}
.focus-banner>span>svg{width:15px;height:15px}
.focus-banner strong{font-weight:600;color:#28634f}
.focus-banner .button{font-size:10px;min-height:35px;padding:8px 13px;white-space:nowrap}
.balance-equation{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:8px 0 15px}
.balance-equation>div{flex:1;min-width:150px}
.balance-equation small{display:block;color:#688093;font-size:11px;margin-bottom:9px}
.balance-equation strong{font:650 29px/1.2 var(--display);letter-spacing:-1px;font-variant-numeric:tabular-nums}
.balance-equation>span{color:#8293a4;font-size:25px;padding:0 8px}
.balance-total{padding:20px;border-radius:17px;background:#eff7f4}
.wealth-link{display:flex;align-items:center;gap:12px;width:100%;padding:18px 0;border:0;border-top:1px solid #e8edf1;background:none;text-align:left;font-size:12px;color:#5d788a}
.wealth-link:first-of-type{border:0}
.wealth-link strong{margin-left:auto;font-weight:600;color:#234961;white-space:nowrap}
.wealth-link svg{width:15px;height:15px;color:#52977e}
.wealth-link:hover{color:#0b856b;transform:translateX(3px)}
.wealth-records>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-top:1px solid #edf1f4;font-size:12px;color:#3f5d72}
.wealth-records small{display:block;color:#798d9c;font-size:10px;margin-top:4px}
.wealth-records strong{font-weight:550;white-space:nowrap}
.asset-drawing.with-photo{background:#eaf0f3}
.asset-drawing.with-photo:before{display:none}
.asset-drawing.with-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.asset-card:hover .asset-drawing.with-photo img{transform:scale(1.04)}
.photo-field>span>small{font-weight:400;font-size:10px;color:#7b8e9b;margin-left:4px}
.photo-editor{display:flex;align-items:center;gap:18px;padding:15px;border:1px dashed #c5d6dc;border-radius:17px;background:#f7fafb}
.photo-preview{display:grid;place-items:center;width:106px;height:91px;border:1px solid #e1eaf0;border-radius:13px;background:#eaf1f5;overflow:hidden;flex-shrink:0}
.photo-preview img{display:block;width:100%;height:100%;object-fit:cover}
.photo-preview>span{display:flex;flex-direction:column;align-items:center;gap:6px;color:#8ba2b2}
.photo-preview small{font-size:10px}
.photo-actions{display:flex;align-items:flex-start;flex-direction:column;gap:9px;min-width:0}
.photo-actions>small{font-size:9px;line-height:1.7;color:#6d8495;font-weight:400}
.photo-choose{position:relative;overflow:hidden;font-size:10px;cursor:pointer;min-height:35px;padding:9px 13px}
.photo-choose input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0;border:0;font-size:0}
.photo-choose:focus-within{outline:3px solid #169d85;outline-offset:3px}
.photo-status{margin:3px 0 0;font-size:10px;font-weight:400;color:#6e8696;line-height:1.8}
.photo-actions .text-button{font-size:10px}
.button,.nav-item,.filter,.icon-button{position:relative;overflow:hidden}
.tap-ripple{position:absolute;z-index:2;display:block;border-radius:50%;background:rgba(50,139,117,.13);pointer-events:none;transform:scale(0);animation:tap-wave .52s ease-out forwards}
.primary .tap-ripple,.featured .tap-ripple,.nav-item.active .tap-ripple{background:rgba(210,255,237,.17)}
@keyframes tap-wave{to{transform:scale(1);opacity:0}}
.button:active,.stat-button:active,.filter:active,.icon-button:active{transform:scale(.97)}
.progress-track>div{transform-origin:left center;transition:width .55s cubic-bezier(.2,.7,.2,1)}
.donut,.reserve-ring{transition:filter .3s}
.donut:hover{filter:drop-shadow(0 6px 8px #173b4310)}
dialog[open]{animation:modal-arrive .22s cubic-bezier(.2,.7,.2,1)}
@keyframes modal-arrive{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1120px){.heading-actions{max-width:47%;flex-direction:column;align-items:flex-end}.period-controls{justify-content:flex-end}.comparison-summary{gap:25px}.stat-value{font-size:29px}.balance-equation>div{min-width:130px}.balance-equation strong{font-size:24px}.balance-equation>span{padding:0}.balance-total{padding:16px}}
@media(max-width:760px){.heading-actions{max-width:none;flex-direction:row;justify-content:space-between;gap:10px}.period-controls{justify-content:flex-start;gap:6px}.month-switch .month-picker{width:130px;max-width:130px;font-size:10px}.month-arrow{width:27px}.history-strip{align-items:flex-start;flex-direction:column;gap:12px;margin:0 0 21px}.history-months{max-width:100%;width:100%;padding:2px}.history-strip>div:first-child{flex-direction:row;align-items:center;gap:10px}.history-label{font-size:8px}.history-strip strong{font-size:11px}.history-chip{font-size:9px;padding:8px 12px}.comparison-panel .panel-head{gap:15px;flex-wrap:wrap}.comparison-panel .panel-head h2{font-size:17px}.compare-month-label{flex-direction:row;align-items:center;gap:9px}.compare-month-label .month-picker{font-size:10px}.comparison-controls{gap:12px;margin-bottom:20px;font-size:9px}.comparison-summary{grid-template-columns:1fr;gap:22px;padding:19px;border-radius:17px}.comparison-summary>div:first-child>strong{font-size:19px}.comparison-summary p{font-size:10px}.comparison-bars>div{font-size:10px}.comparison-table th{font-size:8px;min-width:90px}.comparison-table th:first-child{min-width:145px}.comparison-table td{font-size:10px}.comparison-name strong{font-size:10px}.comparison-name small{font-size:8px}.comparison-change{font-size:10px}.comparison-change small{font-size:8px}.comparison-unmatched{font-size:8px}.comparison-footnote{font-size:9px}.stat-click-hint{font-size:8px;margin-top:12px}.focus-banner{gap:12px;padding:13px 14px;flex-wrap:wrap}.focus-banner>span{font-size:10px}.focus-banner .button{font-size:9px}.balance-equation{gap:12px}.balance-equation>div{flex:1;min-width:100px}.balance-equation>span{font-size:18px}.balance-equation strong{font-size:22px}.balance-equation .balance-total{flex-basis:100%;margin-top:6px}.balance-equation>span:nth-of-type(2){display:none}.wealth-link{font-size:11px}.wealth-link strong{font-size:12px}.wealth-records>div{font-size:11px}.photo-editor{gap:14px;padding:13px}.photo-preview{width:91px;height:84px}.photo-actions>small{font-size:8px}.photo-choose{font-size:9px;padding:8px 11px}.current-month{font-size:9px;min-height:33px;padding:7px 10px}}
@media(max-width:440px){.stat-value{font-size:25px}.period-controls .month-switch .month-picker{width:120px;max-width:120px}.month-arrow{width:26px}.heading-actions>.button{padding:11px 12px}.comparison-panel .eyebrow{font-size:7px}.comparison-panel .panel-head h2{font-size:16px}.comparison-summary>div:first-child>strong{font-size:18px}.wealth-records>div{font-size:10px}.photo-preview{width:81px;height:81px}.photo-actions .button{font-size:9px}.balance-equation strong{font-size:21px}}
@media(max-width:350px){.stat-value{font-size:21px}.heading-actions{align-items:flex-start;flex-direction:column}.comparison-panel .panel-head h2{font-size:15px}.photo-editor{flex-direction:column;align-items:flex-start}.photo-preview{width:100%;height:140px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tap-ripple{display:none}.stat-button:hover,.wealth-link:hover,.button:hover,.history-chip:hover,.asset-card:hover .asset-drawing.with-photo img{transform:none}}
/* Stable filters, clockwise chart reveals and polished entry sheets. */
.stat-button{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}
.stat-button:hover,.stat-button:active{transform:none}
.stat-button:hover{box-shadow:0 5px 17px #173f510c}
.button:hover,.filter:hover,.icon-button:hover,.nav-item:hover,.history-chip:hover{transform:none}
.button:active,.filter:active,.icon-button:active,.nav-item:active{transform:scale(.99)}
.tap-ripple{display:none}
.stat-button.is-selected{box-shadow:0 5px 18px #12473216}
.stat-button[data-focus="income"].is-selected{background:linear-gradient(125deg,#087355,#118363);border-color:#0c7657;color:#fff}
.stat-button[data-focus="expense"].is-selected{background:linear-gradient(125deg,#a73447,#bf4b57);border-color:#a93748;color:#fff}
.stat-button[data-focus="wealth"].is-selected{background:linear-gradient(125deg,#f4d664,#f0c74a);border-color:#e8bf41;color:#57410b;box-shadow:0 5px 18px #9e771011}
.stat-button[data-focus="income"].is-selected :is(.stat-label,.stat-note,.stat-click-hint),.stat-button[data-focus="expense"].is-selected :is(.stat-label,.stat-note,.stat-click-hint){color:#fff}
.stat-button[data-focus="income"].is-selected .stat-label>span,.stat-button[data-focus="expense"].is-selected .stat-label>span{background:#ffffff16;color:#fff}
.stat-button[data-focus="wealth"].is-selected :is(.stat-label,.stat-note,.stat-click-hint){color:#694c0b}
.stat-button[data-focus="wealth"].is-selected .stat-label>span{color:#78560c;background:#ffffff32}
.stat-button.featured.is-selected{border-color:#33576b;box-shadow:0 0 0 1px #33576b,0 6px 18px #173a4315}
#overview-detail[data-focus-theme="income"] .focus-banner{background:#edf7f2;border-color:#dceee4}
#overview-detail[data-focus-theme="expense"] .focus-banner{background:#fbf0f1;border-color:#f1dfe2}
#overview-detail[data-focus-theme="expense"] .focus-banner :is(span,strong){color:#964956}
#overview-detail[data-focus-theme="wealth"] .focus-banner{background:#fcf7e4;border-color:#f0e6bd}
#overview-detail[data-focus-theme="wealth"] .focus-banner :is(span,strong){color:#8c6a1b}
.donut{background:#edf2f4;isolation:isolate;box-shadow:none}
.donut:hover{filter:none}
.donut:before{z-index:1;pointer-events:none}
.donut-fill{position:absolute;inset:0;border-radius:50%;--sweep:360deg;-webkit-mask-image:conic-gradient(from 0deg,#000 0deg var(--sweep),transparent var(--sweep) 360deg);mask-image:conic-gradient(from 0deg,#000 0deg var(--sweep),transparent var(--sweep) 360deg)}
.donut-center{z-index:2;pointer-events:none}
.result-pie .chart-block{max-width:650px;gap:45px;margin:10px auto}
.result-pie .form-help{font-size:10px;padding-top:16px;border-top:1px solid #eef2f4}
dialog[data-kind="transaction"],dialog[data-kind="investment"],dialog[data-kind="asset"]{width:565px;padding:30px 32px 0;border-radius:29px;border:1px solid #ffffffd9;box-shadow:0 28px 100px #0b253033;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);max-height:90vh;overscroll-behavior:contain}
dialog[data-kind]:not([data-kind=""]) .modal-top{margin-bottom:13px}
dialog[data-kind]:not([data-kind=""]) .modal-top h2{font-size:28px;letter-spacing:-1px;font-weight:650}
dialog[data-kind]:not([data-kind=""]) .modal-top .icon-button{background:#f0f3f5;border:0;width:29px;height:29px;font-size:13px;color:#708391}
.entry-intro{display:flex;align-items:center;gap:10px;margin-bottom:23px}
.entry-intro>span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#edf4f4;color:#468c7d;flex-shrink:0}
.entry-intro svg{width:15px;height:15px}
.entry-intro p{font-size:11px;color:#718593;line-height:1.7;margin:0}
.entry-form{--entry-accent:#214c67;--entry-soft:#eef4f8;--entry-border:#d8e5ee}
.entry-form[data-tone="income"]{--entry-accent:#187c5c;--entry-soft:#edf8f1;--entry-border:#d5eadf}
.entry-form[data-tone="expense"]{--entry-accent:#b24857;--entry-soft:#fcf1f3;--entry-border:#f0dade}
.entry-form[data-tone="asset"]{--entry-accent:#997215;--entry-soft:#fcf8e9;--entry-border:#efe5c2}
.entry-type{padding:0;margin:0 0 20px;border:0;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.entry-type-option{position:relative;display:flex;align-items:center;gap:11px;padding:14px 17px;border:1px solid #e3eaf0;border-radius:16px;background:#fff;color:#677d8f;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.entry-type-option input{position:absolute;opacity:0;width:1px;height:1px}
.entry-type-option>svg{width:23px;height:23px;padding:4px;box-sizing:content-box;border-radius:10px;background:#f0f4f6}
.entry-type-option>span{font-size:13px;font-weight:600;letter-spacing:-.2px}
.entry-type-option small{display:block;margin-top:4px;font-size:9px;font-weight:400;color:#7f929f;letter-spacing:0}
.entry-type-option:has(input:focus-visible){outline:3px solid #9cc8b7;outline-offset:3px}
.entry-type-option.income:has(input:checked){background:#edf8f1;border-color:#8fcbb0;color:#197652;box-shadow:0 0 0 1px #b7dec8}
.entry-type-option.expense:has(input:checked){background:#fcf0f2;border-color:#daa0aa;color:#a1394d;box-shadow:0 0 0 1px #efcbd1}
.entry-type-option.income:has(input:checked)>svg{background:#daefdf;color:#218360}
.entry-type-option.expense:has(input:checked)>svg{background:#f6dfe5;color:#b14357}
.entry-amount{display:block;background:var(--entry-soft);border:1px solid var(--entry-border);border-radius:20px;padding:20px 22px;margin-bottom:25px;transition:background .16s,border-color .16s}
.entry-amount>span{font-size:10px;font-weight:550;color:var(--entry-accent)}
.entry-amount>div{display:flex;align-items:baseline;gap:10px;margin:11px 0 8px}
.entry-amount b{font:500 21px/1.2 var(--display);color:var(--entry-accent);letter-spacing:-.5px}
.entry-amount input{width:100%;min-width:0;padding:0;margin:0;border:0;outline:none;background:none;font:640 42px/1.2 var(--display);letter-spacing:-1.6px;color:var(--entry-accent);box-shadow:none;appearance:textfield;-moz-appearance:textfield}
.entry-amount input::-webkit-inner-spin-button,.entry-amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.entry-amount input::placeholder{color:var(--entry-accent);opacity:.36}
.entry-amount:focus-within{outline:2px solid var(--entry-border);outline-offset:3px}
.entry-amount>small{font-size:9px;color:#7b8994;font-weight:400}
.entry-section>span{display:block;margin-bottom:17px;font-size:9px;font-weight:600;letter-spacing:1.3px;color:#8c9aa6}
.entry-section .form-grid{gap:19px 16px}
.entry-section .field{font-size:10px;gap:8px;color:#637b8d;font-weight:550}
.entry-section .field input,.entry-section .field select{border-radius:12px;border:1px solid #dde6eb;background:#fff;min-height:44px;padding:12px 13px;font-size:12px;box-shadow:0 1px 2px #14314b03}
.entry-section .field input::placeholder{color:#a0adb6;font-size:11px}
.entry-status{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap;border:0;padding:0;margin:0}
.entry-status legend{padding:0;margin:0 0 10px;font-size:10px;font-weight:550;color:#637b8d}
.entry-status label{position:relative;display:flex;align-items:center;gap:6px;border:1px solid #e0e8ed;border-radius:22px;background:#fff;color:#718796;padding:9px 13px;font-size:10px;cursor:pointer;transition:background .15s,border-color .15s}
.entry-status label input{position:absolute;opacity:0;width:1px;height:1px}
.entry-status svg{width:13px;height:13px}
.entry-status label:has(input:checked){background:#edf4f7;border-color:#b9cdd9;color:#355f79}
.entry-status label:has(input:focus-visible){outline:3px solid #a4c7ba;outline-offset:3px}
.entry-note{display:flex;align-items:flex-start;gap:9px;margin:20px 0 0;padding:13px 14px;background:#f4f7f9;border:1px solid #edf1f4;border-radius:12px;color:#71899a;font-size:10px;line-height:1.8}
.entry-note>svg{width:14px;height:14px;margin-top:2px;flex-shrink:0}
.entry-actions{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;margin:22px -32px 0;padding:20px 32px 23px;background:rgba(251,252,253,.95);backdrop-filter:blur(14px);border-top:1px solid #e9eef2;z-index:3}
.entry-actions .button{font-size:11px;min-height:43px;padding:12px 20px}
.entry-actions .primary{background:var(--entry-accent);border-color:var(--entry-accent);color:#fff;box-shadow:0 3px 8px #23453612}
.entry-actions .primary:hover{filter:brightness(.95);transform:none}
.entry-form .photo-editor{background:#f8fafb;border-color:#cedce3;border-radius:16px;padding:17px;gap:20px}
.entry-form .photo-preview{width:128px;height:102px;background:#eaf0f3;border-radius:12px}
.entry-form .photo-choose{background:#fff;border-color:#dbe5e9}
.entry-form .photo-actions>small{font-size:9px}
@keyframes modal-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.result-pie .chart-block{gap:28px}.result-pie .panel-head{flex-wrap:wrap}.result-pie .panel-head p{font-size:10px}.stat-button:hover{transform:none}.stat-button.is-selected{box-shadow:0 4px 14px #153b4110}}
@media(max-width:540px){dialog[data-kind="transaction"],dialog[data-kind="investment"],dialog[data-kind="asset"]{width:calc(100% - 24px);padding:24px 22px 0;border-radius:25px;max-height:92vh}dialog[data-kind]:not([data-kind=""]) .modal-top h2{font-size:25px}.entry-intro{margin-bottom:20px}.entry-intro p{font-size:10px}.entry-type-option{padding:13px 12px;gap:8px;border-radius:14px}.entry-type-option>span{font-size:12px}.entry-type-option small{font-size:8px}.entry-type-option>svg{width:18px;height:18px;padding:4px}.entry-amount{padding:18px 20px;border-radius:18px;margin-bottom:22px}.entry-amount input{font-size:37px}.entry-section .field input,.entry-section .field select{font-size:12px;padding:11px 10px}.entry-section .form-grid{gap:17px 13px}.entry-actions{margin-left:-22px;margin-right:-22px;padding:17px 22px 20px}.entry-actions .button{font-size:10px;padding:11px 15px}.entry-note{font-size:9px}.entry-form .photo-editor{gap:13px;padding:13px}.entry-form .photo-preview{width:94px;height:88px}.entry-form .photo-actions>small{font-size:8px}.result-pie .chart-block{gap:18px}.entry-type{gap:9px}.entry-section .field input::placeholder{font-size:10px}}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}.donut-fill{--sweep:360deg!important}.stat-button,.entry-type-option,.entry-amount,.entry-status label{transition:none!important}.button:active,.filter:active,.icon-button:active,.nav-item:active{transform:none}}