:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f3f6f4;--card-bg: #ffffff;--text: #17201c;--heading: #1c2722;--muted-text: #718078;--subtle-text: #89958f;--border: #dfe6e2;--border-strong: #ccd8d2;--input-bg: #f9fbfa;--input-text: #25362e;--table-header: #f6f8f7;--table-row-hover: #fbfcfb;--table-footer: #f7faf8;--current-month: #f1f8f4;--button-bg: #176b4d;--button-hover: #12583f;--button-text: #ffffff;--secondary-bg: #ffffff;--secondary-hover: #f8faf9;--danger-text: #a33c3c;--danger-bg: #fff1f1;--focus: #3a8a69;--focus-ring: rgba(58, 138, 105, .16);--accent: #176b4d;--accent-soft: #e2f1ea;--badge-bg: #e6ebe8;--placeholder: #acb5b0;--shadow: rgba(22, 48, 35, .08);--sticky-shadow: rgba(28, 50, 39, .7);--danger-hover: #b53d3d;--danger-soft: #fff0f0;--negative-text: #b34d4d;--success-text: #247d5c}.theme-default{color-scheme:light}.theme-dark{color-scheme:dark;--bg: #0f1714;--card-bg: #18221e;--text: #eef5f1;--heading: #f7fbf9;--muted-text: #b4c2bb;--subtle-text: #94a49c;--border: #34443d;--border-strong: #4a5e55;--input-bg: #111a16;--input-text: #edf4f0;--table-header: #222f29;--table-row-hover: #202c27;--table-footer: #202d27;--current-month: #1b3027;--button-bg: #2f966e;--button-hover: #3bab80;--button-text: #ffffff;--secondary-bg: #202c27;--secondary-hover: #293831;--danger-text: #ffaaaa;--danger-bg: #402626;--focus: #5bc496;--focus-ring: rgba(91, 196, 150, .24);--accent: #65c99d;--accent-soft: #203a30;--badge-bg: #2b3933;--placeholder: #78877f;--shadow: rgba(0, 0, 0, .32);--sticky-shadow: rgba(0, 0, 0, .85);--danger-hover: #ff9b9b;--danger-soft: #402626;--negative-text: #ffaaaa;--success-text: #65c99d}*{box-sizing:border-box}html{max-width:100%;overflow-x:hidden}body{margin:0;max-width:100%;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;max-width:100%;overflow-x:hidden;color:var(--text);background:var(--bg);transition:color .15s ease,background-color .15s ease}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(28px,calc((100vw - 1440px)/2));background:var(--card-bg);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand>div{min-width:0}.brand__mark{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:var(--button-text);background:var(--button-bg);font-weight:700;font-size:14px;letter-spacing:-.02em;box-shadow:0 5px 14px #176b4d38}.brand h1,.brand p,.sheet h2,.sheet p{margin:0}.brand h1{font-size:18px;line-height:1.2;letter-spacing:-.02em}.brand p{margin-top:3px;color:var(--muted-text);font-size:12px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.toolbar__sync,.toolbar__actions{min-width:0}.toolbar__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.account-panel{display:flex;max-width:300px;align-items:center;flex-wrap:wrap;gap:5px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;color:var(--muted-text);background:var(--secondary-bg);font-size:11px}.account-panel--local{flex-wrap:nowrap}.account-panel strong{color:var(--heading);font-size:11px}.account-panel span,.account-panel small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-panel input{width:100%;min-height:30px;padding:0 8px;border:1px solid var(--border-strong);border-radius:6px;outline:0;color:var(--input-text);background:var(--input-bg);font-size:11px}.account-panel input:focus{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus-ring)}.account-panel__actions{display:flex;width:100%;gap:5px}.account-panel .button{min-height:30px;padding:5px 8px;font-size:11px}.account-panel__error{width:100%;color:var(--danger-text);white-space:normal}.account-panel__notice{width:100%;color:var(--success-text);white-space:normal}.first-sync-panel{display:flex;max-width:300px;flex-wrap:wrap;gap:5px;font-size:11px;color:var(--muted-text)}.first-sync-merge-review{display:grid;width:min(100%,520px);gap:12px;padding:12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--panel-bg);color:var(--text)}.first-sync-merge-review__header{display:grid;gap:3px}.first-sync-merge-review__group{display:grid;gap:8px}.first-sync-merge-review__card{display:grid;gap:9px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--secondary-bg)}.first-sync-merge-review__context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:0}.first-sync-merge-review__context div{min-width:0}.first-sync-merge-review__context dt{color:var(--muted-text);font-size:10px}.first-sync-merge-review__context dd{margin:2px 0 0;overflow-wrap:anywhere;white-space:normal}.first-sync-merge-review__actions{display:flex;flex-wrap:wrap;gap:6px}.first-sync-merge-review__actions [aria-pressed=true]{border-color:var(--accent);background:var(--button-hover)}.sync-controls{display:flex;max-width:240px;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;color:var(--muted-text)}.conflict-review{display:flex;max-width:280px;flex-wrap:wrap;gap:4px;font-size:11px;color:var(--muted-text);border-left:3px solid var(--warning, #b7791f);padding-left:8px}.conflict-review small{width:100%;white-space:normal}.conflict-review__actions{display:flex;gap:5px}.theme-control{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted-text);font-size:12px;font-weight:600}.theme-control select{min-width:0;min-height:38px;padding:0 32px 0 11px;border:1px solid var(--border-strong);border-radius:8px;outline:0;color:var(--input-text);background:var(--input-bg);font-size:13px;font-weight:600}.theme-control select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font-size:13px;font-weight:600;transition:.15s ease}.button:hover{transform:translateY(-1px)}.button--primary{color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 9px #176b4d2e}.button--primary:hover{background:var(--button-hover)}.button--secondary{border-color:var(--border-strong);background:var(--secondary-bg)}.button--secondary:hover{border-color:var(--muted-text);background:var(--secondary-hover)}.button--danger{color:var(--danger-text)}.button--danger:hover{background:var(--danger-bg)}.button--quiet{margin-top:6px;border-color:var(--border-strong);background:var(--secondary-bg);color:var(--accent)}main{width:min(1440px,calc(100% - 56px));margin:0 auto;padding:28px 0 36px}.year-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--card-bg)}.year-bar>div{display:flex;align-items:center;gap:10px;min-width:0}.year-bar label{color:var(--muted-text);font-size:12px;font-weight:600}.year-bar select{min-width:110px;height:38px;padding:0 32px 0 11px;border:1px solid var(--border-strong);border-radius:8px;outline:0;color:var(--input-text);background:var(--input-bg);font-size:13px;font-weight:700}.year-bar select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-card{min-width:0;padding:18px 19px 16px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card-bg);box-shadow:0 2px 8px var(--shadow)}.summary-card__top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:14px;color:var(--muted-text);font-size:12px;font-weight:600}.summary-card__icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;font-size:14px}.summary-card strong{display:block;overflow:hidden;color:var(--heading);font-size:clamp(19px,2vw,25px);line-height:1.2;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.summary-card small{display:block;margin-top:7px;color:var(--subtle-text);font-size:11px}.summary-card.green{border-top:3px solid #2f966e}.summary-card.green .summary-card__icon{color:#16704e;background:#e6f5ed}.summary-card.red{border-top:3px solid #d36a6a}.summary-card.red .summary-card__icon{color:#ad4141;background:#fdecec}.summary-card.blue{border-top:3px solid #5686c5}.summary-card.blue .summary-card__icon{color:#3b6da9;background:#eaf1fb}.summary-card.amber{border-top:3px solid #d79b40}.summary-card.amber .summary-card__icon{color:#a86d16;background:#fcf2df}.financial-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--card-bg)}.financial-strip>div{min-width:0;padding:11px 15px;border-right:1px solid var(--border)}.financial-strip>div:last-child{border-right:0}.financial-strip span,.financial-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.financial-strip span{margin-bottom:4px;color:var(--muted-text);font-size:10px;font-weight:600}.financial-strip strong{color:var(--heading);font-size:13px;font-variant-numeric:tabular-nums}.financial-strip strong.negative{color:var(--negative-text)}.tabs{display:flex;gap:3px;margin-top:26px;padding:0 3px;border-bottom:1px solid var(--border)}.tab{position:relative;display:flex;min-width:105px;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:0;color:var(--muted-text);background:transparent;font-size:13px;font-weight:600}.tab:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:transparent}.tab:hover{color:var(--heading)}.tab.active{color:var(--accent)}.tab.active:after{background:var(--accent)}.tab span{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:10px;color:var(--muted-text);background:var(--badge-bg);font-size:10px}.tab.active span{color:var(--accent);background:var(--accent-soft)}.sheet{margin-top:16px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card-bg);box-shadow:0 3px 12px var(--shadow)}.sheet__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 19px;border-bottom:1px solid var(--border)}.sheet h2{color:var(--heading);font-size:15px;letter-spacing:-.01em}.sheet p{margin-top:4px;color:var(--subtle-text);font-size:11px}.table-scroll{width:100%;max-height:570px;overflow-x:auto;overflow-y:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}table{width:100%;min-width:1000px;border-collapse:collapse;table-layout:fixed}.monthly-table{width:2280px;min-width:2280px}th,td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left}th:last-child,td:last-child{border-right:0}th{position:sticky;top:0;z-index:3;height:38px;padding:0 11px;color:var(--muted-text);background:var(--table-header);font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}td{height:48px;padding:0;background:var(--card-bg)}tbody tr:hover td{background:var(--table-row-hover)}.row-number{width:46px;padding:0 8px;color:var(--subtle-text);background:var(--table-header);text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.monthly-table .name-column{width:190px}.monthly-table .category-column{width:160px}.monthly-table th:not(.row-number):not(.name-column):not(.category-column):not(.year-total-column):not(.note-column):not(.action-column){width:115px;text-align:center}.year-total-column{width:150px}.note-column{width:190px}.action-column{width:44px;text-align:center}.sticky-col{position:sticky;z-index:2;background:var(--card-bg)}thead .sticky-col{z-index:5;background:var(--table-header)}.sticky-col--number{left:0}.sticky-col--name{left:46px}.sticky-col--category{left:236px;box-shadow:5px 0 8px -8px var(--sticky-shadow)}tbody tr:hover .sticky-col{background:var(--table-row-hover)}.month-cell{width:115px}.current-month{background:var(--current-month)}th.current-month{color:var(--accent);box-shadow:inset 0 -2px 0 var(--focus)}.month-input{display:flex;height:47px;align-items:center}.month-input:focus-within{box-shadow:inset 0 0 0 2px var(--focus);background:var(--input-bg)}.month-input span{padding-left:7px;color:var(--subtle-text);font-size:8px;font-weight:700}.month-input input{min-width:0;padding:0 7px 0 4px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.month-input input:focus{box-shadow:none}.year-total{padding:0 10px;color:var(--accent);background:var(--table-footer);text-align:right;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}td input,td select{width:100%;height:47px;padding:0 11px;border:0;outline:0;color:var(--input-text);background:transparent;font-size:12px}td input::placeholder{color:var(--placeholder)}td input:focus,td select:focus{box-shadow:inset 0 0 0 2px var(--focus);background:var(--input-bg)}td select{padding-right:26px;cursor:pointer}.money-input{display:flex;height:47px;align-items:center}.money-input:focus-within{box-shadow:inset 0 0 0 2px var(--focus)}.money-input span{padding-left:11px;color:var(--muted-text);font-size:10px;font-weight:700}.money-input input{min-width:0;padding-left:6px;text-align:right;font-variant-numeric:tabular-nums}.money-input input:focus{box-shadow:none}.icon-button{width:28px;height:28px;padding:0;border:0;border-radius:6px;color:var(--subtle-text);background:transparent;font-size:19px;line-height:1}.icon-button:hover{color:var(--danger-hover);background:var(--danger-soft)}.empty-state{height:230px;padding:32px;color:var(--muted-text);text-align:center}.empty-state__icon,.empty-state strong,.empty-state span{display:block}.empty-state__icon{margin-bottom:12px;color:var(--subtle-text);font-size:28px}.empty-state strong{margin-bottom:5px;color:var(--heading);font-size:14px}.empty-state span:not(.empty-state__icon){margin-bottom:10px;font-size:12px}tfoot td{position:sticky;bottom:0;z-index:3;height:42px;padding:0 11px;border-bottom:0;color:var(--muted-text);background:var(--table-footer);font-size:11px;font-weight:700;text-transform:uppercase}tfoot .sticky-col--number{z-index:5;background:var(--table-footer)}.sticky-total-label{left:46px;z-index:5;width:350px;background:var(--table-footer);box-shadow:5px 0 8px -8px var(--sticky-shadow)}.month-total{padding:0 7px;text-align:right;font-size:9px;font-variant-numeric:tabular-nums;text-transform:none;white-space:nowrap}tfoot .table-total{color:var(--accent);text-align:right;font-size:12px;font-variant-numeric:tabular-nums;text-transform:none}.storage-note{margin:12px 3px 0;color:var(--subtle-text);font-size:10px}.storage-note span{margin-right:4px;color:var(--success-text);font-size:8px}.toast{position:fixed;right:24px;bottom:24px;z-index:10;padding:11px 15px;border:1px solid var(--border-strong);border-radius:9px;color:var(--text);background:var(--card-bg);box-shadow:0 8px 30px var(--shadow);font-size:12px;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.topbar{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.brand{width:100%}.brand p{white-space:normal}.toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}.toolbar>.account-panel,.toolbar>.conflict-review,.toolbar>.recovery-review,.toolbar>.first-sync-panel,.toolbar>.first-sync-merge-review,.toolbar__actions,.toolbar__reset{grid-column:1 / -1;width:100%;max-width:none}.toolbar__sync{grid-column:1 / -1;width:100%;max-width:none}.toolbar__sync .sync-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;max-width:none;min-height:44px;align-items:center;column-gap:10px}.toolbar__sync .sync-controls strong,.toolbar__sync .sync-controls small{min-width:0}.toolbar__sync .sync-controls .button{grid-row:1 / span 2;grid-column:2;min-height:44px}.toolbar__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toolbar__actions .theme-control{grid-column:1 / -1}.toolbar__actions .button,.theme-control,.account-panel{width:100%;min-width:0;min-height:44px}.toolbar__reset{grid-column:1 / -1;width:auto;min-height:38px;justify-self:start;padding-inline:11px;border:1px dashed var(--border-strong);opacity:.82}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.tab{flex:0 0 auto}.financial-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-strip>div:nth-child(2){border-right:0}.financial-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.button,.tab{min-height:44px}.theme-control{display:flex}.account-panel{padding-block:9px}.theme-control select{flex:1;min-height:44px;text-overflow:ellipsis}.theme-control span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.theme-control select{width:100%}main{width:calc(100% - 28px);padding-top:18px}.year-bar{align-items:stretch;flex-direction:column}.year-bar>div{justify-content:space-between;width:100%}.year-bar select{height:44px}.summary-grid{gap:9px}.summary-card{padding:14px}.summary-card strong{font-size:18px}.tab{min-width:auto;padding:11px 13px}.sheet__header{align-items:flex-start;flex-direction:column}.sheet__header .button{width:100%}.monthly-table td input,.monthly-table td select{min-height:48px;font-size:16px}.icon-button{min-width:44px;min-height:44px}.toast{right:14px;bottom:14px;left:14px;text-align:center}}@media(max-width:480px){.first-sync-merge-review{width:100%;padding:10px}.first-sync-merge-review__context{grid-template-columns:minmax(0,1fr)}.first-sync-merge-review__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid,.financial-strip{grid-template-columns:minmax(0,1fr)}.financial-strip>div,.financial-strip>div:nth-child(2){border-right:0;border-bottom:1px solid var(--border)}.financial-strip>div:last-child{border-bottom:0}}