@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#13322c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:#fffbf5d1;--surface-strong:#fffaf2;--border:#13322c1a;--primary:#1f5f52;--primary-strong:#143d34;--secondary:#d6b36a;--muted:#5f716d;--ink:#13322c;--shadow:0 18px 50px #16352f1a;background:radial-gradient(circle at 0 0,#d6b36a42,#0000 24rem),linear-gradient(#f5efe4 0%,#f4f1ec 38%,#eef4f0 100%);font-family:Manrope,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.app-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:1rem 0 2rem}.hero-panel,.feature-panel,.stat-card,.device-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-panel{grid-template-columns:1.2fr .95fr;align-items:stretch;gap:1rem;display:grid}.hero-panel-compact{grid-template-columns:1fr}.site-header{margin-bottom:1rem}.site-header-main{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#fffbf5cc;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid}.site-brand h1{font-size:clamp(.98rem,1.5vw,1.22rem)}.hero-copy,.feature-panel,.device-card,.stat-card{border:1px solid var(--border);background:var(--surface);border-radius:28px}.hero-copy{min-width:0;padding:1.5rem;overflow:hidden}.home-hero-copy{padding:1.35rem}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .75rem;font-size:.78rem;font-weight:800}h1,h2,strong{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1}h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.6rem,4vw,2.3rem)}.lead,.stat-card p,.timeline p,.device-balance span{color:var(--muted)}.lead{max-width:34rem;margin-top:1rem;font-size:1.02rem;line-height:1.7}.primary-action,.secondary-action{border:1px solid #0000;border-radius:999px;padding:.95rem 1.2rem}.primary-action{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#f9f6ef}.secondary-action{color:var(--primary-strong);background:#d6b36a24;border-color:#d6b36a80}.hero-compact{min-height:2.15rem;padding:.5rem .78rem;font-size:.84rem}.utility-bar{justify-content:flex-end;margin-bottom:.75rem;display:flex}.utility-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.55rem;max-width:100%;display:inline-flex;overflow-x:auto}.utility-user{border:1px solid var(--border);min-width:2.15rem;min-height:2.15rem;color:var(--primary-strong);letter-spacing:.04em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffbf5cc;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:.35rem .55rem;font-size:.82rem;font-weight:800;display:inline-flex}.device-card{background:linear-gradient(180deg, #11352df5, #1a4d42f5), var(--primary);color:#f4efe4;min-height:21rem;padding:1rem}.device-top,.device-reminders article{justify-content:space-between;align-items:center;display:flex}.device-top{opacity:.9;font-size:.84rem}.device-balance{padding:1.2rem 0 1rem}.device-balance p,.device-balance span{margin:0}.device-balance strong{margin:.35rem 0;font-size:2.25rem;display:block}.device-reminders{gap:.75rem;display:grid}.device-reminders article{background:#f7f1e514;border:1px solid #f7f1e514;border-radius:20px;padding:.95rem 1rem}.stats-grid,.content-grid{gap:1rem;margin-top:1rem;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.feature-panel{padding:1.25rem}.stat-card span{color:var(--muted);font-size:.92rem;display:block}.stat-card strong{letter-spacing:-.05em;margin:.65rem 0 .4rem;font-size:1.85rem;display:block}.content-grid{grid-template-columns:1.05fr .95fr}.panel-header{margin-bottom:1rem}.panel-header-inline{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.panel-header-side{color:var(--primary-strong)}.panel-mini-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.panel-mini-title{letter-spacing:-.03em;color:var(--primary-strong);font-family:Space Grotesk,sans-serif;font-size:.96rem;font-weight:700;line-height:1.2}.module-list{flex-wrap:wrap;gap:.75rem;display:flex}.module-list span{background:#1f5f5212;border:1px solid #1f5f521a;border-radius:18px;align-items:center;min-height:3rem;padding:.8rem 1rem;display:inline-flex}.timeline{gap:1rem;display:grid}.timeline div{background:#d6b36a1a;border:1px solid #d6b36a2e;border-radius:20px;padding:1rem}.timeline strong{margin-bottom:.4rem;display:block}@media (width<=900px){.hero-panel,.stats-grid,.content-grid{grid-template-columns:1fr}.site-header-main{grid-template-columns:1fr;align-items:stretch}.site-nav .tab-button{flex:none;min-width:7.4rem}.app-shell{width:min(100% - 1rem,42rem);padding-top:.5rem}}@media (width<=640px){.hero-copy,.feature-panel,.stat-card,.device-card{border-radius:24px}.app-shell{width:calc(100% - .75rem)}.hero-copy,.feature-panel,.stat-card,.device-card{padding:1rem}.primary-action,.secondary-action{justify-content:center;width:100%}.utility-bar{justify-content:stretch}.utility-actions{justify-content:flex-end;width:100%}}.app-top{margin-bottom:1rem}.auth-grid,.app-grid{align-items:start}.auth-grid{grid-template-columns:minmax(0,28rem);place-content:start center;min-height:calc(100vh - 3rem);margin-top:0;padding-top:clamp(3.5rem,10vh,6rem)}.auth-grid>.feature-panel{width:100%;margin-inline:auto}.notice{border:1px solid var(--border);background:var(--surface);z-index:30;width:min(100vw - 2rem,24rem);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:.75rem;margin:0;padding:.9rem 1rem;display:flex;position:fixed;top:1rem;right:1rem}.notice-success{border-color:#1f5f522e}.notice-error{border-color:#b53d3d3d}.stack-form{gap:.9rem;display:grid}.stack-form label,.toggle{gap:.45rem;display:grid}.stack-form span,.toggle span{color:var(--muted);font-size:.9rem}.stack-form input,.stack-form select,.stack-form textarea{color:#13322c;background:#ffffffb3;border:1px solid #13322c24;border-radius:16px;width:100%;padding:.95rem 1rem}.stack-form textarea{resize:vertical;min-height:6rem}.field-note{color:var(--muted);margin-top:-.1rem;font-size:.8rem;line-height:1.4;display:block}.table-screen{margin-top:1rem}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.table-toolbar .panel-header{margin-bottom:0}.table-toolbar-title{font-size:.86rem}.table-action{padding-block:.72rem;padding-inline:.9rem;font-size:.84rem}.data-table-shell{background:#ffffff85;border:1px solid #13322c14;border-radius:22px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:700px;font-size:.9rem}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #13322c14;padding:.72rem .85rem}.data-table th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#fffbf5d1;font-size:.74rem;font-weight:800}.data-table tbody tr:hover{background:#13322c09}.data-table tbody tr:last-child td{border-bottom:none}.table-row-actions{flex-wrap:nowrap;justify-content:flex-start;gap:.4rem;margin-top:0}.table-primary-cell{gap:.3rem;display:grid}.table-primary-cell-split{justify-content:space-between;align-items:center;gap:1rem;display:flex}.table-actions-end{justify-content:flex-end}.table-empty{color:var(--muted);text-align:center!important;padding:1.4rem 1rem!important}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11241f6b;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{width:min(100%,44rem);max-height:calc(100vh - 2rem);overflow:auto}.modal-head{align-items:center}.modal-close{width:auto;min-height:2.3rem}.modal-form{margin-top:.25rem}.field-grid,.toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.toggle{background:#ffffff8c;border:1px solid #13322c1a;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;padding:.9rem 1rem}.toggle input{margin:0}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.dashboard-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#fffbf5b8;border-radius:24px;padding:1.1rem 1.15rem}.dashboard-card span,.mini-card span{color:var(--muted);font-size:.88rem;display:block}.dashboard-card strong,.mini-card strong{letter-spacing:-.05em;margin-top:.45rem;font-family:Space Grotesk,sans-serif;font-size:1.4rem;display:block}.dashboard-card p,.mini-card p{color:var(--muted);margin:.45rem 0 0}.dashboard-card-primary{color:#f8f4ed;background:linear-gradient(135deg,#143d34f2,#1f5f52eb)}.dashboard-card-primary span,.dashboard-card-primary p{color:#f8f4edc7}.dashboard-balance{font-size:clamp(1.85rem,5vw,2.7rem)}.dashboard-inline{margin-top:.65rem}.status-chip{min-height:2.2rem;color:var(--primary-strong);background:#ffffff9e;border:1px solid #13322c14;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.88rem;font-weight:700;display:inline-flex}.status-dot{opacity:.24;background:currentColor;border-radius:999px;width:.65rem;height:.65rem;box-shadow:0 0 0 .22rem}.status-ok{color:#1f5f52}.status-sync{color:#b5792f}.status-warning{color:#a44c2a}.status-idle{color:#6a7c77}.tab-shell{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#13322c38 transparent;cursor:grab;background:#fffbf599;border-radius:22px;flex-wrap:nowrap;justify-content:flex-start;gap:.45rem;width:100%;max-width:100%;margin:1rem 0;padding:.38rem;display:flex;overflow:auto hidden}.tab-shell.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.site-nav{width:100%;min-width:0;margin:0;overflow:auto hidden}.tab-shell::-webkit-scrollbar{height:.42rem}.tab-shell::-webkit-scrollbar-thumb{background:#13322c2e;border-radius:999px}.tab-shell::-webkit-scrollbar-track{background:0 0}.tab-button{min-width:max-content;color:var(--muted);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:18px;flex:none;justify-content:space-between;align-items:center;gap:.6rem;padding:.78rem .92rem;transition:background-color .16s,color .16s,transform .16s;display:inline-flex}.site-nav .tab-button{flex:none;min-width:max-content}.tab-button:hover{background:#13322c0f;transform:translateY(-1px)}.tab-button small{min-width:1.65rem;min-height:1.65rem;color:var(--primary-strong);background:#d6b36a38;border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.78rem;display:inline-flex}.tab-button-active,.tab-button-active:hover,.tab-button-active:focus,.tab-button-active:focus-visible,.tab-button-active:active{background:linear-gradient(135deg,#143d34f2,#1f5f52eb);border-color:#f8f4ed29;outline:none;box-shadow:0 12px 28px #143d342e;color:#f8f4ed!important}.tab-button-active span,.tab-button-active:hover span,.tab-button-active:focus span,.tab-button-active:focus-visible span,.tab-button-active:active span{color:#f8f4ed!important}.tab-button-active small,.tab-button-active:hover small,.tab-button-active:focus small,.tab-button-active:focus-visible small,.tab-button-active:active small{background:#f8f4ed29;color:#f8f4ed!important}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.mini-card{background:#ffffff85;border:1px solid #13322c14;border-radius:20px;padding:1rem}.quick-actions{flex-wrap:wrap;gap:.7rem;margin:0 0 1rem;display:flex}.list-block{gap:.8rem;margin-top:1rem;display:grid}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-tile{background:#ffffff80;border:1px solid #13322c14;border-radius:20px;padding:1rem}.report-tile span{color:var(--muted);font-size:.9rem;display:block}.report-tile strong{margin-top:.5rem;font-size:1.4rem;display:block}.report-row{background:#ffffff75;border:1px solid #13322c14;border-radius:20px;padding:1rem}.report-row-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.report-row-meta{color:var(--muted);margin-top:.65rem}.report-bars{gap:.45rem;margin-top:.9rem;display:grid}.report-bar-track{background:#13322c14;border-radius:999px;width:100%;height:.55rem;overflow:hidden}.report-bar{border-radius:inherit;height:100%;display:block}.report-bar-income{background:linear-gradient(90deg,#1f5f52,#3b8f7e)}.report-bar-expense{background:linear-gradient(90deg,#d6b36a,#c48644)}.report-positive{color:#1f5f52}.report-negative{color:#a44c2a}.list-row,.entry-row{background:#ffffff73;border:1px solid #13322c14;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.list-row-main{align-items:center;gap:.8rem;display:flex}.swatch{border:1px solid #13322c1f;border-radius:999px;flex:none;width:.9rem;height:.9rem;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff47}.entry-meta{text-align:right}.action-row{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-top:.45rem;display:flex}.inline-button{color:var(--ink);font-size:.82rem;font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #13322c1f;border-radius:999px;padding:.35rem .68rem;transition:background-color .16s,border-color .16s,transform .16s}.inline-button:hover{background:#13322c14;border-color:#13322c3d;transform:translateY(-1px)}.list-row p,.entry-row p,.empty-copy{color:var(--muted);margin:.2rem 0 0}.loading-panel{margin-top:1rem}@media (width<=640px){.dashboard-strip,.field-grid,.toggle-row,.report-grid,.mini-grid{grid-template-columns:1fr}.notice,.list-row,.entry-row{flex-direction:column;align-items:flex-start}.entry-meta{text-align:left}.action-row{justify-content:flex-start}.data-table{min-width:640px}.dashboard-card,.mini-card,.feature-panel,.hero-copy,.device-card{border-radius:22px}.tab-button{min-width:7.4rem}.table-toolbar{align-items:stretch}.modal-backdrop{align-items:flex-end;padding:.6rem}.modal-panel{width:100%;max-height:calc(100vh - 1.2rem)}}