@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}}:root{color:#1b3e61;font-synthesis:none;--accent:#7babda;--accent-dark:#23507d;--muted:#2f6ba8;--line:#cfe1f2;--surface:#fff;--radius:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eff6fd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}button,a,input,select,textarea{touch-action:manipulation}button{color:inherit;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7faddb}input,textarea,select{color:#183654;background:#fff;border:1px solid #d1e2f2;border-radius:10px;outline:none;width:100%;min-width:0;padding:12px 14px;transition:box-shadow .15s,border-color .15s}input::placeholder,textarea::placeholder{color:#72a4d7}textarea{resize:vertical;line-height:1.8}input[type=date],input[type=month]{appearance:none;min-height:46px}input[type=checkbox],input[type=radio]{accent-color:#2c659d;flex-shrink:0;width:16px;height:16px;padding:0}h1,h2,h3,h4,p{margin:0}strong{font-weight:600}svg{flex-shrink:0}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#e2effc;border-right:1px solid #d7e6f4;flex-direction:column;width:222px;padding:37px 21px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{align-items:center;gap:12px;display:flex}.logo-mark{color:#e3f0fc;background:#295e93;border-radius:12px 12px 17px;justify-content:center;align-items:center;width:40px;height:43px;display:flex}.logo>div{flex-direction:column;display:flex}.logo strong{letter-spacing:2px;color:#1c4063;font-size:27px;font-weight:650;line-height:1}.logo-period{color:#72a4d7}.logo>div>span{color:#508fce;letter-spacing:.5px;margin-top:9px;font-size:9px}.sidebar-label{color:#649cd3;letter-spacing:1.6px;margin:56px 17px 15px;font-size:10px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav button{color:#4387ca;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:15px;padding:14px 18px;font-size:14px;transition:background .15s;display:flex}.sidebar nav button.active{color:#255585;background:#d3e3f2;font-weight:600}.active-dot{background:#316fad;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-tip{margin-top:auto;padding:37px 17px 32px}.tip-leaf{color:#639bd3;margin-bottom:17px}.sidebar-tip h4{color:#3271b0;letter-spacing:.4px;font-size:11px;font-weight:500}.sidebar-tip p{color:#679ed4;margin-top:8px;font-size:10px;line-height:1.9}.sidebar-user{border-top:1px solid #cddff1;align-items:center;gap:10px;padding:23px 5px 25px;display:flex}.user-avatar{color:#306eac;background:#caddf0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.sidebar-user div{flex-direction:column;gap:5px;display:flex}.sidebar-user small{color:#659dd4;align-items:center;gap:3px;font-size:9px;display:flex}.sidebar-user .icon-button{color:#5693cf;margin-left:auto}.main-content{margin-left:222px}.topbar{border-bottom:1px solid #dae8f5;justify-content:space-between;align-items:center;height:83px;padding:0 45px;display:flex}.breadcrumb{color:#316fad;align-items:center;gap:14px;font-size:11px;display:flex}.topbar-right{align-items:center;display:flex}.privacy-badge{color:#488acc;align-items:center;gap:6px;font-size:10px;display:flex}.mobile-brand,.mobile-logout,.bottom-nav{display:none}.page-content{max-width:1300px;margin:0 auto;padding:36px 45px 35px}.page-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.7px;color:#5f99d2;margin-bottom:8px;font-size:10px}.page-heading h1{letter-spacing:.8px;color:#1c4165;align-items:center;gap:14px;font-size:26px;font-weight:620;line-height:1.5;display:flex}.page-description{color:#5592cf;letter-spacing:.25px;margin-top:5px;font-size:11px}.page-actions{align-items:center;gap:13px;padding-top:12px;display:flex}.button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:11px 17px;font-size:12px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button.soft:hover{background:#d3e3f2}.button.border{color:#367bc0;background:#fff;border:1px solid #d6e5f3}.button.selected{color:#295e92;background:#dae7f4;border-color:#c2d8ee}.button.danger{color:#fff;background:#3c82c8}.button.text-danger{color:#508fce;background:0 0}.icon-button{color:#6099d2;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.text-button{color:#357abe;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:5px;padding:5px 0;font-size:10px;font-weight:500;display:inline-flex}.month-picker{white-space:nowrap;background:#fff;border:1px solid #d4e3f3;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:3px 5px;display:flex}.month-picker>button{color:#5793d0;background:0 0;border-radius:5px;place-items:center;width:24px;height:27px;display:grid}.month-picker label{color:#3373b3;cursor:pointer;align-items:center;gap:8px;padding:5px 0;font-size:11px;font-weight:500;display:flex;position:relative}.month-picker input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.month-picker input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:auto;height:auto;position:absolute;inset:0}.card{border-radius:var(--radius);background:#fff;border:1px solid #dae7f4;min-width:0;padding:24px;box-shadow:0 3px 10px #1b3d5e02}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;display:flex}.section-title h2{color:#24517e;letter-spacing:.3px;font-size:14px;font-weight:600}.section-title p{color:#6ca1d6;margin-top:6px;font-size:10px}.mini-label{color:#5e98d2;white-space:nowrap;background:#e8f2fc;border-radius:5px;padding:4px 8px;font-size:9px;display:inline-block}.summary-grid{grid-template-columns:1.31fr 1fr;gap:21px;display:grid}.expense-card{color:#ebf4fd;border-radius:var(--radius);background:#27598a;min-height:202px;padding:25px 29px 20px;position:relative;overflow:hidden;box-shadow:0 5px 12px #1f466d0d}.expense-card-top{z-index:1;color:#bad3eb;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:relative}.expense-card-top>span:first-child{align-items:center;gap:7px;display:flex}.tiny-dot{background:#89b3de;border-radius:50%;width:5px;height:5px}.month-tag{color:#a2c3e5;background:#ffffff12;border:1px solid #ffffff10;border-radius:5px;padding:4px 9px;font-size:9px}.hero-amount{z-index:1;letter-spacing:-1.7px;font-variant-numeric:tabular-nums;align-items:baseline;gap:9px;margin-top:25px;margin-bottom:27px;font-size:clamp(30px,3.8vw,47px);font-weight:500;line-height:1;display:flex;position:relative}.hero-amount>span{color:#93bae0;letter-spacing:0;font-size:25px;font-weight:300}.expense-card-bottom{color:#89b3de;z-index:1;justify-content:space-between;gap:15px;font-size:9px;display:flex;position:relative}.expense-card-bottom>span:last-child{color:#70a3d7;align-items:center;gap:7px;display:flex}.hero-decoration{color:#a3c4e517;position:absolute;top:5px;right:0;transform:rotate(-30deg)}.budget-card{padding:20px 24px}.budget-card .section-title{margin-bottom:18px}.budget-main{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.budget-main>strong{letter-spacing:-.8px;color:#245381;font-variant-numeric:tabular-nums;font-size:27px;font-weight:520}.budget-main>span{color:#659cd3;font-size:9px}.progress-track{background:#e0eefc;border-radius:12px;height:6px;margin-top:16px;overflow:hidden}.progress-track>div{border-radius:inherit;background:#488acb;height:100%;transition:width .4s}.budget-bottom{color:#5d97d1;justify-content:space-between;align-items:center;margin-top:17px;font-size:10px;display:flex}.budget-bottom>strong{color:#2c639a;font-size:13px;font-weight:500}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;margin-bottom:25px;display:grid}.metric-card{background:#ffffffb3;border:1px solid #dae8f5;border-radius:13px;align-items:center;gap:12px;min-width:0;padding:18px 19px;display:flex}.metric-icon{border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.metric-card>div{flex-direction:column;gap:5px;display:flex}.metric-card>div>span{color:#5190ce;font-size:10px}.metric-card strong{color:#285b8e;letter-spacing:-.4px;white-space:nowrap;font-size:20px;font-weight:500}.metric-card>small{color:#77a8d9;white-space:nowrap;align-self:flex-end;margin-left:auto;padding-bottom:3px;font-size:8px}.overview-grid{grid-template-columns:1.22fr 1fr;gap:21px;display:grid}.recent-card{min-height:306px}.transaction-list{margin-top:-5px}.transaction-row{text-align:left;background:0 0;border-bottom:1px solid #e2effc;align-items:center;gap:12px;width:100%;min-height:63px;padding:12px 0;display:flex}.transaction-row:last-child{border-bottom:0}.transaction-row:hover{background:#f5fafe;border-radius:8px}.category-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.transaction-details{flex-direction:column;gap:6px;display:flex}.transaction-details>strong{color:#2e6aa5;font-size:11px;font-weight:550}.transaction-amount{color:#295e92;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:530}.distribution-card{flex-direction:column;padding-bottom:0;display:flex}.distribution-card .section-title{margin-bottom:12px}.category-chart{flex-grow:1;justify-content:center;align-items:center;gap:27px;min-height:199px;padding:11px 0 20px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:151px;height:151px;padding:21px;transform:rotate(0)}.donut-center{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.donut-center>small{color:#6fa3d6;font-size:9px}.donut-center strong{color:#2e69a3;font-size:25px;font-weight:500;line-height:1.2}.donut-center strong>span{color:#6ca1d5;font-size:10px;font-weight:400}.chart-legend{flex-direction:column;gap:13px;min-width:112px;display:flex}.legend-row{color:#5391ce;text-align:left;background:0 0;align-items:center;gap:8px;width:100%;padding:2px 0;font-size:10px;display:flex}.legend-row>strong{color:#3d83c8;margin-left:auto;padding-left:10px;font-size:10px;font-weight:500}.legend-row strong small{margin-left:2px;font-size:8px}.color-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.legend-empty{flex-direction:column;gap:10px;display:flex}.legend-empty strong{color:#4487ca;font-size:10px;font-weight:450}.legend-empty span{color:#80aedb;font-size:9px;line-height:2}.legend-more{color:#77a8d9;font-size:9px}.card-footnote{color:#7eacda;border-top:1px solid #e0eefb;margin-top:10px;padding:14px 0 15px;font-size:8px;line-height:1.8}.distribution-card .card-footnote{margin-top:auto}.import-banner{text-align:left;background:#e2edf7;border:1px solid #d0e1f2;border-radius:13px;align-items:center;gap:16px;width:100%;margin-top:22px;padding:19px 23px;display:flex}.import-banner-icon{color:#4789cb;background:#ccdef0;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.import-banner>span:nth-child(2){flex-direction:column;gap:7px;display:flex}.import-banner strong{color:#2f6aa6;font-size:11px;font-weight:550}.import-banner small{color:#689fd5;font-size:9px}.import-banner-action{color:#377ec5;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.page-footnote{color:#7eacda;letter-spacing:.5px;justify-content:center;align-items:center;gap:6px;margin-top:27px;font-size:9px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:35px 12px;display:flex}.empty-icon{color:#6da2d6;background:#e4f0fc;border-radius:19px;place-items:center;width:57px;height:57px;margin-bottom:18px;display:grid}.empty-state h3{color:#3980c7;margin-bottom:10px;font-size:14px;font-weight:500}.empty-state p{color:#79a9d9;max-width:290px;font-size:11px;line-height:1.9}.empty-state .button{margin-top:23px}.empty-state.compact .empty-icon{border-radius:15px;width:44px;height:44px;margin-bottom:12px}.empty-state.compact h3{margin-bottom:7px;font-size:12px}.empty-state.compact p{font-size:9px}.empty-state.compact .button{min-height:34px;margin-top:17px;padding:8px 15px;font-size:10px}.empty-actions{justify-content:center;gap:12px;display:flex}.loading-inline{color:#4789cb;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:11px;display:flex}.data-error{color:#5592cf;background:#f3f9fe;border:1px solid #c8dcef;border-radius:10px;align-items:center;gap:9px;margin-bottom:20px;padding:14px;font-size:11px;line-height:1.8;display:flex}.data-error>button{margin-left:auto}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-bar{color:#3a81c7;background:#deeaf6;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:11px;display:flex}.loading-screen{color:#488acc;flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100vh;display:flex}.loading-screen p{font-size:13px}.toast{z-index:80;color:#3271b0;background:#f1f7fd;border:1px solid #c7dbef;border-radius:13px;align-items:center;gap:9px;max-width:calc(100vw - 35px);padding:15px 17px;font-size:12px;display:flex;position:fixed;bottom:30px;left:calc(50% + 111px);transform:translate(-50%);box-shadow:0 8px 35px #1f476e1c}.toast.error{color:#4487ca;background:#f9fcfe;border-color:#d0e1f2}.toast button{color:inherit;background:0 0;place-items:center;margin-left:12px;display:grid}.bills-tools{padding:20px 22px 15px}.search-row{gap:12px;display:flex}.search-input{color:#6aa0d5;background:#eff6fd;border:1px solid #e0ebf6;border-radius:9px;flex-grow:1;align-items:center;gap:9px;padding:0 13px;display:flex}.search-input>input{box-shadow:none;background:0 0;border:0;padding:11px 0;font-size:12px}.search-input .icon-button{width:24px}.search-row>.button{padding:10px 14px}.filter-dot{background:#3272b2;border-radius:50%;width:5px;height:5px}.category-pills{scrollbar-width:none;gap:7px;margin-top:17px;padding-bottom:3px;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.category-pills>button{color:#639bd3;white-space:nowrap;background:0 0;border-radius:6px;padding:7px 12px;font-size:10px}.category-pills>button:hover{background:#e8f2fc}.advanced-filters{border-top:1px solid #e0ebf6;grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:12px;margin-top:15px;padding-top:17px;display:grid}.advanced-filters label{color:#5290ce;flex-direction:column;gap:7px;font-size:10px;display:flex}.advanced-filters input{padding:9px 10px;font-size:11px}.advanced-filters>p{color:#73a5d8;grid-column:1/-1;margin:3px 0;font-size:9px}.filter-error{grid-column:1/-1;margin-top:0}.bills-result{color:#639bd3;justify-content:space-between;align-items:center;margin:22px 5px;font-size:10px;display:flex}.bills-result strong{color:#367bc0;font-weight:500}.result-dot{color:#93bae1;margin:0 8px}.bill-day{margin-bottom:23px}.bill-day-heading{justify-content:space-between;align-items:center;gap:10px;margin:0 6px 12px;display:flex}.bill-day-heading h2{color:#367abf;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.bill-day-heading h2 span{color:#7aaada;font-size:9px}.bill-day-heading>span{color:#619ad2;font-size:9px}.bill-day .card{padding:4px 24px}.bill-day .transaction-row{min-height:73px}.stats-summary{background:#e1effc;border:1px solid #d5e4f3;border-radius:17px;grid-template-columns:repeat(4,1fr);margin-bottom:24px;padding:23px 8px;display:grid}.stats-summary>div{border-right:1px solid #c8dcef;flex-direction:column;gap:9px;padding:0 23px;display:flex;position:relative}.stats-summary>div:last-child{border-right:0}.stats-summary span{color:#5793d0;font-size:10px}.stats-summary strong{color:#2d669e;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:500}.stats-summary small{color:#73a5d8;font-size:8px;position:absolute;bottom:4px;right:17px}.stats-summary strong.text-green{color:#488acc}.daily-card{margin-bottom:23px}.daily-chart{padding:2px 0;position:relative}.daily-chart>svg{width:calc(100% - 62px);height:155px;margin-left:62px;display:block;overflow:visible}.chart-y-labels{color:#7aaada;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:13px;bottom:39px;left:0}.chart-x-labels{color:#659cd3;justify-content:space-between;padding-left:77px;padding-right:10px;font-size:9px;display:flex}.chart-empty-hint{text-align:center;color:#81aedb;margin-top:9px;font-size:10px}.stats-grid{grid-template-columns:1.14fr 1fr;align-items:start;gap:22px;display:grid}.stats-side{flex-direction:column;gap:22px;display:flex}.category-chart.large{gap:40px;margin-top:2px;padding-bottom:23px}.category-chart.large .donut{width:159px;height:159px;padding:22px}.category-chart.large .chart-legend{min-width:135px}.category-breakdown{border-top:1px solid #e0eefc}.breakdown-row{text-align:left;background:0 0;border-bottom:1px solid #e4f0fc;align-items:center;gap:10px;width:100%;padding:13px 0;display:flex}.breakdown-row>span{flex-direction:column;gap:6px;display:flex}.breakdown-row>span.category-icon{border-radius:9px;flex-direction:row;width:32px;height:32px;display:inline-flex}.breakdown-row strong{color:#367abf;font-size:10px;font-weight:500}.breakdown-row small{color:#7eaddb;font-size:8px}.breakdown-bar{background:#e7f2fc;border-radius:3px;width:80px;max-width:80px;height:4px;margin-left:auto;margin-right:6px}.breakdown-bar div{border-radius:inherit;height:100%}.breakdown-row>div:last-of-type{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.breakdown-row>svg{color:#92b9e0}.comparison-bars{justify-content:space-between;gap:10px;height:173px;margin:8px 0 14px;display:flex}.comparison-bars>button{background:0 0;flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex;position:relative}.bar-value{white-space:nowrap;color:#6fa3d6;height:25px;font-size:7px}.bar-column{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:122px;display:flex}.expense-bar{background:#b7d1eb;border-radius:4px 4px 0 0;width:22px;max-width:60%;min-height:3px}.refund-bar{background:#b5d0ea;border-radius:3px 3px 0 0;width:7px}.comparison-bars small{color:#6aa0d5;margin-top:10px;font-size:9px}.comparison-bars .current small{color:#3476b8;font-weight:600}.comparison-legend{color:#72a4d7;justify-content:center;gap:19px;font-size:9px;display:flex}.comparison-legend>span{align-items:center;gap:6px;display:flex}.comparison-legend i{background:#6ca1d5;border-radius:2px;width:7px;height:7px}.budget-compare-row{color:#619ad2;justify-content:space-between;margin-top:13px;font-size:11px;display:flex}.budget-compare-row strong{color:#357abe;font-weight:500}.stats-budget p{color:#689fd5;margin-top:16px;font-size:10px;line-height:1.8}.settings-grid{grid-template-columns:1.35fr 1fr;align-items:start;gap:23px;display:grid}.settings-main,.settings-side{flex-direction:column;gap:22px;display:flex}.settings-budget-row{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.settings-budget-row>strong{color:#3980c7;margin-left:auto;font-size:18px;font-weight:500}.settings-budget-row .button{min-height:35px;padding:8px 12px;font-size:10px}.settings-category-list{flex-direction:column;display:flex}.settings-category-list>button{text-align:left;background:0 0;border-bottom:1px solid #e0eefc;align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}.settings-category-list>button:hover{background:#f5fafe}.settings-category-list .category-icon{border-radius:9px;width:34px;height:34px}.settings-category-list strong{color:#377dc2;font-size:11px;font-weight:500}.settings-category-list small{color:#80aedb;margin-left:auto;font-size:9px}.settings-category-list>button>svg{color:#87b2dd;margin-left:10px}.settings-action{text-align:left;background:0 0;border-bottom:1px solid #e0eefc;align-items:center;gap:12px;width:100%;padding:17px 0;display:flex}.settings-action:hover{background:#f5fafe}.setting-icon{color:#5592cf;background:#e2effc;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.settings-action>span:nth-child(2){flex-direction:column;gap:8px;display:flex}.settings-action strong{color:#3a81c8;font-size:11px;font-weight:500}.settings-action small{color:#80aedb;font-size:9px}.settings-action>svg{color:#83b0dc;margin-left:auto}.settings-side .section-title{margin-bottom:8px}.security-items{color:#6aa0d5;flex-direction:column;gap:12px;margin-top:19px;font-size:10px;display:flex}.security-items>span{align-items:center;gap:7px;display:flex}.security-items svg{color:#4e8ecd}.pwa-guide{background:#e0eefc}.pwa-icon{color:#6099d2;margin-bottom:15px;display:block}.pwa-guide h2{color:#367abe;margin-bottom:12px;font-size:13px;font-weight:500}.pwa-guide p{color:#689ed4;font-size:10px;line-height:2}.pwa-guide-note{color:#78a9d9;border-top:1px solid #cee0f1;margin-top:15px;padding-top:12px;font-size:9px;line-height:1.8}.settings-version{text-align:center;color:#85b1dc;padding:0 0 7px;font-size:9px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#142e476b;justify-content:center;align-items:center;padding:28px 18px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;outline:none;width:510px;max-width:100%;max-height:calc(100dvh - 56px);padding:28px;overflow-y:auto;box-shadow:0 15px 70px #0d1e2f35}.modal-wide{width:670px}.modal-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:25px;display:flex}.modal-heading h2{color:#265686;letter-spacing:.3px;font-size:19px;font-weight:600}.modal-heading p{color:#6aa0d5;margin-top:8px;font-size:11px;line-height:1.8}.modal-heading>.icon-button{margin-top:-3px}.field{color:#4789cb;flex-direction:column;gap:10px;margin-bottom:20px;font-size:12px;display:flex}.field input,.field select{color:#2f6ba7;font-size:13px}.amount-field{background:#eff6fd;border:1px solid #d4e3f3;border-radius:13px;margin-bottom:23px;padding:17px 20px;display:block}.amount-field>span{color:#5b96d1;margin-bottom:11px;font-size:10px;display:block}.amount-field>div{align-items:center;gap:13px;display:flex}.amount-field>div>span{color:#7babda;font-size:26px;font-weight:300}.amount-field input{letter-spacing:-1px;color:#306da9;box-shadow:none;background:0 0;border:0;height:45px;padding:0;font-size:33px;font-weight:500}.amount-field input::placeholder{color:#96bce1}.category-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.category-picker>button{color:#4d8dcd;background:#f6fafe;border:1px solid #e0ebf6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:12px 4px 10px;font-size:9px;display:flex;position:relative}.category-picker .category-icon{width:27px;height:25px;background:0 0!important}.category-check{color:#5793d0;position:absolute;top:5px;right:5px}.inline-info,.inline-error{border-radius:8px;align-items:flex-start;gap:7px;margin:12px 0 0;padding:12px 13px;font-size:10px;line-height:1.8;display:flex}.inline-info{color:#5994d0;background:#edf5fd}.inline-info.small{margin-top:14px;padding:10px;font-size:9px}.inline-error{color:#4d8dcd;background:#ecf5fd}.inline-info svg,.inline-error svg{margin-top:2px}.modal-actions{border-top:1px solid #e2edf7;justify-content:flex-end;align-items:center;gap:10px;margin-top:23px;padding-top:23px;display:flex}.modal-actions .delete-button{margin-right:auto;padding-left:0}.delete-confirm{background:#f7fbfe;border:1px solid #d0e1f2;border-radius:11px;margin-top:22px;padding:16px}.delete-confirm p{color:#4f8ecd;font-size:11px;line-height:1.7}.delete-confirm>div{justify-content:flex-end;gap:9px;margin-top:13px;display:flex}.import-steps{color:#6ca1d6;background:#eef5fd;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-bottom:23px;padding:15px;font-size:10px;display:flex}.import-steps>span{align-items:center;gap:7px;display:flex}.import-steps i{color:#679ed4;background:#dae7f4;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;display:inline-grid}.import-textarea{color:#367bc0;background:#f6fafe;font-size:12px}.import-format{color:#76a7d8;align-items:flex-start;gap:6px;margin-top:-6px;font-size:9px;line-height:1.9;display:flex}.import-format svg{margin-top:2px}.preview-title{justify-content:space-between;align-items:center;margin:24px 0 12px;display:flex}.preview-title h3{color:#4185c9;font-size:13px;font-weight:500}.preview-title>span{color:#6ba0d5;font-size:10px}.preview-title b{color:#3d83c8;font-weight:500}.preview-title em{color:#619ad2;font-style:normal}.preview-table{border:1px solid #d9e7f4;border-radius:10px;max-height:305px;overflow-y:auto}.preview-table-head,.preview-row{grid-template-columns:25px 1fr 100px 78px;align-items:center;column-gap:10px;padding:11px 13px;display:grid}.preview-table-head{color:#6ca1d6;z-index:1;background:#ecf4fd;font-size:9px;position:sticky;top:0}.preview-table-head span:nth-child(3),.preview-table-head span:nth-child(4){text-align:right}.preview-row{color:#508fce;border-top:1px solid #e1ecf7;min-height:58px;font-size:10px}.preview-row.invalid{color:#679ed4;background:#f7fbfe}.preview-row.duplicate{background:#f5fafe}.line-number{color:#96bce1;font-size:9px}.preview-detail{flex-direction:column;gap:5px;min-width:0;display:flex}.preview-detail strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:450;overflow:hidden}.preview-detail small{color:#81aedb;font-size:9px;line-height:1.6}.preview-detail .invalid-raw{max-width:210px}.preview-row>strong{text-align:right;white-space:nowrap;font-size:10px;font-weight:500}.status-tag{white-space:nowrap;border-radius:4px;justify-self:end;padding:4px 7px;font-size:8px}.status-tag.warn{color:#5a95d0;background:#e2effc}.status-tag.bad{color:#73a5d7;background:#e3f0fc}.preview-warning{color:#5f99d2;grid-column:2/-1;padding-top:7px;font-size:8px}.duplicate-control{background:#f6fafe;border:1px solid #ccdff1;border-radius:9px;margin-top:15px;padding:13px}.duplicate-control>label{color:#5391cf;align-items:center;gap:8px;font-size:11px;display:flex}.duplicate-control>p{color:#70a3d7;margin-top:8px;padding-left:24px;font-size:9px;line-height:1.8}.import-privacy{color:#88b3de;align-items:center;gap:4px;margin-right:auto;font-size:8px;display:flex}.category-edit-preview{flex-direction:column;align-items:center;gap:12px;margin-bottom:23px;display:flex}.category-edit-preview .category-icon{border-radius:18px;width:62px;height:62px}.category-edit-preview>strong{color:#4d8dcd;font-size:13px;font-weight:500}.icon-picker{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.icon-picker>button{color:#6ca1d5;background:#f1f7fd;border:1px solid #dfebf6;border-radius:9px;place-items:center;height:43px;display:grid}.color-picker{flex-wrap:wrap;gap:12px;display:flex}.color-picker>button{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.color-picker>button.selected{outline-offset:3px;outline:2px solid #c1d8ee}.file-drop{cursor:pointer;color:#689fd5;background:#f1f7fd;border:1px dashed #aecbe8;border-radius:13px;flex-direction:column;align-items:center;gap:12px;margin-bottom:23px;padding:28px 15px;display:flex;position:relative}.file-drop strong{color:#4c8dcd;overflow-wrap:anywhere;font-size:12px;font-weight:500}.file-drop span{color:#82afdc;font-size:9px}.file-drop input{cursor:pointer;opacity:0;position:absolute;inset:0}.radio-option{cursor:pointer;border:1px solid #dae7f4;border-radius:10px;align-items:flex-start;gap:10px;padding:13px;display:flex}.radio-option>input{margin-top:2px}.radio-option>span{flex-direction:column;gap:7px;display:flex}.radio-option strong{color:#4b8ccc;font-size:11px;font-weight:500}.radio-option small{color:#82afdc;font-size:9px;line-height:1.6}.confirm-checkbox{color:#639bd3;align-items:center;gap:9px;margin-top:17px;font-size:11px;display:flex}.restore-preview{color:#4c8dcd;background:#e7f2fc;border-radius:9px;align-items:flex-start;gap:8px;margin:-7px 0 21px;padding:13px;font-size:11px;line-height:1.8;display:flex}.restore-preview svg{margin-top:2px}.field-hint{color:#7aaada;font-size:9px;line-height:1.8}.auth-screen{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-intro{background:#dfebf6;flex-direction:column;min-height:100dvh;padding:48px 55px 30px;display:flex}.auth-intro>.logo{margin-left:5px}.auth-illustration{flex-direction:column;flex-grow:1;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:30px 0;display:flex}.auth-orbit{border:1px solid #bfd6ed;border-radius:50%;justify-content:center;align-items:center;width:255px;height:235px;margin:0 auto 40px;display:flex;position:relative;transform:rotate(-12deg)}.auth-center{color:#4b8ccc;background:#c8dcf0;border-radius:40px;place-items:center;width:131px;height:131px;display:grid;transform:rotate(12deg);box-shadow:0 8px 22px #4689cb12}.orbit-icon{background:#e9f3fd;border:1px solid #c7dbef;border-radius:19px;justify-content:center;align-items:center;width:59px;height:59px;display:flex;position:absolute;transform:rotate(12deg)}.orbit-icon.one{color:#5e98d2;top:-21px;right:20px}.orbit-icon.two{color:#6aa0d5;top:83px;left:-20px}.orbit-icon.three{color:#6ca1d5;bottom:0;right:10px}.auth-illustration h1{color:#306eab;letter-spacing:3px;font-size:37px;font-weight:500;line-height:1.6}.auth-illustration>p{color:#6ca1d6;letter-spacing:.5px;margin-top:17px;font-size:12px;line-height:2.2}.auth-bottom{color:#699fd5;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.auth-form-wrap{background:#f6fafe;justify-content:center;align-items:center;padding:40px;display:flex}.auth-form-card{width:345px}.auth-lock{color:#5693cf;background:#e1ecf6;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:23px;display:grid}.auth-form-card>h2{color:#2d669f;letter-spacing:.6px;font-size:23px;font-weight:600}.auth-form-card>p{color:#699fd5;margin-top:12px;margin-bottom:30px;font-size:11px;line-height:1.8}.auth-form-card form label{color:#5190ce;flex-direction:column;gap:10px;margin-bottom:19px;font-size:11px;display:flex}.auth-form-card form input{color:#377ec4;background:#fff;border-color:#cee0f1;border-radius:10px;padding:14px 15px;font-size:12px}.auth-form-card form input::placeholder{color:#84b0dc}.auth-submit{width:100%;min-height:46px;margin-top:8px}.auth-privacy{color:#82afdc;justify-content:center;align-items:flex-start;gap:8px;margin-top:23px;font-size:9px;line-height:2;display:flex}.auth-privacy>svg{margin-top:3px}.auth-mobile-logo{display:none}@media(min-width:1450px){.page-content{padding-top:43px}.page-heading{margin-bottom:35px}.expense-card{min-height:226px;padding:28px 33px 24px}.hero-amount{margin-top:30px;margin-bottom:35px;font-size:50px}.budget-card{padding:24px 28px}.budget-card .section-title{margin-bottom:22px}.budget-main strong{font-size:30px}.budget-card .progress-track{margin-top:21px}.metric-grid{margin-top:25px;margin-bottom:30px}.metric-card{padding:20px 22px}.recent-card{min-height:337px}.category-chart{min-height:220px}.donut{width:168px;height:168px;padding:23px}.import-banner{margin-top:28px}}@media(max-width:1180px){.sidebar{width:191px;padding-left:15px;padding-right:15px}.main-content{margin-left:191px}.topbar{padding:0 30px}.page-content{padding-left:30px;padding-right:30px}.metric-card{gap:10px;padding:16px 15px}.metric-card>small{display:none}.metric-card strong{font-size:18px}.category-chart{gap:16px}.chart-legend{min-width:105px}.donut{width:130px;height:130px;padding:18px}.category-chart.large{gap:20px}.category-chart.large .donut{width:139px;height:139px;padding:19px}.category-chart.large .chart-legend{min-width:114px}.stats-summary strong{font-size:20px}.stats-summary>div{padding:0 18px}.stats-summary small{display:none}.budget-main{flex-direction:column;align-items:flex-start;gap:8px}.budget-main strong{font-size:24px}.budget-card .section-title{margin-bottom:12px}.budget-card .progress-track{margin-top:12px}.budget-bottom{margin-top:13px}.settings-budget-row>strong{font-size:15px}.settings-budget-row .button{margin-left:auto}.breakdown-bar{width:50px}.toast{left:calc(50% + 95px)}}@media(max-width:930px)and (min-width:701px){.sidebar{width:160px;padding:27px 12px 0}.main-content{margin-left:160px}.sidebar .logo{margin-left:2px}.logo{gap:9px}.logo strong{font-size:25px}.logo>div>span{font-size:8px}.logo-mark{width:35px;height:38px}.sidebar nav button{padding:13px 14px}.sidebar-label{margin-left:14px}.sidebar-tip{padding-left:10px}.sidebar-user{gap:7px}.user-avatar{width:28px;height:28px}.sidebar-user .icon-button{width:26px}.topbar{height:71px;padding:0 22px}.page-content{padding:30px 22px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-actions{gap:7px}.page-actions .button{padding:9px 11px;font-size:10px}.page-actions .month-picker{gap:3px}.month-picker label{font-size:10px}.page-description{font-size:9px}.summary-grid{grid-template-columns:1.16fr 1fr;gap:15px}.expense-card{padding:22px 21px}.hero-amount{font-size:38px}.expense-card-bottom{font-size:8px}.budget-card{padding:18px}.budget-main strong{font-size:21px}.metric-grid{gap:10px}.metric-card{gap:8px;padding:14px 12px}.metric-icon{border-radius:9px;width:31px;height:34px}.metric-icon svg{width:17px}.metric-card strong{font-size:16px}.metric-card>div>span{font-size:9px}.overview-grid{grid-template-columns:1fr}.recent-card{min-height:275px}.category-chart{gap:55px;min-height:190px}.distribution-card .chart-legend{min-width:155px}.distribution-card .donut{width:153px;height:153px;padding:21px}.stats-grid,.settings-grid{grid-template-columns:1fr}.stats-side{grid-template-columns:1.1fr 1fr;display:grid}.stats-summary strong{font-size:17px}.stats-summary>div{padding:0 12px}.advanced-filters{grid-template-columns:1fr 1fr}.search-row{gap:8px}.import-bills{padding:10px!important}.import-bills span{display:none}.toast{left:calc(50% + 80px)}.auth-intro{padding-left:35px;padding-right:35px}.auth-illustration h1{font-size:29px}.auth-orbit{width:216px;height:210px}}@media(max-width:700px){:root{--radius:17px}.sidebar{display:none}.main-content{margin-left:0}.topbar{padding:max(13px,env(safe-area-inset-top)) 22px 12px;border-bottom:0;height:auto;min-height:66px}.breadcrumb{display:none}.mobile-brand{display:block}.logo.compact{gap:8px}.logo.compact .logo-mark{border-radius:9px;width:29px;height:30px}.logo.compact .logo-mark svg{width:18px}.logo.compact strong{font-size:22px}.privacy-badge{gap:4px;font-size:9px}.privacy-badge svg{width:12px}.mobile-logout{width:26px;margin-left:8px;display:inline-flex}.page-content{padding:12px 19px calc(100px + env(safe-area-inset-bottom))}.page-heading{margin-bottom:22px;display:block}.eyebrow{margin-bottom:7px;font-size:9px}.page-heading h1{letter-spacing:1px;gap:11px;font-size:27px}.heading-spark svg{width:20px}.page-description{margin-top:5px;font-size:11px;line-height:1.8}.page-actions{justify-content:space-between;padding-top:19px}.month-picker{border-radius:8px;gap:6px;min-height:39px;padding:4px 6px}.month-picker>button{width:23px}.month-picker label{gap:5px;font-size:11px}.button{min-height:42px;padding:11px 14px;font-size:12px}.summary-grid{grid-template-columns:1fr;gap:14px}.expense-card{min-height:193px;padding:24px 24px 20px}.expense-card-top{font-size:11px}.hero-amount{letter-spacing:-1.6px;margin-top:25px;margin-bottom:29px;font-size:42px}.hero-amount>span{font-size:24px}.expense-card-bottom{font-size:9px}.hero-decoration{top:-10px;right:0}.budget-card{padding:17px 21px}.budget-card .section-title{margin-bottom:8px}.section-title h2{font-size:13px}.budget-card .section-title h2{font-size:11px;font-weight:500}.budget-main{flex-direction:row;align-items:baseline}.budget-main strong{font-size:23px}.budget-main>span{font-size:9px}.budget-card .progress-track{margin-top:12px}.budget-bottom{margin-top:12px;font-size:9px}.budget-bottom>strong{font-size:12px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;margin-bottom:20px}.metric-card{border-radius:13px;gap:10px;padding:17px 13px}.metric-card:last-child{grid-column:1/-1;padding:13px 15px}.metric-card:last-child>div{flex-direction:row;align-items:center;gap:12px}.metric-card:last-child>small{align-self:center;padding-bottom:0;font-size:8px;display:block}.metric-icon{border-radius:10px;width:32px;height:35px}.metric-icon>svg{width:18px}.metric-card:last-child .metric-icon{border-radius:9px;width:30px;height:30px}.metric-card:last-child strong{font-size:15px}.metric-card strong{font-size:19px}.metric-card>div>span{font-size:9px}.metric-card>small{display:none}.overview-grid{grid-template-columns:1fr;gap:18px}.card{padding:21px}.section-title{margin-bottom:17px}.section-title p{font-size:9px}.recent-card{min-height:282px}.transaction-row{gap:11px;min-height:67px}.transaction-details>strong{font-size:12px}.transaction-details>span{font-size:9px}.transaction-amount{font-size:14px}.category-icon{border-radius:11px;width:37px;height:37px}.transaction-chevron{width:12px}.distribution-card{padding-bottom:0}.category-chart{gap:30px;min-height:190px;padding:14px 0 20px}.donut{width:143px;height:143px;padding:20px}.chart-legend{min-width:117px}.legend-row,.legend-empty strong{font-size:10px}.card-footnote{font-size:9px}.import-banner{gap:12px;margin-top:20px;padding:17px 16px}.import-banner-icon{border-radius:10px;width:35px;height:39px}.import-banner-icon svg{width:20px}.import-banner strong{font-size:11px}.import-banner small{font-size:9px}.import-banner-action{gap:0;font-size:0}.import-banner-action svg{width:17px}.page-footnote{margin-top:23px;font-size:8px}.empty-state.compact{min-height:198px;padding:15px 0}.empty-state.compact h3{font-size:12px}.empty-state.compact p{font-size:10px}.bottom-nav{z-index:30;height:calc(66px + env(safe-area-inset-bottom));padding:8px 15px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #d6e5f4;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#6fa3d7;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:65px;font-size:9px;display:flex}.bottom-nav button.active{color:#2c649c;background:#e8f3fc}.toast{left:50%;bottom:calc(81px + env(safe-area-inset-bottom));width:max-content;padding:13px 15px;font-size:11px}.bills-tools{padding:16px 15px 13px}.search-row{gap:8px}.search-input{gap:6px;padding:0 10px}.search-input svg{width:15px}.search-input input{padding:11px 0;font-size:11px}.search-row>.button{min-height:41px;padding:10px 11px;font-size:11px}.import-bills{width:36px;padding:10px!important}.import-bills span{display:none}.category-pills{margin-top:14px}.category-pills>button{padding:8px 12px;font-size:10px}.advanced-filters{grid-template-columns:1fr 1fr}.advanced-filters input{min-height:42px;padding:9px;font-size:12px}.advanced-filters label{font-size:10px}.bills-result{gap:6px;margin:20px 3px;font-size:9px}.bill-day-heading{margin:0 3px 10px}.bill-day-heading h2{gap:6px;font-size:11px}.bill-day-heading h2 span,.bill-day-heading>span{font-size:8px}.bill-day .card{padding:3px 17px}.bill-day .transaction-row{min-height:72px}.empty-state{min-height:320px}.empty-state h3{font-size:13px}.empty-state p{font-size:10px}.empty-actions{gap:8px}.empty-actions .button{padding:10px 11px;font-size:10px}.stats-summary{border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:19px;padding:5px}.stats-summary>div{border-right:0;gap:7px;padding:17px 16px}.stats-summary>div:nth-child(odd){border-right:1px solid #ccdff1}.stats-summary>div:nth-child(-n+2){border-bottom:1px solid #ccdff1}.stats-summary span{font-size:9px}.stats-summary strong{font-size:21px}.stats-summary small{display:none}.stats-grid{grid-template-columns:1fr;gap:18px}.stats-side{gap:18px}.daily-card{margin-bottom:18px}.daily-chart>svg{width:calc(100% - 45px);height:119px;margin-left:45px}.chart-y-labels{font-size:7px;bottom:31px}.chart-x-labels{padding-left:51px;padding-right:6px;font-size:8px}.chart-empty-hint{font-size:9px;line-height:1.8}.category-chart.large{gap:25px;padding-top:10px}.category-chart.large .donut{width:142px;height:142px;padding:20px}.category-chart.large .chart-legend{min-width:126px}.breakdown-row strong{font-size:11px}.breakdown-row small{font-size:9px}.breakdown-bar{width:48px;margin-right:1px}.bar-value{font-size:8px}.comparison-bars{height:184px}.bar-column{height:131px}.settings-grid{grid-template-columns:1fr;gap:18px}.settings-main,.settings-side{gap:18px}.settings-budget-row{gap:12px}.settings-budget-row>strong{font-size:18px}.settings-budget-row .button{margin-left:auto}.settings-category-list{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.settings-category-list>button{flex-wrap:wrap;gap:8px;padding:13px 0}.settings-category-list strong{font-size:10px}.settings-category-list small{display:none}.settings-category-list>button>svg{width:12px;margin-left:auto}.settings-category-list .category-icon{border-radius:9px;width:30px;height:30px}.settings-action strong{font-size:12px}.settings-action small{font-size:10px}.pwa-guide h2{font-size:14px}.pwa-guide p{font-size:11px}.modal-backdrop{align-items:center;padding:20px 12px}.modal{border-radius:19px;max-height:calc(100dvh - 40px);padding:23px 20px}.modal-heading{margin-bottom:22px}.modal-heading h2{font-size:19px}.modal-heading p{font-size:10px}.field{gap:9px;margin-bottom:19px;font-size:11px}.field input,.field select,.import-textarea,.auth-form-card form input{font-size:16px}.amount-field{padding:16px 18px}.amount-field input{font-size:32px}.category-picker{gap:7px}.category-picker>button{padding-top:12px;padding-bottom:11px;font-size:9px}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:19px;padding-top:20px}.modal-actions .button{padding:10px 13px;font-size:11px}.import-steps{gap:7px;padding:13px 5px;font-size:9px}.import-steps>span{gap:5px}.import-steps>svg{width:10px}.import-format{font-size:9px}.preview-table-head,.preview-row{grid-template-columns:17px 1fr 75px 58px;gap:6px;padding:10px}.preview-row>strong{font-size:9px}.status-tag{padding:4px 5px;font-size:7px}.preview-detail strong{font-size:9px}.preview-detail small,.preview-table-head{font-size:8px}.import-privacy{width:100%;margin-bottom:3px;font-size:8px}.duplicate-control>label{font-size:10px}.duplicate-control>p{padding-left:0;font-size:9px}.icon-picker{gap:6px}.icon-picker button{height:38px}.icon-picker button svg{width:20px}.color-picker{gap:11px}.color-picker>button{width:27px;height:27px}.auth-screen{background:#f0f7fd;min-height:100dvh;display:block}.auth-intro{display:none}.auth-form-wrap{background:0 0;min-height:100dvh;padding:40px 28px}.auth-form-card{width:100%;max-width:355px}.auth-mobile-logo{margin-bottom:45px;display:block}.auth-lock{border-radius:15px;width:49px;height:49px}.auth-form-card>h2{font-size:25px}.auth-form-card>p{font-size:11px;line-height:1.9}.auth-form-card form label{font-size:12px}.auth-submit{min-height:48px;font-size:13px}.auth-privacy{margin-top:26px;font-size:9px}}@media(max-width:370px){.page-content{padding-left:15px;padding-right:15px}.hero-amount{font-size:38px}.metric-card{gap:7px;padding-left:11px;padding-right:11px}.metric-card strong{font-size:17px}.category-chart{gap:19px}.donut{width:127px;height:127px;padding:18px}.chart-legend{min-width:109px}.category-chart.large{gap:18px}.category-chart.large .donut{width:126px;height:126px;padding:18px}.category-chart.large .chart-legend{min-width:110px}.bill-day-heading h2 span{display:none}.import-banner strong{font-size:10px}.import-banner small{font-size:8px}.settings-category-list{gap:0 10px}.settings-category-list>button>svg{display:none}.preview-row,.preview-table-head{grid-template-columns:14px 1fr 67px 51px;column-gap:5px;padding:9px 7px}.modal{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.section-title h2{font-size:16px}.transaction-details>strong{color:#265787;font-size:14px}.transaction-details>span{color:#377dc2;font-size:12px}.transaction-amount{font-size:15px}@media(max-width:700px){.button{min-height:44px;font-size:14px}.icon-button{min-width:44px;min-height:44px}.text-button{color:#2c639a;min-height:36px;font-size:12px}.section-title h2{font-size:16px}.section-title p,.page-description{color:#3271b0;font-size:12px}.page-description{margin-top:7px}.privacy-badge{color:#3476b7}.month-picker{gap:5px}.month-picker>button{width:40px;height:40px}.month-picker label{color:#2c649b;font-size:12px}.budget-card .section-title h2{font-size:14px}.budget-main>span,.budget-bottom{color:#3271b0;font-size:12px}.budget-bottom>strong{font-size:14px}.expense-card-top{font-size:13px}.expense-card-bottom{color:#b8d2eb;font-size:11px}.expense-card-bottom>span:last-child{color:#a2c3e5}.metric-card>div>span{color:#3271b0;font-size:12px}.metric-card:last-child>small{color:#3375b6;font-size:11px}.transaction-row{min-height:76px}.transaction-details>strong{color:#265787;font-size:14px}.transaction-details>span{color:#3271b0;font-size:12px;line-height:1.6}.transaction-amount{font-size:16px}.bill-day .transaction-row{min-height:78px}.bill-day-heading h2{color:#2c639a;font-size:14px}.bill-day-heading h2 span,.bill-day-heading>span{color:#3476b7;font-size:12px}.bills-result{color:#3476b7;font-size:12px;line-height:1.7}.bills-result strong{color:#2a6095}.search-input>input{font-size:16px}.search-row>.button{min-height:44px;padding:10px;font-size:13px}.search-row .import-bills{min-width:44px}.search-input .icon-button{min-width:28px}.category-pills>button{color:#3477b9;min-height:38px;padding:9px 12px;font-size:12px}.category-pills>button.selected{color:#275889}.advanced-filters label{color:#3271b0;font-size:12px}.advanced-filters input{font-size:16px}.advanced-filters>p{color:#3271b0;font-size:12px;line-height:1.8}.empty-state h3,.empty-state.compact h3{color:#2c649b;font-size:14px}.empty-state p,.empty-state.compact p{color:#3374b5;font-size:12px}.empty-state .button,.empty-state.compact .button,.empty-actions .button{min-height:44px;font-size:13px}.import-banner{gap:10px}.import-banner strong{color:#2b6197;font-size:13px;line-height:1.6}.import-banner small{color:#3477b9;font-size:12px;line-height:1.6}.import-banner>span:nth-child(2){gap:3px}.import-banner-action{flex-shrink:0}.legend-row,.legend-row>strong{color:#3271b0;font-size:12px}.legend-row>strong{color:#2c639a}.legend-row strong small{font-size:11px}.legend-row{min-height:28px}.chart-legend{gap:8px}.legend-empty strong{color:#3271b0;font-size:12px;line-height:1.6}.legend-empty span,.legend-more{color:#3578ba;font-size:12px;line-height:1.8}.donut-center>small{color:#3271b0;font-size:12px}.donut-center strong>span{font-size:12px}.card-footnote{color:#357abe;font-size:12px;line-height:1.8}.mini-label{color:#3476b8;font-size:11px}.chart-y-labels{color:#3477b9;font-size:10px}.chart-x-labels{color:#3477b9;font-size:11px}.chart-empty-hint{color:#3476b7;font-size:12px}.stats-summary span{color:#3271b0;font-size:12px}.stats-summary strong{color:#27598a;font-size:22px}.breakdown-row strong{color:#2c639a;font-size:13px}.breakdown-row small{color:#3476b7;font-size:12px}.breakdown-bar{width:30px}.comparison-bars small,.comparison-legend{color:#3271b0;font-size:12px}.bar-value{color:#3476b7;font-size:10px}.budget-compare-row{color:#3271b0;font-size:13px}.budget-compare-row strong{color:#2b639a}.stats-budget p{color:#3375b6;font-size:12px}.settings-category-list strong{color:#2b6299;font-size:12px}.settings-category-list>button{min-height:60px}.settings-action strong{color:#2c639a;font-size:14px}.settings-action small{color:#3271b0;font-size:12px;line-height:1.6}.security-items{color:#3271b0;font-size:12px}.pwa-guide h2{color:#2b639a;font-size:16px}.pwa-guide p,.pwa-guide-note{color:#3271b0;font-size:12px}.settings-budget-row .button{min-height:44px;font-size:13px}.modal-heading p{color:#3271b0;font-size:12px}.modal-heading .icon-button{margin-right:-9px}.field{color:#2e6aa5;font-size:13px}.field input,.field select,.import-textarea{font-size:16px}.amount-field>span{color:#3271b0;font-size:12px}.category-picker>button{color:#2f6ba7;min-height:76px;font-size:12px;line-height:1.6}.category-picker .category-icon{height:27px}.category-check{width:12px;height:12px}.inline-info,.inline-info.small{color:#3271b0;font-size:12px}.inline-error{color:#306eab;font-size:13px}.modal-actions .button{min-height:44px;padding-left:13px;padding-right:13px;font-size:14px}.delete-confirm p{color:#306eab;font-size:13px}.import-steps{color:#3271b0;gap:6px;font-size:12px}.import-steps>span{gap:4px}.import-steps i{color:#2e69a3;width:18px;height:18px;font-size:11px}.import-format{color:#3271b0;font-size:12px;line-height:1.8}.preview-title h3{color:#2b6298;font-size:14px}.preview-title>span{color:#3271b0;font-size:12px}.preview-title b{color:#2b6299}.preview-title em{color:#3375b6}.preview-table-head,.preview-row{grid-template-columns:16px minmax(0,1fr) 87px 63px;gap:6px;padding:11px 9px}.preview-table-head{color:#3375b7;font-size:11px}.preview-row{min-height:72px}.line-number{color:#4084c9;font-size:11px}.preview-detail strong{color:#2c649b;font-size:13px}.preview-detail small{color:#3271b0;font-size:12px}.preview-row>strong{color:#2d669e;font-size:13px}.status-tag{padding:4px 5px;font-size:11px}.status-tag.good{color:#2e68a2}.status-tag.warn{color:#2d67a1}.status-tag.bad{color:#306eab}.preview-warning{color:#306eab;font-size:12px;line-height:1.7}.preview-row.invalid .preview-detail strong{color:#306eab}.preview-row.invalid .preview-detail small{color:#3375b7}.duplicate-control>label{color:#2d67a0;font-size:13px}.duplicate-control>p{color:#3170ae;font-size:12px}.import-privacy{color:#3477ba;font-size:12px}.file-drop strong{color:#2c639a;font-size:14px}.file-drop span{color:#3271b0;font-size:12px;line-height:1.7}.radio-option strong{color:#2c649c;font-size:14px}.radio-option small{color:#3271b0;font-size:12px}.confirm-checkbox,.restore-preview{color:#3271b0;font-size:13px}.field-hint{color:#3271b0;font-size:12px}.auth-form-card>p{color:#3271b0;font-size:13px}.auth-form-card form label{color:#2e68a1;font-size:14px}.auth-form-card form input{font-size:16px}.auth-privacy{color:#3271b0;font-size:12px}.data-error,.loading-inline,.offline-bar{font-size:12px}.bottom-nav button{color:#377ec4;font-size:11px}.bottom-nav button.active{color:#265685}.toast{font-size:13px}}@media(max-width:370px){.month-picker>button{width:32px}.month-picker label{font-size:11px}.preview-table-head,.preview-row{grid-template-columns:13px minmax(0,1fr) 77px 59px;gap:4px;padding-left:7px;padding-right:7px}.preview-detail strong,.preview-row>strong{font-size:12px}.status-tag{font-size:10px}.import-steps,.bills-result,.bill-day-heading>span{font-size:11px}.legend-row>strong{padding-left:4px}}.logo{gap:10px;min-width:0}.device-access-screen{text-align:center;padding:30px 24px}.device-access-screen h1{color:#204972;max-width:360px;font-size:21px;line-height:1.7}.device-access-screen p{color:#2f6ba8;max-width:330px;font-size:14px;line-height:1.9}.logo-mark{color:#214b75;background:#7babda;flex-shrink:0}.logo>div{min-width:0}.logo strong{letter-spacing:1px;color:#1b3e61;font-size:19px;line-height:1.32}.logo strong>span{white-space:nowrap;display:block}.logo>div>span{color:#2f6ba8;letter-spacing:0;font-size:11px;line-height:1.7}.sidebar .logo{margin-left:0}.sidebar{background:#e1ecf6;border-color:#cfe1f2}.sidebar-label,.eyebrow{color:#3170af}.sidebar nav button{color:#2f6ba8}.sidebar nav button:hover{background:#c9ddf0}.sidebar nav button.active{color:#214c76;background:#b5d0ea}.active-dot{background:#2c659d}.tip-leaf{color:#4487ca}.sidebar-tip h4{color:#265787}.sidebar-tip p,.sidebar-user small{color:#2f6ba8}.sidebar-user{border-color:#b9d2eb}.user-avatar{color:#224e79;background:#b5d0ea}.breadcrumb,.privacy-badge{color:#2f6ba8}.breadcrumb span{color:#6ea2d6}.page-heading h1{color:#1b3e61}.heading-spark{color:#4185c9}.page-description{color:#2f6ba8}.button.primary{color:#1a3c5d;background:#7babda;box-shadow:0 3px 8px #2d669f12}.button.primary:hover:not(:disabled){background:#639bd3}.button.soft{color:#23507d;background:#d5e4f3}.button.soft:hover,.button.selected{color:#214b75;background:#bdd5ed}.button.border{color:#2f6ba8;border-color:#c5daef}.button.border:hover{background:#eff6fd}.icon-button{color:#3477ba}.icon-button:hover{color:#23517e;background:#dae7f4}.text-button{color:#295d90}.text-button:hover{color:#1c4064}.month-picker{border-color:#c5daef}.month-picker label,.month-picker>button{color:#285c8f}.month-picker>button:hover{background:#e1ecf6}.card{border-color:#cfe1f2;box-shadow:0 3px 12px #2a609504}.section-title h2,.modal-heading h2{color:#1f466d}.section-title p{color:#2f6ba8}.section-title>svg{color:#3d83c8}.mini-label{color:#2d67a1;background:#e2effc}.expense-card{color:#1b3e61;background:linear-gradient(115deg,#b5d0ea,#c8dcf0);box-shadow:0 6px 16px #3374b510}.expense-card-top{color:#24527f}.tiny-dot{background:#316fac}.month-tag{color:#2a5f93;background:#ffffff70;border-color:#ffffff70}.hero-amount>span{color:#2f6aa5}.expense-card-bottom,.expense-card-bottom>span:last-child{color:#2a5f94}.hero-decoration{color:#3170af21;top:12px;right:-22px;transform:rotate(-16deg)}.budget-main>strong,.budget-bottom>strong{color:#234f7a}.budget-main>span,.budget-bottom{color:#2f6ba8}.progress-track{background:#dbe8f5}.progress-track>div{background:#5693cf}.progress-track>div.over-budget{background:#488acc}.metric-icon.amber{color:#3272b2;background:#d5e4f3}.metric-icon.mauve{color:#508fce;background:#e7f2fc}.metric-icon.sage{color:#3d83c8;background:#e0ebf6}.metric-card strong{color:#204972}.metric-card>div>span,.metric-card>small{color:#2f6ba8}.transaction-details>strong{color:#204972}.transaction-details>span{color:#2f6ba8}.transaction-amount{color:#204972}.transaction-amount.is-refund{color:#3373b3}.transaction-amount.is-transfer{color:#377dc2}.transaction-chevron{color:#74a6d8}.donut-center strong{color:#2b6299}.donut-center>small,.donut-center strong>span,.legend-row,.legend-row>strong{color:#2f6ba8}.legend-row>strong{color:#295d90}.legend-empty strong,.legend-empty span,.legend-more{color:#2f6ba8}.card-footnote{color:#2f6ba8;border-color:#d6e5f4}.import-banner{background:#d5e4f3;border-color:#b5d0ea}.import-banner:hover{background:#c9ddf0}.import-banner-icon{color:#3374b4;background:#b5d0ea}.import-banner strong,.import-banner-action{color:#265686}.import-banner small{color:#2f6ba8}.page-footnote{color:#3579bc}.empty-icon{color:#4789cb;background:#e2effc}.empty-state h3,.empty-state.compact h3{color:#2b6298}.empty-state p,.empty-state.compact p{color:#2f6ba8}.search-input{color:#4186ca;background:#f4f9fe;border-color:#d3e3f2}.category-pills>button{color:#2f6ba8}.category-pills>button.selected{color:#245280;background:#d5e4f3}.settings-category-list strong,.settings-action strong{color:#255584}.settings-action small,.security-items{color:#2f6ba8}.security-items svg,.setting-icon{color:#367bc0}.setting-icon,.pwa-guide{background:#e0ebf6}.pwa-guide h2{color:#23507c;line-height:1.8}.pwa-guide p,.pwa-guide-note{color:#2f6ba8}.settings-version{color:#3477ba;font-size:11px;line-height:1.7}.stats-summary{background:#dae7f4;border-color:#bed5ed}.stats-summary strong,.stats-summary strong.text-green{color:#245280}.stats-summary span,.stats-summary small{color:#2f6ba8}.expense-bar{background:#b3cfea}.current .expense-bar{background:#5894d0}.refund-bar{background:#9dc0e3}.comparison-legend i{background:#5894d0}.comparison-legend>span:last-child i{background:#9dc0e3}.auth-form-card>h2{color:#255584}.auth-intro{background:#dae7f4}.auth-form-wrap{background:#eff6fd}.auth-illustration h1{color:#255584}input,textarea,select{color:#204972;border-color:#c5daef}input:focus,textarea:focus,select:focus{border-color:#4b8ccc;box-shadow:0 0 0 3px #7babda25}button:focus-visible,a:focus-visible{outline-color:#4b8ccc}input[type=checkbox],input[type=radio]{accent-color:#3272b2}.category-picker>button.selected{background:#e1ecf6;border-color:#6ea2d6}.category-check{color:#2f6ba7}.amount-field{background:#f2f8fe;border-color:#c6dbef}.amount-field input{color:#245280}.amount-field>div>span{color:#5290ce}.icon-picker>button.selected{color:#2f6aa5;background:#e1ecf6;border-color:#6ea2d6}.status-tag.good{color:#285b8e;background:#e1ecf6}.toast{color:#275889;background:#f2f8fe;border-color:#bbd3ec}@media(max-width:930px)and (min-width:701px){.logo{gap:8px}.sidebar .logo strong{letter-spacing:0;font-size:14px}.logo>div>span{max-width:87px;font-size:10px}.logo-mark{width:32px;height:36px}}@media(max-width:700px){.topbar{gap:10px;padding-left:19px;padding-right:19px}.mobile-brand{min-width:0}.logo.compact{gap:8px}.logo.compact strong{letter-spacing:.2px;font-size:17px;line-height:1.5}.logo.compact strong>span{display:block}.logo.compact .logo-mark{width:29px;height:31px}.privacy-badge{white-space:nowrap;font-size:11px}.expense-card-bottom,.expense-card-bottom>span:last-child{color:#2a5f94}.bottom-nav{background:#f6fafef5;border-color:#c8dcf0}.bottom-nav button{color:#357abe}.bottom-nav button.active{color:#295e92;background:#d5e4f3}.settings-category-list strong{white-space:nowrap;font-size:12px}.page-heading h1{color:#1b3e61}}@media(max-width:370px){.logo.compact strong{font-size:15px}.privacy-badge{gap:3px;font-size:10px}.topbar{padding-left:15px;padding-right:15px}}.logo-mark{background:#ddeaf6;border-radius:13px;width:44px;height:44px;overflow:hidden}.logo-mark img{object-fit:cover;width:100%;height:100%;display:block}.sidebar nav button{gap:12px;min-height:54px;padding:12px 16px}.sidebar-user{margin-top:auto}.page-heading{gap:16px;margin-bottom:22px}.page-heading h1{letter-spacing:.4px;font-size:25px;line-height:1.4}.page-actions{padding-top:0}.expense-card{min-height:190px;padding:23px 26px 20px}.expense-card-content{z-index:1;justify-content:space-between;align-items:center;gap:12px;min-height:133px;display:flex;position:relative}.expense-summary{flex:1;min-width:0}.hero-amount{letter-spacing:-1.2px;align-items:baseline;gap:6px;margin:18px 0;font-size:clamp(28px,3.4vw,45px)}.hero-amount>span{font-size:22px}.hero-amount strong{overflow-wrap:anywhere;min-width:0;font-weight:520;line-height:1.15}.hero-bean-art{object-fit:contain;flex-shrink:0;align-self:flex-end;width:112px;height:128px;display:block}.expense-card-bottom{font-size:12px;line-height:1.7}.empty-state{min-height:260px;padding:24px 12px}.empty-state.compact{min-height:210px;padding:10px 0}.empty-bean-art{object-fit:contain;width:96px;height:96px;margin-bottom:10px;display:block}.empty-state.compact .empty-bean-art{width:78px;height:78px;margin-bottom:8px}.empty-state h3,.empty-state.compact h3{margin-bottom:8px;font-size:15px}.empty-state p,.empty-state.compact p{font-size:13px;line-height:1.7}.empty-state .button,.empty-state.compact .button{margin-top:16px}.legend-empty{gap:6px}.legend-empty strong{font-size:13px;line-height:1.6}.legend-empty span{font-size:12px;line-height:1.7}.auth-bean-art{object-fit:contain;width:150px;height:150px;margin:0 auto 18px;display:block}.auth-illustration h1{letter-spacing:0;text-align:center;font-size:26px}@media(max-width:930px)and (min-width:701px){.logo-mark{width:36px;height:36px}.sidebar nav button{gap:10px;padding-left:11px;padding-right:11px}.hero-bean-art{width:96px;height:116px}}@media(max-width:700px){.topbar{min-height:64px}.logo.compact .logo-mark{border-radius:10px;width:34px;height:34px}.page-content{padding-top:8px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:25px}.page-actions{padding-top:14px}.expense-card{min-height:184px;padding:21px 23px 18px}.expense-card-content{gap:10px;min-height:124px}.hero-amount{margin:16px 0;font-size:clamp(28px,7.5vw,36px)}.hero-bean-art{width:104px;height:120px}.expense-card-bottom{font-size:12px}.bottom-nav button{gap:3px}.empty-state.compact{min-height:210px}}@media(max-width:370px){.hero-bean-art{width:88px;height:108px}.expense-card{padding-left:20px;padding-right:20px}.hero-amount{font-size:28px}}:root{font-size:16px;font-weight:500;line-height:1.55}.logo strong{letter-spacing:0;font-size:16px;font-weight:700}.device-access-screen h1,.pwa-guide h2{overflow-wrap:anywhere}.sidebar-label,.sidebar nav button,.bottom-nav button{font-size:13px;font-weight:600}.sidebar-user strong{font-size:15px;font-weight:600}.sidebar-user small,.breadcrumb,.privacy-badge{font-size:13px;font-weight:500}.user-avatar{font-size:16px;font-weight:650}.page-heading h1{font-size:26px;font-weight:700}.section-title h2,.budget-card .section-title h2,.pwa-guide h2{font-size:18px;font-weight:650}.modal-heading h2{font-size:22px;font-weight:650}.button,.search-row>.button,.modal-actions .button,.settings-budget-row .button,.empty-state .button,.empty-state.compact .button,.empty-actions .button{min-height:44px;font-size:16px;font-weight:600}.text-button{font-size:14px;font-weight:600}.page-actions{flex-wrap:wrap;gap:10px}.month-picker{min-width:0}.month-picker label{letter-spacing:0;font-size:14px;font-weight:600}.expense-card-top,.expense-card-bottom{font-size:14px;font-weight:500}.month-tag,.mini-label{font-size:13px;font-weight:500}.hero-amount,.hero-amount strong{font-weight:700}.hero-amount>span{font-weight:600}.budget-main{flex-wrap:wrap}.budget-main>strong{overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:28px;font-weight:650}.budget-main>span,.budget-bottom{font-size:14px;font-weight:500}.budget-bottom{flex-wrap:wrap;gap:6px}.budget-bottom>strong{overflow-wrap:anywhere;font-size:18px;font-weight:650}.metric-card>div{min-width:0}.metric-card>div>span,.metric-card>small,.metric-card:last-child>small{font-size:13px;font-weight:500}.metric-card strong,.metric-card:last-child strong{white-space:normal;overflow-wrap:anywhere;font-size:22px;font-weight:650}.transaction-details{flex:1;min-width:0}.transaction-details>strong{overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.5}.transaction-details>span{font-size:13px;font-weight:500;line-height:1.6}.transaction-amount{text-align:right;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:48%;font-size:18px;font-weight:650}.transaction-row{min-height:80px}.card-footnote,.section-title p,.modal-heading p,.legend-more,.legend-empty span,.chart-empty-hint,.stats-budget p{font-size:14px;font-weight:500;line-height:1.7}.chart-legend,.category-chart.large .chart-legend{flex:1;min-width:0;max-width:190px}.legend-row{font-size:14px;font-weight:500}.legend-row>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.legend-row>strong{white-space:nowrap;padding-left:4px;font-size:14px;font-weight:650}.legend-row strong small,.donut-center>small,.donut-center strong>span{font-size:13px;font-weight:500}.donut-center strong{font-size:30px;font-weight:650}.legend-empty strong,.empty-state h3,.empty-state.compact h3{font-size:16px;font-weight:600}.empty-state p,.empty-state.compact p,.import-banner small{font-size:14px;font-weight:500}.import-banner strong{font-size:16px;font-weight:600}.import-banner-action{font-size:14px;font-weight:600}.search-input{flex:1;min-width:0}.search-input>input,.advanced-filters input,.field input,.field select,.import-textarea,.auth-form-card form input{font-size:16px;font-weight:500}.category-pills>button{min-height:42px;font-size:14px;font-weight:600}.advanced-filters label,.advanced-filters>p,.bills-result,.bill-day-heading>span,.bill-day-heading h2 span{font-size:13px;font-weight:500}.bills-result,.bill-day-heading{flex-wrap:wrap;row-gap:6px}.bills-result strong,.bill-day-heading h2{font-size:15px;font-weight:600}.stats-summary>div{min-width:0}.stats-summary span,.stats-summary small{font-size:14px;font-weight:500}.stats-summary strong{overflow-wrap:anywhere;font-size:26px;font-weight:650}.stats-summary small{position:static}.daily-chart>svg{width:calc(100% - 82px);margin-left:82px}.chart-y-labels{overflow-wrap:anywhere;max-width:78px;font-size:13px;font-weight:500}.chart-x-labels{padding-left:90px;font-size:13px;font-weight:500}.breakdown-row>span:not(.category-icon){overflow-wrap:anywhere;flex:1;min-width:0}.breakdown-row strong{font-size:16px;font-weight:600}.breakdown-row small,.comparison-bars small,.comparison-legend{font-size:13px;font-weight:500}.bar-value{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:25px;font-size:13px;font-weight:600}.comparison-bars{height:210px}.budget-compare-row{flex-wrap:wrap;gap:6px;font-size:16px;font-weight:500}.budget-compare-row strong{overflow-wrap:anywhere;font-weight:650}.settings-budget-row>strong{overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:22px;font-weight:650}.settings-category-list>button{min-width:0}.settings-category-list strong{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0;font-size:16px;font-weight:600}.settings-category-list small,.settings-action small,.security-items,.pwa-guide p,.pwa-guide-note,.settings-version{font-size:14px;font-weight:500}.settings-action strong,.category-edit-preview>strong,.file-drop strong,.radio-option strong{font-size:16px;font-weight:600}.field,.auth-form-card form label{font-size:15px;font-weight:600}.amount-field>span{font-size:14px;font-weight:500}.amount-field input{font-size:36px;font-weight:650}.category-picker>button{font-size:14px;font-weight:600;line-height:1.5}.category-picker>button>span:not(.category-icon){overflow-wrap:anywhere;max-width:100%}.inline-info,.inline-info.small,.inline-error,.delete-confirm p,.import-format,.preview-warning,.duplicate-control>label,.duplicate-control>p,.import-privacy,.file-drop span,.radio-option small,.confirm-checkbox,.restore-preview,.field-hint,.auth-form-card>p,.auth-privacy,.auth-bottom,.data-error,.loading-inline,.offline-bar,.loading-screen p,.toast{font-size:14px;font-weight:500}.import-steps{flex-wrap:wrap;row-gap:8px;font-size:13px;font-weight:600}.import-steps i{width:20px;height:20px;font-size:13px}.preview-title h3{font-size:16px;font-weight:600}.preview-title>span,.preview-table-head,.line-number,.status-tag{font-size:13px;font-weight:500}.preview-detail strong,.preview-detail small{font-size:14px;font-weight:500}.preview-detail strong{font-weight:600}.preview-row>strong{white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:650}@media(max-width:700px){.logo.compact strong{letter-spacing:0;font-size:16px;font-weight:700}.privacy-badge{font-size:13px}.bottom-nav button{width:72px;min-width:0;max-width:25%;font-size:13px;font-weight:600}.page-heading h1{font-size:25px}.page-actions .button{padding-left:13px;padding-right:13px}.month-picker label{font-size:14px}.metric-card{gap:9px;padding-left:12px;padding-right:12px}.metric-card strong{font-size:21px}.metric-card:last-child strong{font-size:18px}.category-chart,.category-chart.large{gap:18px}.import-banner-action{font-size:0}.search-row>.button{font-size:15px}.stats-summary strong{font-size:24px}.settings-category-list{column-gap:12px}.preview-row,.preview-table-head{grid-template-columns:16px minmax(0,1fr) 87px 66px}.status-tag{padding:4px}}@media(max-width:370px){.month-picker>button{width:32px}.month-picker label{font-size:14px}.preview-row,.preview-table-head{grid-template-columns:12px minmax(74px,1fr) minmax(66px,auto) 60px;gap:4px;padding:10px 6px}.preview-detail strong{white-space:normal;overflow-wrap:anywhere}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}body,input,button,select,textarea{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}code,pre,kbd,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}:root{--ink: #102e58;--muted: #4d6c8e;--accent: #76caff;--accent-dark: #183e73;--line: #b6d2ed;--surface: #eaf5ff;--radius: 3px;color:var(--ink);background:#071a38}body{background:#071a38 radial-gradient(#254c744a 1px,transparent 1px);background-size:20px 20px}::selection{background:#78d2ff;color:#0b2349}button,a,input,select,textarea{-webkit-tap-highlight-color:#76caff25}button{transition:background .12s,color .12s,transform .12s,box-shadow .12s}button:focus-visible,a:focus-visible{outline:3px solid #1c78bd;outline-offset:4px}.sidebar button:focus-visible,.bottom-nav button:focus-visible{outline-color:#b7eaff}.sidebar{background:#0b2349;border-right:2px solid #285181;padding-top:30px}.logo{align-items:center}.logo-mark,.logo.compact .logo-mark{border-radius:0;background:transparent;overflow:visible}.logo-mark img,.hero-bean-art,.empty-bean-art,.auth-bean-art{image-rendering:pixelated}.logo strong{color:#dbf3ff;font-family:ui-monospace,Consolas,monospace;font-size:15px;line-height:1.45}.sidebar-label{color:#8eafd5;font-size:11px;letter-spacing:.8px;margin:42px 3px 16px;display:flex;align-items:center;gap:8px}.pixel-indicator{display:inline-block;width:6px;height:6px;background:#7adaff;box-shadow:3px 3px #275581;flex-shrink:0}.sidebar nav{gap:13px}.sidebar nav button{color:#9bbde1;border:2px solid transparent;border-radius:2px;font-size:14px;min-height:54px;padding:11px 13px}.sidebar nav button:hover{background:#173b66;color:#e7f7ff}.sidebar nav button.active{background:#8ed5ff;border-color:#c0edff;box-shadow:4px 4px #020f29;color:#102e58}.sidebar nav button:active{transform:translate(2px,2px);box-shadow:none}.active-dot{width:6px;height:6px;border-radius:0;background:#245b94}.sidebar-user{border-top:2px solid #26486e;color:#d6ecff;padding-bottom:25px}.sidebar-user strong{font-size:14px}.sidebar-user small{color:#91b3d8}.user-avatar{border-radius:2px;background:#85ceff;color:#112e59;font-family:monospace;font-weight:800;box-shadow:3px 3px #020f29}.topbar{border-bottom:1px solid #24476f;background:#0b2349b8;height:76px}.breadcrumb{color:#a7c8e9}.breadcrumb span{color:#547da7}.privacy-badge{color:#b6d8fa;font-size:12px}.page-content{padding-top:30px;padding-bottom:40px}.page-heading{margin-bottom:24px}.page-heading h1{color:#effaff;font-size:28px;font-weight:750;letter-spacing:1px}.page-kicker{margin-bottom:5px;color:#8ecfff;font:700 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:2px}.page-actions{align-self:flex-end;padding-bottom:3px}.card,.metric-card,.stats-summary,.modal,.auth-form-card{border:2px solid #244b79;border-radius:3px;background:#eaf5ff;box-shadow:5px 5px #020f29}.card{padding:22px}.section-title h2,.modal-heading h2{color:#12345f;font-weight:750}.section-title>svg,.section-title p{color:#4d7095}.section-title h2:before{content:"";display:inline-block;width:6px;height:6px;background:#3e8bce;margin:0 9px 3px 0}.button{border:2px solid #234d7b;border-radius:2px;min-height:42px;font-weight:650}.button.primary{background:#8ad8ff;color:#102e58;border-color:#aeeaff;box-shadow:3px 3px #143a63}.button.primary:hover:not(:disabled){background:#b8eaff;box-shadow:4px 4px #143a63}.button.soft{background:#c6e7ff;color:#194575;border-color:#84b7de;box-shadow:3px 3px #9dbfdc}.button.soft:hover{background:#b3dfff}.button.border{background:#f5fbff;color:#24527e;border-color:#96b9da;box-shadow:2px 2px #bfd6eb}.button.border:hover{background:#dbf0ff}.button.selected{background:#b5dfff;color:#173b69}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.button.danger{background:#a52b4c;border-color:#7c183a;color:#fff}.button.text-danger{color:#a52b4c;border-color:transparent}.icon-button{border-radius:2px;color:#3d6995}.icon-button:hover{background:#c8e4fa;color:#133e6a}.text-button{color:#2666a4;font-weight:650}.text-button:hover{color:#0b365d}.month-picker{background:#eaf5ff;border:2px solid #547b9f;border-radius:2px;box-shadow:3px 3px #020f29}.month-picker label,.month-picker>button{color:#183e6b}.month-picker>button,.month-picker>button:hover{border-radius:0}.month-picker>button:hover{background:#bedfff}.expense-card{border:2px solid #c1ebff;border-radius:3px;background-color:#72c5f5;background-image:linear-gradient(90deg,transparent 49.5%,#b2e4ff25 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#b2e4ff25 50%,transparent 50.5%);background-size:24px 24px;color:#0d2e58;box-shadow:5px 5px #020f29;padding:23px 25px 14px;min-height:220px}.expense-card-top{color:#173f6b;font-size:13px;font-weight:650}.tiny-dot{background:#184e86;width:6px;height:6px;border-radius:0}.month-tag{border:1px solid #3e83bc;background:#cfedff90;color:#1b4e80;border-radius:0;font-family:ui-monospace,monospace}.expense-card-content{min-height:153px;gap:0}.hero-amount{color:#0b2c56;font-family:ui-monospace,Consolas,monospace;font-size:clamp(28px,3.5vw,48px);letter-spacing:-2px}.hero-amount strong{font-weight:850}.hero-amount>span{color:#2f6493}.hero-bean-art{width:206px;height:147px;object-fit:contain;margin-right:-5px}.expense-card-bottom,.expense-card-bottom>span:last-child{color:#22517d;font-size:12px}.budget-card{padding-top:22px}.budget-main>strong,.budget-bottom>strong{color:#183e6b;font-family:ui-monospace,Consolas,monospace;font-weight:800}.budget-main>span,.budget-bottom{color:#55708d}.progress-track{height:10px;background:#bfd9ed;border:2px solid #a0bfd9;border-radius:0;padding:1px}.progress-track>div{background:repeating-linear-gradient(90deg,#3c8acb 0 10px,#3c8acb 10px,#a0d9ff 10px 12px);border-radius:0}.progress-track>div.over-budget{background:#a52b4c}.metric-grid{margin-top:22px;margin-bottom:27px;gap:18px}.metric-card{background:#dceeff;padding:17px}.metric-icon{border-radius:1px;width:38px;height:38px}.metric-icon.amber,.metric-icon.mauve,.metric-icon.sage{background:#b9ddf8;color:#285c98;box-shadow:2px 2px #87b3d7}.metric-card strong{color:#163b68;font-family:ui-monospace,Consolas,monospace;font-weight:750}.metric-card>div>span,.metric-card>small{color:#4b6a8d}.mini-label{color:#3c648d;background:#d4e9fa;border:1px solid #accce7;border-radius:0}.empty-state h3,.empty-state.compact h3{color:#234f7b;font-weight:750}.empty-state p,.empty-state.compact p{color:#55728e}.empty-bean-art{width:120px;height:96px}.empty-state.compact .empty-bean-art{width:100px;height:80px}.empty-state.compact{min-height:226px}.donut-center{background:#eaf5ff}.donut-center strong{color:#285e98;font-family:ui-monospace,Consolas,monospace;font-weight:800}.donut-center>small,.donut-center strong>span{color:#55728e}.legend-empty strong{color:#284f79}.legend-empty span,.legend-row,.legend-more{color:#55728e}.legend-row>strong{color:#285e98}.card-footnote{color:#587695;border-color:#c1daed}.import-banner{background:#143860;border:2px solid #4b7ba9;border-radius:2px;box-shadow:4px 4px #020f29}.import-banner:hover{background:#1c4875}.import-banner strong,.import-banner-action{color:#d9f4ff}.import-banner small{color:#a2c7e8}.import-banner-icon{color:#102e58;background:#8ed5ff;border-radius:1px}.category-icon{border-radius:2px}.transaction-row{border-color:#c2daed}.transaction-row:hover{background:#d8edfc;border-radius:0}.transaction-details>strong,.transaction-amount{color:#214c7b}.transaction-details>span,.transaction-chevron{color:#5a7b9a}.transaction-amount{font-family:ui-monospace,Consolas,monospace;font-weight:750}.transaction-amount.is-refund{color:#217b80}.transaction-amount.is-transfer{color:#5b7099}.search-input,input,textarea,select{border:2px solid #acc9e2;border-radius:2px;background:#f7fcff;color:#204970}input::placeholder,textarea::placeholder{color:#708da8}input:focus,textarea:focus,select:focus{border-color:#3b87c8;box-shadow:3px 3px #b5d4ec}input[type=checkbox],input[type=radio]{accent-color:#2877bd}.category-pills>button{border:1px solid #b6d1e8;border-radius:1px;color:#42668c}.category-pills>button.selected,.category-pills>button:hover{color:#163e6d;background:#b6ddfb;border-color:#75a8d1}.bills-result,.bills-result strong,.bill-day-heading h2,.bill-day-heading h2 span,.bill-day-heading>span{color:#b4d5f4}.stats-summary{background:#bcdfff}.stats-summary>div{border-color:#8db7db}.stats-summary strong,.stats-summary strong.text-green{color:#173f70;font-weight:800;font-family:ui-monospace,Consolas,monospace}.stats-summary span,.stats-summary small{color:#42678d}.expense-bar,.comparison-legend i{border-radius:0;background:#6aa9db}.current .expense-bar{background:#2e73b8}.refund-bar,.comparison-legend>span:last-child i{background:#7fd1e7;border-radius:0}.settings-category-list strong,.settings-action strong{color:#214c7b}.settings-category-list small,.settings-category-list>button>svg{color:#527191}.settings-category-list .category-icon{border-radius:2px}.settings-action small,.security-items,.pwa-guide p,.pwa-guide-note{color:#4d7095}.settings-category-list button,.settings-action{border-color:#c2daed;border-radius:1px}.settings-category-list button:hover,.settings-action:hover{background:#d6eafb}.security-items svg,.setting-icon{color:#2c6ca7}.setting-icon,.pwa-icon{background:#bfdef7;border-radius:1px}.pwa-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:#2c6ca7}.pwa-guide{background:#cce7ff}.pwa-guide h2{color:#214c7b}.settings-version{color:#9dbfde;font:11px/1.6 ui-monospace,Consolas,monospace}.modal-backdrop{background:#03112bd9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{border:3px solid #78b5e2;box-shadow:8px 8px #000c24}.modal-heading{border-bottom:2px solid #b9d5eb;padding-bottom:16px;margin-bottom:20px}.modal-heading p,.modal .field,.modal .field>span,.field-hint,.import-steps,.import-format,.import-privacy,.auth-form-card>p,.auth-privacy{color:#4d6d90}.import-steps i{border-radius:0;background:#b9ddf8;color:#204d7a}.amount-field{border-radius:2px;border-width:2px}.amount-field>span,.amount-field>div>span{color:#416b96}.amount-field input::placeholder{color:#6d91b2}.inline-info{background:#d8ebfc;color:#43698d}.category-picker>button{border:2px solid #bad3e8;border-radius:2px;background:#f6fcff}.category-picker>button.selected{background:#c3e6ff;border-color:#468ac3;box-shadow:2px 2px #78abd3}.icon-picker button,.color-picker button{border-radius:1px}.inline-info,.delete-confirm,.import-help,.restore-warning{border-radius:2px}.inline-error,.filter-error,.toast.error{color:#902344;background:#fff0f5;border-color:#da9bad}.toast{border:2px solid #5a9fd4;border-radius:2px;background:#d9f0ff;color:#194471;box-shadow:4px 4px #020f29}.offline-bar{background:#163e6b;color:#c1e6ff;border-bottom:2px solid #5888b0}.loading-screen,.loading-screen p,.device-access-screen h1,.device-access-screen p{color:#d1edff}.auth-intro,.auth-form-wrap{background:#0b2349}.auth-intro{background-image:linear-gradient(#2851812e 1px,transparent 1px),linear-gradient(90deg,#2851812e 1px,transparent 1px);background-size:24px 24px}.auth-illustration h1,.auth-bottom{color:#d1edff}.auth-form-card>h2{color:#214c7b}.auth-mobile-logo .logo strong{color:#214c7b}.auth-bean-art{width:210px;height:168px}.bottom-nav{background:#0b2349f5;border-top:2px solid #4b7ba9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{color:#95b9dc;border-radius:1px;padding-top:7px;padding-bottom:5px}.bottom-nav button.active{color:#153c67;background:#96d8ff;box-shadow:3px 3px #020f29}.bottom-nav button:hover{color:#153c67;background:#b2e3ff}@media(max-width:1180px)and (min-width:701px){.hero-bean-art{width:146px;height:133px}.expense-card{padding-left:20px;padding-right:16px}.hero-amount{font-size:32px}}@media(max-width:930px)and (min-width:701px){.sidebar .logo strong{font-size:13px}.sidebar-label{font-size:9px;letter-spacing:0}.sidebar nav button{gap:8px;padding-left:9px;padding-right:9px}.hero-bean-art{width:130px;height:122px}}@media(max-width:700px){.topbar{background:#0b2349;border-bottom:1px solid #24476f;margin-bottom:19px;min-height:74px}.logo.compact strong{color:#dbf3ff;font-size:14px}.logo.compact .logo-mark{width:36px;height:36px}.privacy-badge{color:#a7c8e9;font-size:11px}.page-content{padding-top:0}.page-heading h1{font-size:26px}.page-kicker{font-size:9px;letter-spacing:1.5px}.page-actions{padding-top:15px;padding-bottom:0;gap:10px;flex-wrap:wrap}.page-actions .button{margin-left:auto}.month-picker{gap:3px}.month-picker label{font-size:13px}.expense-card{min-height:205px;padding:20px 20px 12px}.expense-card-content{min-height:137px}.hero-bean-art{width:150px;height:132px;margin-right:-8px}.hero-amount{font-size:35px}.hero-amount>span{font-size:19px}.card{padding:20px}.metric-grid{gap:13px}.metric-card{padding:15px 11px}.metric-card strong{font-size:22px}.metric-card:last-child strong{font-size:18px}.bottom-nav{padding-top:8px;padding-bottom:max(9px,env(safe-area-inset-bottom))}.bottom-nav button{gap:4px;width:66px}.stats-summary>div{padding-left:14px;padding-right:14px}}@media(max-width:370px){.hero-bean-art{width:122px;height:122px}.hero-amount{font-size:28px}.expense-card{padding-left:17px;padding-right:16px}.page-actions .button{padding-left:9px;padding-right:9px}.page-actions{gap:8px}.month-picker label{gap:4px;font-size:12px}.month-picker>button{width:25px}.section-title h2{font-size:17px}}@media(prefers-reduced-motion:reduce){button,.progress-track>div{transition:none}}.scope-switcher{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.scope-switcher button{padding:10px 14px;color:#afcfee;background:#14355a;border:2px solid #355d87;border-radius:2px;font-size:13px;font-weight:650}.scope-switcher button.selected{color:#12365d;background:#96d9ff;border-color:#c6eeff;box-shadow:3px 3px #020f29}.scope-switcher button:hover{background:#c4eaff;color:#12365d}.scope-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 24px}.scope-summary button{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 15px;text-align:left;padding:17px 20px;background:#12345b;border:2px solid #4979a8;color:#c7e8ff;box-shadow:4px 4px #020f29}.scope-summary button:hover{background:#1c4774}.scope-summary strong{color:#e9f9ff;font:750 22px/1.3 ui-monospace,Consolas,monospace}.scope-summary span{font-size:14px}.scope-summary small{flex-basis:100%;color:#9fbfdf;font-size:12px}.scope-summary .unassigned{grid-column:1/-1;border-color:#8babc9}.scope-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}.scope-picker button{display:flex;align-items:center;gap:9px;padding:13px 10px;text-align:left;background:#f3faff;color:#43678e;border:2px solid #b2cfe8;min-width:0}.scope-picker button>span{flex-shrink:0;font:750 11px/1.2 ui-monospace,monospace;color:#6085a7}.scope-picker strong{font-size:13px;overflow-wrap:anywhere}.scope-picker button.selected{background:#c0e5ff;border-color:#4086c2;color:#163e70;box-shadow:2px 2px #91bddd}.scope-picker svg{margin-left:auto;flex-shrink:0}.transaction-scope-label{width:fit-content;font-size:10px!important;padding:1px 5px;color:#2d608e!important;background:#c7e3f8;border:1px solid #a9cee9}.transaction-details{min-width:0}.challenge-board{display:grid;grid-template-columns:184px minmax(0,1fr);margin-bottom:25px;background:#d3eaff;border:2px solid #5d94c4;box-shadow:5px 5px #020f29}.challenge-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:21px 12px 17px;min-height:245px;overflow:hidden;color:#c9edff;background:#153e6a;border-right:2px solid #4a7eaa;background-image:linear-gradient(#6faff316 1px,transparent 1px),linear-gradient(90deg,#6faff316 1px,transparent 1px);background-size:16px 16px}.challenge-scene:before,.challenge-scene:after{content:"";position:absolute;width:4px;height:4px;background:#6ab9f5;box-shadow:20px 16px #407aaa,-31px 40px #4178ad;top:55px;right:35px}.challenge-scene:after{top:90px;left:32px;width:3px;height:3px}.challenge-scene-caption{display:flex;gap:6px;align-items:center;font:700 9px/1.5 ui-monospace,monospace;letter-spacing:1px}.bean-platform{position:relative;display:flex;justify-content:center;width:136px;border-bottom:5px solid #97dcff;box-shadow:0 7px #08264f;padding:7px 8px 0}.bean-character{image-rendering:pixelated;flex-shrink:0}.pixel-flag{width:3px;height:44px;background:#b9e9ff;position:absolute;bottom:0;right:9px}.pixel-flag:after{content:"";width:20px;height:13px;position:absolute;top:0;left:3px;background:repeating-conic-gradient(#80ceff 0% 25%,#e8faff 0% 50%) 0/8px 8px}.quest-status{border:1px solid #4b86b4;color:#c2e7ff;background:#103056;padding:4px 12px;font-size:11px;margin-top:14px}.challenge-content{min-width:0;padding:20px 23px 16px}.challenge-content .section-title{gap:15px;margin-bottom:17px}.challenge-content .section-title h2{font-size:19px}.challenge-content .section-title p{font-size:11px}.challenge-content .text-button{flex-shrink:0;font-size:12px}.challenge-metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.challenge-metrics>div{display:flex;flex-direction:column;gap:5px;min-width:0}.challenge-metrics span{color:#506f90;font-size:11px}.challenge-metrics strong{font:750 20px/1.4 ui-monospace,Consolas,monospace;color:#173e6c;overflow-wrap:anywhere}.quest-track{position:relative;height:12px;margin:18px 22px 11px 0;border:2px solid #91b7d7;background:#abcce8}.quest-track>div{height:100%;background:repeating-linear-gradient(90deg,#348aca 0 12px,#348aca 12px,#a0ddff 12px 15px);max-width:100%}.quest-track>svg{position:absolute;right:-24px;top:-5px;color:#2469a1}.quest-note{color:#4d6e90;font-size:11px;line-height:1.8}.dining-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 15px;margin-top:12px;padding-top:11px;border-top:1px solid #adcde6;color:#486d90;font-size:11px}.dining-status strong{color:#225b8e}.reward-earned{display:flex;gap:9px;align-items:center;padding:10px 12px;margin-top:12px;border:1px solid #72abcf;color:#1d5889;background:#bde8ff;font-size:12px}.challenge-form .scope-switcher{margin:8px 0 0}.challenge-form .scope-switcher button{background:#e3f3ff;color:#3c638a;border-color:#b0cce3}.challenge-form .scope-switcher button.selected{background:#b5e0ff;color:#153e6e;border-color:#5b98c5;box-shadow:2px 2px #8dbbdc}.challenge-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.challenge-field{display:flex;flex-direction:column;gap:7px;margin:15px 0;color:#3b6389;font-size:13px;font-weight:650;min-width:0}.challenge-field small{color:#5c7a97;font-size:11px;font-weight:400;line-height:1.7}.challenge-field input,.challenge-field select{font-size:15px}.challenge-checkbox{display:flex;align-items:center;gap:9px;color:#426c92;font-size:13px;line-height:1.7;margin:16px 0}.challenge-checkbox input{flex-shrink:0}.bean-feedback{position:fixed;right:28px;bottom:27px;z-index:90;display:flex;align-items:center;gap:10px;width:min(420px,calc(100vw - 30px));padding:16px 14px 16px 7px;border:2px solid #91d0ff;background:#dff3ff;box-shadow:5px 5px #020f29}.bean-feedback .bean-character{width:66px;height:80px}.bean-feedback>div{min-width:0}.bean-feedback strong{color:#214c7b;font-size:15px}.bean-feedback p{color:#476c91;font-size:12px;line-height:1.8;margin-top:4px}.bean-feedback .icon-button{align-self:flex-start;flex-shrink:0;width:23px;height:23px}.bean-feedback~.toast{bottom:165px}@media(max-width:1180px){.challenge-board{grid-template-columns:150px minmax(0,1fr)}.challenge-content{padding:18px}.challenge-metrics{gap:10px}.challenge-metrics strong{font-size:18px}}@media(max-width:700px){.scope-switcher{gap:7px;margin-bottom:20px}.scope-switcher button{font-size:11px;padding:8px 10px}.scope-summary{gap:12px;margin-bottom:22px}.scope-summary button{padding:13px 12px}.scope-summary span{font-size:12px}.scope-summary strong{font-size:19px}.scope-summary small{font-size:10px}.challenge-board{grid-template-columns:90px minmax(0,1fr)}.challenge-scene{min-height:285px;padding:16px 6px}.challenge-scene-caption{flex-direction:column;text-align:center;font-size:8px;letter-spacing:0}.bean-platform{width:76px}.bean-platform .bean-character{width:68px;height:84px}.pixel-flag{height:32px;right:3px}.pixel-flag:after{width:13px;height:10px}.quest-status{padding:4px 5px;font-size:10px}.challenge-content{padding:15px 13px}.challenge-content .section-title{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:12px}.challenge-content .section-title h2{font-size:16px}.challenge-content .section-title h2:before{display:none}.challenge-content .section-title p{font-size:10px}.challenge-content .text-button{font-size:11px}.challenge-metrics{grid-template-columns:1fr 1fr;gap:8px}.challenge-metrics>div:first-child{grid-column:1/-1}.challenge-metrics strong{font-size:16px}.challenge-metrics span,.quest-note,.dining-status{font-size:10px}.quest-track{margin-top:12px}.challenge-fields{grid-template-columns:1fr;gap:0}.challenge-field{margin:12px 0}.scope-picker{grid-template-columns:1fr;gap:8px}.scope-picker button{padding:10px 12px}.bean-feedback{bottom:calc(90px + env(safe-area-inset-bottom));right:15px;padding:10px 9px 10px 3px;gap:7px}.bean-feedback .bean-character{width:54px;height:68px}.bean-feedback p{font-size:11px}.bean-feedback~.toast{bottom:calc(235px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:no-preference){.bean-feedback{animation:bean-arrives .22s steps(4,end)}.bean-feedback .mood-happy,.bean-feedback .mood-celebrate{animation:bean-bounce .6s steps(3,end) 2}.bean-feedback .mood-unhappy{animation:bean-shake .2s steps(2,end) 3}@keyframes bean-arrives{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes bean-bounce{50%{translate:0 -5px}}@keyframes bean-shake{50%{translate:-3px 0}}}