:root{color:#27313a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f6f7;font-family:Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,.file-button{min-height:48px}#root{min-height:100svh}@media (prefers-color-scheme:dark){:root{color:#e8eff1;background:#080a0b}}.app-shell{max-width:1080px;margin:0 auto;padding:24px 28px 64px}.app-header{justify-content:space-between;align-items:end;gap:24px;padding:18px 0 28px;display:flex}.admin-toggle{color:#286b70;background:#fff;border:1px solid #b8c9cc}.eyebrow{color:#6e7c84;letter-spacing:1.5px;margin:0 0 4px;font-size:12px;font-weight:700}h1{color:#17232b;letter-spacing:-1px;margin:0;font-size:clamp(32px,5vw,52px)}h2{color:#263740;margin:0 0 18px;font-size:21px}.device-field,.month-picker{color:#66747b;gap:6px;font-size:13px;font-weight:700;display:grid}input,select{color:#27313a;background:#fff;border:1px solid #ccd6d9;border-radius:10px;min-height:48px;padding:10px 14px}.device-field input{min-width:180px}.action-bar{background:#fff;border:1px solid #dce5e7;border-radius:16px;flex-wrap:wrap;gap:12px;padding:18px;display:flex;box-shadow:0 8px 24px #283d460f}.admin-panel{align-items:end;margin-bottom:18px}.admin-panel h2{flex-basis:100%;margin:0}.tab-bar{border-bottom:1px solid #dce5e7;gap:8px;margin:4px 0 18px;display:flex}.tab-bar button{color:#718087;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0}.tab-bar button.active{color:#287f83;border-bottom-color:#287f83;font-weight:800}button,.file-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}button:hover,.file-button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #283d461f}.primary-action{color:#fff;background:#287f83;border:0}.secondary-action{color:#286b70;background:#fff;border:1px solid #b8c9cc}.file-button input{display:none}.status-message{color:#24665a;background:#e7f3ef;border-radius:10px;margin:14px 0;padding:12px 16px;font-size:14px}main{gap:18px;margin-top:20px;display:grid}main>section{background:#fff;border:1px solid #dce5e7;border-radius:16px;padding:22px;box-shadow:0 6px 18px #283d460a}.month-section{gap:20px;display:grid}.month-picker{width:170px}.formatted-month{color:#263740;font-size:22px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.summary-grid div{background:#f4f7f7;border-radius:12px;gap:5px;padding:15px;display:grid}.summary-grid span{color:#718087;font-size:13px}.summary-grid strong{color:#263740;font-size:21px}.income{color:#287f69!important}.expense{color:#c6534e!important}.transfer{color:#718087!important}.category-breakdown{align-items:center;gap:30px;width:100%;min-width:0;display:flex}.pie-chart{border-radius:50%;flex:0 0 190px;place-items:center;width:190px;max-width:100%;height:190px;display:grid}.pie-hole{background:#fff;border:12px solid #fff;border-radius:50%;width:92px;height:92px}.category-list{flex:auto;min-width:0;margin:0;padding:0;list-style:none}.category-list li{border-bottom:1px solid #edf1f2;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px 0;font-size:14px;display:grid}.category-summary-row{display:block!important}.category-summary-button{width:100%;min-width:0;min-height:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:12px minmax(0,1fr) auto;padding:0;display:grid}.category-summary-button span{overflow-wrap:anywhere;min-width:0}.category-summary-button strong{white-space:nowrap;min-width:0}.category-summary-button:hover{box-shadow:none;color:#287f83;transform:none}.category-list strong{color:#34454d}.category-dot{border-radius:50%;width:10px;height:10px}.filter-section{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.filter-section h2{flex-basis:100%}.filter-section input{flex:1;min-width:220px}.filter-section select{min-width:190px}.filter-section p{color:#718087;width:100%;margin:0;font-size:13px}.uncategorized-count{color:#977127;margin:0;font-size:14px}.table-wrap{background:#fff;border:1px solid #dce5e7;border-radius:14px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}th{color:#64747b;white-space:nowrap;background:#f1f5f5;font-size:12px}th,td{border-bottom:1px solid #edf1f2;padding:12px 14px}td{color:#34454d;font-size:14px}td select{min-height:40px;padding:6px 10px}.transaction-kind select{width:100%}.mobile-category-icon{display:none}.date-group-row th{color:#52656d;text-align:left;background:0 0;border-bottom:0;padding:14px 14px 7px;font-size:16px}.uncategorized-row{background:#fff9e8}.owner-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.owner-card{background:#f4f7f7;border:1px solid #dce5e7;border-radius:12px;padding:16px}.owner-card h3{color:#263740;margin:0 0 12px}.owner-card p{justify-content:space-between;margin:6px 0;font-size:14px;display:flex}.owner-card small{color:#718087}.asset-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.asset-section-header h2{margin:0}.asset-section-header span{color:#718087;font-size:13px}.asset-add-form{grid-template-columns:minmax(0,1.5fr) minmax(130px,1fr) auto;align-items:end;gap:10px;margin:16px 0;display:grid}.asset-add-form label{color:#66747b;gap:6px;font-size:12px;font-weight:700;display:grid}.asset-add-form input,.asset-add-form select{box-sizing:border-box;width:100%}.asset-add-form button{white-space:nowrap}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.asset-card{background:#f4f7f7;border:1px solid #dce5e7;border-radius:12px;gap:12px;padding:16px;display:grid}.asset-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.asset-name-field{color:#66747b;flex:1;gap:4px;font-size:11px;font-weight:700;display:grid}.asset-name-field input{box-sizing:border-box;width:100%;min-width:0}.asset-card h3{color:#263740;margin:0}.asset-type-badge{color:#286b70;background:#dfeff0;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.asset-balance-field{color:#66747b;gap:6px;font-size:12px;font-weight:700;display:grid}.asset-balance{color:#263740;font-size:24px}.detail-list{margin:0;padding:0;list-style:none}.detail-list li{border-bottom:1px solid #edf1f2;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.category-detail-page h2{margin-top:22px}.back-button{color:#287f83;background:0 0;border:0;padding:4px 0}.back-button:hover{box-shadow:none;text-decoration:underline;transform:none}.detail-period{color:#718087;margin:-8px 0 14px;font-size:14px}.manual-entry-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.manual-entry-header h2{margin:0}.manual-entry-toggle{width:auto}.manual-entry-form{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) auto;align-items:end;gap:10px;width:100%;min-width:0;display:grid}.manual-entry-form label{color:#66747b;gap:6px;width:100%;min-width:0;max-width:100%;font-size:12px;font-weight:700;display:grid;overflow:hidden}.manual-entry-form input,.manual-entry-form select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.manual-entry-form input[type=date]{appearance:none;width:100%;min-width:0;max-width:100%}.manual-entry-form button{white-space:nowrap}@media (width<=680px){.app-shell{padding:14px 14px 40px}.app-header{flex-direction:column;align-items:stretch;gap:18px}.device-field input{width:100%}.action-bar{padding:14px;display:grid}button,.file-button{width:100%}.manual-entry-header{flex-direction:column;align-items:flex-start}.manual-entry-toggle{width:100%}.app-header .admin-toggle{align-self:flex-start;width:auto}.tab-bar button{flex:1;width:auto;padding-inline:8px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-grid strong{font-size:18px}.formatted-month{font-size:20px}.category-breakdown{flex-direction:column;align-items:stretch}.pie-chart{align-self:center}main>section{padding:18px 15px}.table-wrap{background:0 0;border:0;overflow:visible}table,tbody,tr,td{width:100%;min-width:0;display:block}table{text-align:left}thead{display:none}tbody{gap:10px;display:grid}tbody tr{background:#fff;border:1px solid #dce5e7;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;padding:10px 14px;display:grid}tbody tr.uncategorized-row{background:#fff9e8}td{border-bottom:0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:7px 0;font-size:13px;display:grid}.date-group-row{background:0 0;border:0;padding:0;display:block}.date-group-row th{color:#52656d;background:0 0;padding:14px 4px 6px;font-size:15px;display:block}.mobile-category-icon{background:#eef4f3;border-radius:10px;grid-area:2/1;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:21px;display:flex}.mobile-category-icon:before{display:none}.transaction-content{overflow-wrap:anywhere;grid-area:2/2;min-width:0;padding:7px 4px;display:block}.transaction-amount{white-space:nowrap;grid-area:2/3;padding:7px 0 7px 6px;font-size:15px;font-weight:700;display:block}.transaction-category{grid-area:3/1/auto/-1;display:grid}.transaction-category .category-icon{display:none}.transaction-kind{grid-area:4/1/auto/-1;display:grid}.transaction-kind select{width:100%}td:before{content:attr(data-label);color:#718087;font-size:12px;font-weight:700}td.transaction-content:before,td.transaction-amount:before{display:none}td.transaction-content{font-weight:700}td select{width:100%;min-height:40px}}@media (width<=860px){.category-breakdown{flex-direction:column;align-items:stretch;gap:18px}.pie-chart{align-self:center}}@media (prefers-color-scheme:dark){.app-shell{color:#e8eff1}h1,h2,.summary-grid strong,.formatted-month{color:#f2f7f8}.eyebrow,.device-field,.month-picker,.summary-grid span,.filter-section p,.uncategorized-count{color:#a9b8bd}.action-bar,main>section,.table-wrap{background:#151719;border-color:#30363a;box-shadow:0 8px 24px #00000059}input,select{color:#f4f7f8;background:#0f1112;border-color:#42494d}.secondary-action,.admin-toggle{color:#e5eeee;background:#1d2022;border-color:#4a5256}.status-message{color:#b9eddf;background:#1d493f}.summary-grid div{background:#202326}.category-list li,th,td{border-color:#34464d}.category-list strong,td{color:#e1e8e9}th{color:#d4dddf;background:#202326}.date-group-row th{color:#fff}.pie-hole{background:#151719;border-color:#151719}.uncategorized-row{background:#4b4025}.admin-toggle{color:#b8e3e1;background:#263b43;border-color:#547078}.tab-bar{border-color:#34464d}.tab-bar button{color:#a9b8bd}.tab-bar button.active{color:#b8e3e1;border-bottom-color:#8ed4d0}.owner-card{background:#293d45;border-color:#34464d}.owner-card h3{color:#f2f7f8}.owner-card small{color:#a9b8bd}.asset-card{background:#293d45;border-color:#34464d}.asset-card h3{color:#f2f7f8}.asset-type-badge{color:#b8e3e1;background:#314a50}.asset-balance{color:#f2f7f8}.detail-list li{border-color:#34464d}.manual-entry-form label{color:#a9b8bd}tbody tr{background:#151719;border-color:#30363a}tbody tr.uncategorized-row{background:#4b4025}td:before{color:#a9b8bd}.mobile-category-icon{background:#292d30}}@media (width<=860px){.manual-entry-form{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-entry-form button{grid-column:1/-1}.asset-add-form{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-add-form button{grid-column:1/-1}}@media (width<=560px){.manual-entry-form{grid-template-columns:minmax(0,1fr)}.manual-entry-form button{grid-column:auto}.asset-add-form{grid-template-columns:minmax(0,1fr)}.asset-add-form button{grid-column:auto}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}