:root{--bg: #faf6f0;--surface: #fffcf8;--text: #3a3228;--muted: #8a7b6e;--primary: #c96b2c;--primary-hover: #a85522;--primary-rgb: 201, 107, 44;--border: #e9dfd4;--warn-bg: #fff4e5;--warn-border: #e6a817;--danger: #b42318;--radius: 12px;--touch: 44px;--sidebar-w: 220px;--bottom-nav-h: 64px;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh}#root{min-height:100dvh}.app-loading{display:grid;place-items:center;min-height:100dvh}.app-shell{display:grid;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:1fr var(--bottom-nav-h)}.sidebar{display:none}.main-column{display:flex;flex-direction:column;min-height:0;overflow:hidden}.main-content{flex:1;overflow:auto;padding:1rem 1rem calc(var(--bottom-nav-h) + 1rem);max-width:960px;width:100%;margin:0 auto}.nav-bottom{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);display:flex;background:var(--surface);border-top:1px solid var(--border);z-index:20;padding-bottom:env(safe-area-inset-bottom,0)}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch);border:none;background:transparent;color:var(--muted);font-size:.75rem;cursor:pointer}.nav-tab-icon{font-size:1.25rem}.nav-tab.active{color:var(--primary);font-weight:600}@media(min-width:768px){.app-shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr}.sidebar{display:flex;flex-direction:column;background:var(--primary);color:#fff;padding:1.25rem .75rem}.brand h1{margin:0 .5rem;font-size:1.15rem}.brand-sub{margin:0 .5rem 1rem;opacity:.85;font-size:.85rem}.nav-side{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.5rem;min-height:var(--touch);padding:0 .75rem;border:none;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-size:.95rem}.nav-item.active{background:#ffffff2e;font-weight:600}.nav-bottom{display:none}.main-content{padding:1.5rem 2rem 2rem}}.page-header h2{margin:0 0 .25rem}.muted{color:var(--muted);font-size:.9rem}.warn{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.card h3{margin:0 0 .75rem;font-size:1rem}.input{min-height:var(--touch);padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;width:100%}select.input{font-size:max(16px,1rem);padding-right:2.25rem}.sheet-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;cursor:pointer;background:var(--surface);color:var(--text);padding-right:2.75rem;position:relative}.sheet-select-trigger.input-inline,.sheet-select-compact{width:auto;min-width:6.5rem}.sheet-select-value{flex:1;font-size:max(16px,1rem);font-weight:500}.sheet-select-chevron{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:.85rem;color:var(--muted);pointer-events:none}.sheet-select-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#3a322873;display:flex;align-items:flex-end;justify-content:center;padding:0}.sheet-select-panel{width:100%;max-width:480px;max-height:min(70vh,420px);overflow:auto;background:var(--surface);border-radius:16px 16px 0 0;padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom,0));box-shadow:0 -8px 32px #0000001f}.sheet-select-heading{margin:0;padding:.5rem 1.25rem .75rem;font-size:.9rem;color:var(--muted);text-align:center;font-weight:600}.sheet-select-option{display:block;width:100%;min-height:52px;padding:.85rem 1.25rem;border:none;background:transparent;text-align:center;font-size:1.125rem;font-weight:500;color:var(--text);cursor:pointer}.sheet-select-option.selected{color:var(--primary);font-weight:700;background:rgba(var(--primary-rgb),.1)}.sheet-select-option:active{background:var(--bg)}.sheet-select-cancel{display:block;width:calc(100% - 2rem);margin:.5rem auto 0;min-height:var(--touch);border:none;border-radius:10px;background:var(--bg);font-size:1.05rem;color:var(--muted);cursor:pointer}@media(min-width:768px){.sheet-select-backdrop{align-items:center;padding:1rem}.sheet-select-panel{border-radius:var(--radius);padding-bottom:.75rem}}.input-short{max-width:6rem}.input-inline{width:auto;min-width:7rem}.input-date{max-width:11rem}.input-date-field{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding-right:.65rem}input[type=date].input{min-width:0}input[type=date].input::-webkit-date-and-time-value{text-align:left;min-width:0}input[type=date].input::-webkit-calendar-picker-indicator{width:1.35rem;height:1.35rem;margin:0 0 0 .25rem;padding:.15rem;cursor:pointer;opacity:.75}.btn{min-height:var(--touch);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:.95rem;cursor:pointer}.btn-small{min-height:36px;padding:.35rem .75rem;font-size:.85rem}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:var(--danger);border-color:#fecdca}.filters{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}@media(min-width:480px){.filters{flex-direction:row}.filters .input{flex:1}}.catalog-list,.purchase-list,.expense-list,.task-list,.status-list{list-style:none;margin:0;padding:0}.catalog-row,.expense-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.purchase-item{display:flex;flex-direction:column;gap:.5rem}.purchase-item-swipe{list-style:none}.purchase-item-swipe:not(:last-child) .swipe-delete-content-inner{box-shadow:0 1px 0 var(--border)}.swipe-delete-row{position:relative;overflow:hidden;background:var(--surface)}.swipe-delete-actions{position:absolute;top:0;right:0;bottom:0;width:76px;display:flex;align-items:stretch;justify-content:center;background:var(--danger);z-index:0;pointer-events:none;transform:translate3d(100%,0,0)}.swipe-delete-actions.is-visible{transform:translateZ(0);pointer-events:auto}.swipe-delete-btn{flex:1;width:100%;border:none;background:transparent;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;min-height:var(--touch)}.swipe-delete-content{position:relative;z-index:1;width:100%;background:var(--surface);touch-action:pan-y;cursor:grab;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .2s ease-out}.swipe-delete-content.is-dragging{transition:none}.swipe-delete-content-inner{background:var(--surface);box-sizing:border-box;width:100%;min-height:100%;padding:3px 2px 3px 0;margin:-3px 0}.swipe-delete-content:active{cursor:grabbing}.purchase-item-swipe .purchase-item{padding:.65rem 0}@media(min-width:480px){.catalog-row,.expense-row{flex-direction:row;align-items:center;justify-content:space-between}}.tag{display:inline-block;margin-left:.35rem;padding:.1rem .45rem;background:var(--bg);border-radius:6px;font-size:.75rem;color:var(--muted)}.purchase-fields{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.purchase-fields{flex-direction:row;flex-wrap:wrap}.purchase-fields .input{flex:1;min-width:120px}}.form-row{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.form-row{flex-direction:row;flex-wrap:wrap;align-items:center}.form-row .input{flex:1;min-width:140px}}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.section-head h3{margin:0}.empty-hint{padding:1rem 0}.unsaved-banner,.error-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;font-size:.9rem}.unsaved-banner{background:var(--warn-bg);border-bottom:1px solid var(--warn-border)}.error-banner{background:#fef3f2;border-bottom:1px solid #fecdca}.progress-overall{margin-top:.75rem}.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .2s ease}.progress-label{font-size:.85rem;color:var(--muted)}.phase-header{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:var(--touch);padding:0;border:none;background:none;text-align:left;cursor:pointer;font:inherit}.task-row{padding:.75rem 0;border-top:1px solid var(--border)}.task-check{display:flex;align-items:flex-start;gap:.5rem;min-height:var(--touch);cursor:pointer}.task-check input{width:1.25rem;height:1.25rem;margin-top:.35rem}.task-check .done{text-decoration:line-through;color:var(--muted)}.task-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-left:1.75rem}@media(min-width:640px){.task-meta{flex-direction:row}}.expense-summary{margin-top:.5rem}.summary-total{font-size:1.35rem;font-weight:700;margin:.25rem 0}.summary-cats{display:flex;flex-wrap:wrap;gap:.35rem}.form-grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted);min-width:0}.form-grid label .input{max-width:100%}.expense-draft-row .form-grid{grid-template-columns:1fr}.expense-add-panel .card{overflow:hidden}.form-actions{display:flex;gap:.5rem;margin-top:.75rem}.row-actions{display:flex;gap:.35rem;flex-shrink:0}.note{margin:.25rem 0 0;font-size:.9rem;color:var(--muted)}.action-grid{display:grid;gap:.5rem}@media(min-width:480px){.action-grid{grid-template-columns:1fr 1fr}}.stack-label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}.hint{margin-top:1rem;font-size:.85rem}.purchase-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.btn-add-purchase{flex-shrink:0}.purchase-list-panel,.expense-list-panel{position:relative;padding-bottom:4rem}.fab-add-purchase{display:none}@media(max-width:767px){.purchase-list-header .btn-add-purchase{display:none}.fab-add-purchase,.fab-add-expense{display:flex;align-items:center;justify-content:center;position:fixed;right:1rem;bottom:calc(var(--bottom-nav-h) + 1rem + env(safe-area-inset-bottom,0));width:56px;height:56px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:1.75rem;line-height:1;box-shadow:0 4px 12px rgba(var(--primary-rgb),.35);cursor:pointer;z-index:10}}.picker-subheader{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;position:sticky;top:0;z-index:5;background:var(--bg);padding:.25rem 0 .75rem}.picker-title{flex:1;margin:0;font-size:1.15rem;text-align:center}.picker-spacer{width:4.5rem;flex-shrink:0}.btn-back{min-height:var(--touch);min-width:var(--touch);padding:.5rem .75rem;flex-shrink:0}.expense-add-message{margin:0 0 .75rem;padding:.65rem .75rem;background:#fef3f2;border-radius:8px;color:var(--danger);font-size:.9rem}.expense-draft-total{margin:0 0 1rem}.expense-draft-row{margin-bottom:.75rem}.expense-add-actions{flex-wrap:wrap;margin-bottom:2rem}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--bg)}.auth-card{width:100%;max-width:420px}.auth-card h1{margin:0 0 .5rem;font-size:1.35rem}.auth-primary{width:100%;margin-top:.75rem}.auth-secondary,.auth-trial{width:100%;margin-top:.5rem}.auth-trial{margin-top:1.25rem;background:transparent;border:none;color:var(--muted);text-decoration:underline;min-height:var(--touch)}.auth-hint{margin:.75rem 0 0;font-size:.9rem;color:var(--primary)}.auth-error{margin:.75rem 0 0;color:var(--danger);font-size:.9rem}.auth-email-hint{margin:0 0 .5rem}.cloud-sync-banner{padding:.5rem 1rem;background:rgba(var(--primary-rgb),.12);font-size:.9rem;text-align:center}.cloud-error-banner{background:#fef3f2;border-bottom:1px solid #fecdca}.advanced-toggle{width:100%}.advanced-block{margin-top:.75rem}