:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#22263a;--border:#2e3350;--accent:#e8a838;--accent2:#5b8dee;--danger:#e85050;--warn:#e8a838;--ok:#4cbb8a;--text:#e8eaf2;--muted:#7880a0;--accent-btn:#e8a838;--mono:'JetBrains Mono',monospace;--sans:'Inter',system-ui,sans-serif;--temp-tint:rgba(0,0,0,0);--surface-opacity:0.82;--glass-blur:14px;--glass-border:rgba(255,255,255,0.07);--glass-shadow:0 8px 32px rgba(0,0,0,0.45),0 1px 0 rgba(255,255,255,0.05) inset;--card-shadow:0 2px 12px rgba(0,0,0,0.35),0 1px 0 rgba(255,255,255,0.04) inset;--card-shadow-hover:0 6px 24px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.06) inset}html[data-theme=light]{--bg:#f5f3ec;--surface:#ffffff;--surface2:#ebe8df;--border:#d8d4c8;--accent:#8f6005;--accent-btn:#d99a1f;--accent2:#3b6fd0;--danger:#c83838;--warn:#8f6005;--ok:#287052;--text:#1a1d27;--muted:#5c6173;--glass-border:rgba(0,0,0,0.08);--glass-shadow:0 8px 24px rgba(0,0,0,0.08),0 1px 0 rgba(255,255,255,0.6) inset;--card-shadow:0 2px 8px rgba(0,0,0,0.06),0 1px 0 rgba(255,255,255,0.5) inset;--card-shadow-hover:0 6px 20px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.6) inset}html[data-theme=hc]{--bg:#000000;--surface:#0a0a0a;--surface2:#1a1a1a;--border:#aaaaaa;--accent:#ffcc33;--accent-btn:#ffcc33;--accent2:#7dc4ff;--danger:#ff8888;--warn:#ffcc33;--ok:#7dee9e;--text:#ffffff;--muted:#e0e0e0;--temp-tint:rgba(0,0,0,0);--surface-opacity:1;--glass-blur:0px;--glass-border:#aaaaaa;--glass-shadow:none;--card-shadow:0 0 0 1px #aaaaaa;--card-shadow-hover:0 0 0 2px var(--accent)}html[data-theme=hc] #app-nav,html[data-theme=hc] #omnibox,html[data-theme=hc] #tabs,html[data-theme=hc] .acc-sec-card,html[data-theme=hc] .acc-sec-input,html[data-theme=hc] .budget-tab,html[data-theme=hc] .department-row,html[data-theme=hc] .dropdown,html[data-theme=hc] .glass,html[data-theme=hc] .grocery-picker-card,html[data-theme=hc] .item-card,html[data-theme=hc] .modal,html[data-theme=hc] .note-card,html[data-theme=hc] .pop,html[data-theme=hc] .settings-card,html[data-theme=hc] .settings-collapsible-header,html[data-theme=hc] input,html[data-theme=hc] select,html[data-theme=hc] textarea{background:var(--surface)!important;border-color:var(--border)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 0 0 1px var(--border)!important}html[data-theme=hc] #app-header,html[data-theme=hc] #app-nav{background:var(--bg)!important;border-right:2px solid var(--border)!important}html[data-theme=hc] .app-nav-link:hover,html[data-theme=hc] .btn:hover,html[data-theme=hc] .grocery-picker-card:hover,html[data-theme=hc] .item-card:hover,html[data-theme=hc] .note-card:hover,html[data-theme=hc] .tab:hover{box-shadow:0 0 0 2px var(--accent)!important;transform:none!important}html[data-theme=hc] .app-nav-link.active,html[data-theme=hc] .budget-tab.active,html[data-theme=hc] .tab.active{background:var(--accent)!important;color:#000!important;box-shadow:0 0 0 2px var(--accent)!important}html[data-theme=hc] .btn-primary,html[data-theme=hc] button.primary{background:var(--accent)!important;color:#000!important;border:2px solid var(--accent)!important}html[data-theme=hc] .btn-secondary,html[data-theme=hc] button:not(.primary):not(.theme-seg-btn){background:var(--bg)!important;color:var(--text)!important;border:2px solid var(--border)!important}html[data-theme=hc] .card-meta,html[data-theme=hc] .muted,html[data-theme=hc] small{color:var(--muted)!important}#app-header,#app-nav,.acc-sec-card,.btn,.item-card,.modal,.note-card,.settings-card,.tab,body,html,input,select,textarea{transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media (prefers-reduced-motion:reduce){#app-header,#app-nav,.acc-sec-card,.btn,.item-card,.modal,.note-card,.settings-card,.tab,body,html,input,select,textarea{transition:none}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}body::after{content:'';position:fixed;inset:0;background:var(--temp-tint);pointer-events:none;z-index:1;transition:background 3s ease}body.wizard-active #app-header,body.wizard-active #cloud-ahead-banner,body.wizard-active #incomplete-banner,body.wizard-active #install-banner,body.wizard-active #main,body.wizard-active #sync-queue-bar{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,168,56,.3)}.btn:focus-visible,.grocery-picker-card:focus-visible,.item-card:focus-visible,.tab:focus-visible,a.btn:focus-visible,button:focus-visible{border-radius:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-100px;left:8px;z-index:9999;padding:10px 16px;background:var(--accent);color:#000;font-weight:700;font-size:14px;border-radius:6px;text-decoration:none;transition:top .15s}.skip-link:focus,.skip-link:focus-visible{top:8px;outline:3px solid var(--text);outline-offset:2px}html{--text-scale:1}html[data-text-scale="s"]{--text-scale:0.875}html[data-text-scale="m"]{--text-scale:1}html[data-text-scale="l"]{--text-scale:1.15}html[data-text-scale=xl]{--text-scale:1.30}#main{zoom:var(--text-scale)}#app-nav{display:none}.app-nav-link{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:10px 14px;border-radius:8px;border:none;background:0 0;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s;-webkit-tap-highlight-color:transparent}.app-nav-link:hover{background:rgba(232,168,56,.07);color:var(--text)}.app-nav-link.active{background:rgba(232,168,56,.12);color:var(--accent);font-weight:700}.app-nav-sync-pill{width:100%;justify-content:flex-start;margin-bottom:4px;font-size:12px}#install-banner{display:none;position:fixed;bottom:0;left:0;right:0;z-index:997;background:var(--surface);border-top:1px solid var(--border);padding:14px 20px;align-items:center;gap:12px;box-shadow:0 -4px 20px rgba(0,0,0,.3)}#install-banner.show{display:flex}.install-icon{font-size:28px;flex-shrink:0}.install-text{flex:1;min-width:0}.install-text strong{display:block;font-size:14px;margin-bottom:2px}.install-text span{font-size:12px;color:var(--muted)}#app-header{background:rgba(26,29,39,var(--surface-opacity));border-bottom:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(255,255,255,.04),0 4px 20px rgba(0,0,0,.3)}.logo{font-family:var(--mono);font-size:16px;letter-spacing:3px;color:var(--accent);font-weight:700}.logo span{color:var(--muted);font-weight:400}.brand-logo{display:inline-block;flex-shrink:0;transform:translateY(-1px)}#wizard-footer,#wizard-header{display:none}body.wizard-active #wizard-footer,body.wizard-active #wizard-header{display:block;position:fixed;left:0;right:0;z-index:301;background:rgba(15,17,23,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.wizard-active #wizard-header{top:0;border-bottom:1px solid var(--glass-border)}body.wizard-active #wizard-footer{bottom:0;border-top:1px solid var(--glass-border)}html[data-theme=light] body.wizard-active #wizard-footer,html[data-theme=light] body.wizard-active #wizard-header{background:rgba(245,243,236,.85)}html[data-theme=hc] body.wizard-active #wizard-footer,html[data-theme=hc] body.wizard-active #wizard-header{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}.wb-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.wb-inner-footer{padding:16px 24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.wb-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;font-size:17px;letter-spacing:3px;color:var(--accent);text-decoration:none}.wb-inner-footer .wb-brand{font-size:14px}.wb-actions{display:flex;align-items:center;gap:10px}.wb-actions .btn{font-size:14px;padding:10px 18px;border-radius:8px}.wb-footer-links{display:flex;gap:18px}.wb-footer-links a{color:var(--muted);text-decoration:none;transition:color .15s}.wb-footer-links a:hover{color:var(--text)}.wb-footer-meta{font-family:var(--mono);font-size:11px;letter-spacing:1px}body.wizard-active #wizard{padding-top:72px;padding-bottom:60px}@media (max-width:560px){.wb-inner{padding:12px 14px;gap:8px}.wb-actions{gap:6px}.wb-actions .btn{padding:9px 12px;font-size:13px}.wb-brand{font-size:14px;letter-spacing:2px}.wb-inner-footer{padding:14px 14px;gap:10px;justify-content:center;text-align:center}.wb-footer-links{gap:12px}body.wizard-active #wizard{padding-top:60px;padding-bottom:90px}}.btn{font-family:var(--sans);font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .18s cubic-bezier(.34,1.56,.64,1);position:relative}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent-btn);color:#111;box-shadow:0 2px 8px rgba(232,168,56,.3),0 1px 0 rgba(255,255,255,.15) inset}.btn-primary:hover{background:#f0b84a;box-shadow:0 4px 16px rgba(232,168,56,.45),0 1px 0 rgba(255,255,255,.2) inset;transform:translateY(-1px)}.btn-ghost{background:rgba(255,255,255,.04);color:var(--muted);border:1px solid var(--glass-border);backdrop-filter:blur(4px)}.btn-ghost:hover{color:var(--text);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.btn-danger{background:0 0;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 14px rgba(232,80,80,.35)}.btn-blue{background:var(--accent2);color:#fff}.btn-blue:hover{background:#6f9ff5}.btn-icon{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;padding:5px 8px;font-size:12px;transition:all .15s}.btn-icon:hover{color:var(--text);border-color:var(--muted)}#main{max-width:1100px;margin:0 auto;padding:24px 16px}#tabs{display:flex;gap:4px;margin-bottom:24px;background:rgba(26,29,39,.7);border:1px solid var(--glass-border);border-radius:10px;padding:4px;width:fit-content;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tab{font-family:var(--sans);font-size:13px;font-weight:700;padding:8px 18px;border-radius:7px;border:none;cursor:pointer;background:0 0;color:var(--muted);transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:5px}.tab.active{background:var(--accent-btn);color:#111;box-shadow:0 2px 8px rgba(232,168,56,.35)}@keyframes ripple-expand{to{transform:scale(1);opacity:0}}@keyframes spin-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}100%{transform:scale(1);opacity:1}}@keyframes loading-slide{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}100%{transform:translateX(-100%)}}.view{display:none}.view.active{display:block}#presence-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.presence-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid var(--bg);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .3s;cursor:default;position:relative;flex-shrink:0}.presence-avatar .presence-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.presence-avatar:hover .presence-tooltip{opacity:1}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);border:2px solid var(--bg);position:absolute;bottom:-1px;right:-1px}@keyframes presence-pulse{0%,100%{opacity:1}50%{opacity:.5}}.presence-avatar.shopping .presence-dot{background:var(--accent);animation:presence-pulse 1.5s infinite}@keyframes vt-slide-in-right{from{transform:translateX(28px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes vt-slide-in-left{from{transform:translateX(-28px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes vt-slide-out-right{from{transform:translateX(0);opacity:1}to{transform:translateX(28px);opacity:0}}@keyframes vt-slide-out-left{from{transform:translateX(0);opacity:1}to{transform:translateX(-28px);opacity:0}}@keyframes vt-fade-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes vt-fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}::view-transition-old(main-view){animation:220ms cubic-bezier(.4,0,.2,1) both vt-slide-out-left}::view-transition-new(main-view){animation:260ms cubic-bezier(.4,0,.2,1) both vt-slide-in-right}::view-transition-old(main-view-back){animation:220ms cubic-bezier(.4,0,.2,1) both vt-slide-out-right}::view-transition-new(main-view-back){animation:260ms cubic-bezier(.4,0,.2,1) both vt-slide-in-left}::view-transition-old(modal-layer){animation:90ms ease both vt-fade-out}::view-transition-new(modal-layer){animation:110ms ease both vt-fade-in}#main{view-transition-name:none}#view-content{view-transition-name:main-view}@media (prefers-reduced-motion:reduce){::view-transition-new(*),::view-transition-old(*){animation:none!important}}#filter-bar{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}#filter-panel{display:none}.filter-chip{font-size:12px;font-weight:600;padding:6px 14px;border-radius:99px;border:1px solid var(--border);background:0 0;color:var(--muted);cursor:pointer;transition:all .15s}.filter-chip.active{background:var(--surface2);color:var(--text);border-color:var(--muted)}#items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--card-shadow)}.item-card:hover{border-color:rgba(255,255,255,.12);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card-category{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.card-name{font-size:16px;font-weight:700;line-height:1.25}.card-btns{display:flex;gap:5px;flex-shrink:0}.stock-bar-wrap{margin-bottom:12px}.stock-bar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-family:var(--mono);margin-bottom:4px}.stock-bar{height:6px;background:var(--surface2);border-radius:99px;overflow:hidden}.stock-bar-fill{height:100%;border-radius:99px;transition:width .4s}.card-meta{display:flex;gap:16px;margin-bottom:10px}.meta-item{font-size:11px;color:var(--muted)}.meta-item strong{display:block;font-size:13px;font-weight:700;color:var(--text);font-family:var(--mono)}.cadence-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;font-family:var(--mono);padding:3px 8px;border-radius:99px;text-transform:uppercase;margin-right:6px}.badge-monthly{background:rgba(91,141,238,.15);color:var(--accent2)}.badge-bulk{background:rgba(76,187,138,.15);color:var(--ok)}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;font-family:var(--mono);padding:3px 8px;border-radius:99px}.card-link{font-size:11px;color:var(--accent2);text-decoration:none;display:block;margin:8px 0}.card-link:hover{text-decoration:underline}.log-btn{width:100%;justify-content:center;margin-top:10px}.empty-state{text-align:center;padding:80px 20px;color:var(--muted);grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:0}.empty-state .empty-icon{width:48px;height:48px;color:var(--muted);margin-bottom:20px;opacity:.5}.empty-state .empty-icon svg{width:48px;height:48px}.empty-state h3{font-size:18px;font-weight:700;color:var(--text);font-family:var(--sans);margin-bottom:8px}.empty-state p{font-size:13px;line-height:1.7;margin-bottom:24px;color:var(--muted);font-family:var(--sans);max-width:380px}.report-section{margin-bottom:28px}.report-section h3{font-size:13px;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;padding-bottom:8px;margin-bottom:14px;border-bottom:1px solid}.report-table{width:100%;border-collapse:collapse}.report-table th{text-align:left;font-size:11px;color:var(--muted);font-family:var(--mono);padding:8px 10px;border-bottom:1px solid var(--border)}.report-table td{padding:11px 10px;font-size:13px;border-bottom:1px solid rgba(46,51,80,.4);vertical-align:middle}.report-table tr:last-child td{border-bottom:none}#need-to-buy{background:rgba(232,80,80,.08);border:1px solid rgba(232,80,80,.3);border-radius:12px;padding:20px;margin-bottom:28px}#need-to-buy h3{font-size:13px;font-weight:700;color:var(--danger);margin-bottom:10px}.buy-chips{display:flex;flex-wrap:wrap;gap:8px}.buy-chip{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.sl-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 14px;margin-bottom:8px;transition:border-color .15s}.sl-item:hover{border-color:var(--muted)}.sl-item.sl-ordered{opacity:.7}.sl-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.sl-item-name{font-size:15px;font-weight:700;flex:1;min-width:0}.sl-days{font-size:11px;font-family:var(--mono);flex-shrink:0}.sl-bar-wrap{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sl-bar{flex:1;height:5px;background:var(--surface2);border-radius:3px;overflow:hidden}.sl-bar-fill{height:100%;border-radius:3px;transition:width .3s}.sl-pct{font-size:11px;font-family:var(--mono);flex-shrink:0;width:32px;text-align:right}.sl-actions{display:flex;gap:6px;flex-wrap:wrap}.sl-btn{font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;border:1px solid var(--border);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:3px;transition:all .15s;white-space:nowrap;background:var(--surface2);color:var(--text)}.sl-btn-buy{background:var(--accent-btn);color:#111;border-color:var(--accent-btn)}.sl-btn-buy:hover{background:#f0b84a}.sl-btn-search{color:var(--muted)}.sl-btn-order{color:#5b8dee;border-color:rgba(91,141,238,.4);background:rgba(91,141,238,.07)}.sl-btn-unorder{color:var(--muted);font-size:11px}.sl-btn-delivered{color:var(--ok);border-color:rgba(76,187,138,.4);background:rgba(76,187,138,.07)}.settings-layout{display:flex;flex-direction:column;gap:0}.settings-sidebar{display:none}.settings-content{flex:1}.settings-nav-link{display:block;padding:10px 14px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;border-radius:8px;transition:all .15s;border:none;background:0 0;text-decoration:none}.settings-nav-link:hover{background:rgba(232,168,56,.08);color:var(--text)}.settings-nav-link.active{background:rgba(232,168,56,.12);color:var(--accent);font-weight:600}.settings-section-header{cursor:default}.settings-section-header .settings-chevron{display:none}.settings-card{background:rgba(26,29,39,.7);border:1px solid var(--glass-border);border-radius:14px;padding:22px;margin-bottom:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--card-shadow)}.settings-card h3{font-size:14px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(46,51,80,.3)}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-info h4{font-size:14px;font-weight:600;margin-bottom:2px}.setting-info p{font-size:12px;color:var(--muted)}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}.modal-backdrop.open{display:flex}.modal{background:rgba(26,29,39,.88);border:1px solid var(--glass-border);border-radius:20px;padding:28px;width:95%;max-width:520px;max-height:90vh;overflow-y:auto;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:var(--glass-shadow),0 0 0 1px rgba(255,255,255,.03) inset}.modal h2{font-size:20px;font-weight:700;margin-bottom:4px}.modal .subtitle{font-size:13px;color:var(--muted);margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid var(--glass-border)}.modal-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--glass-border)}.modal-section-label{font-size:13px;font-weight:700;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--text);font-family:var(--sans);font-size:14px;outline:0;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field select option{background:var(--bg)}.field textarea{resize:vertical;min-height:60px}.price-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.price-link{font-size:12px;padding:5px 12px;border-radius:99px;background:var(--surface2);border:1px solid var(--border);color:var(--text);text-decoration:none;transition:all .15s}.price-link:hover{border-color:var(--accent);color:var(--accent)}.log-entry{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(46,51,80,.4);font-size:13px}.log-entry:last-child{border-bottom:none}#wizard{position:fixed;inset:0;background:var(--bg);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;min-height:100vh;width:100vw;left:0;top:0;right:0;bottom:0}#wizard .wizard-box{width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.wizard-box{width:95%;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px 32px;text-align:center}.wizard-step{display:none}.wizard-step.active{display:block}.step-dots{display:flex;gap:6px;justify-content:center;margin-bottom:28px}.step-dot{height:8px;border-radius:99px;background:var(--border);transition:all .3s}.step-dot.active{background:var(--accent);width:24px!important}.step-dot.done{background:var(--ok)}.wizard-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;text-align:left}.wizard-feature{background:var(--surface2);border-radius:10px;padding:14px;border:1px solid var(--border)}.wizard-feature .feat-icon{font-size:20px;margin-bottom:5px}.wizard-feature h4{font-size:13px;font-weight:700;margin-bottom:3px}.wizard-feature p{font-size:12px;color:var(--muted);line-height:1.4}.country-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;text-align:left;max-height:300px;overflow-y:auto}.country-btn{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;border:2px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:600;transition:all .15s;width:100%}.country-btn:hover{border-color:var(--muted)}.country-btn.selected{border-color:var(--accent);background:rgba(232,168,56,.1)}.country-btn .check{margin-left:auto;color:var(--accent);display:none}.country-btn.selected .check{display:block}.wizard-btn-row{display:flex;gap:10px}.btn-xl{font-size:15px;padding:13px 28px;border-radius:10px;justify-content:center}.btn-xl.full{width:100%}.form-group{width:100%;margin-bottom:20px}.fl-field{position:relative;width:100%}.fl-field input{display:block;width:100%;box-sizing:border-box;background:0 0;border:1.5px solid var(--border);border-radius:10px;padding:20px 14px 8px;color:var(--text);font-family:var(--sans);font-size:15px;outline:0;transition:border-color .18s;text-align:center}.fl-field input:focus,.fl-field input:not(:placeholder-shown){text-align:left}.fl-field input:focus{border-color:var(--accent)}.fl-field input:disabled{color:var(--muted);cursor:default;opacity:.7;text-align:left}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--surface) inset!important;box-shadow:0 0 0 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text);border-color:var(--border)!important}.fl-field label{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:14px;color:var(--muted);pointer-events:none;transition:top .15s ease,font-size .15s ease,color .15s ease,transform .15s ease,left .15s ease,text-align .15s ease;background:0 0;padding:0 14px;line-height:1;white-space:nowrap;z-index:1}.fl-field input:focus~label,.fl-field input:not(:placeholder-shown)~label{top:0;left:14px;right:auto;font-size:11px;font-weight:600;color:var(--accent);transform:translateY(-50%);text-align:left;background:var(--surface);padding:0 4px}.fl-field input:disabled~label,.fl-field.has-value label{top:0;left:14px;right:auto;font-size:11px;font-weight:600;color:var(--muted);transform:translateY(-50%);text-align:left;background:var(--surface);padding:0 4px}.form-label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-input{display:block;width:100%;box-sizing:border-box;background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;padding:14px 14px 10px;color:var(--text);font-family:var(--sans);font-size:15px;outline:0;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input:disabled{color:var(--muted);cursor:default}.star-rating{display:flex;gap:4px}.star{font-size:20px;cursor:pointer;color:var(--border);transition:color .1s;line-height:1;user-select:none}.star.on{color:#e8a838}.star.preview{color:#e8a838}.card-stars{font-size:13px;letter-spacing:1px}.card-star-rating{display:flex;gap:2px}.card-star{font-size:17px;cursor:pointer;color:var(--border);transition:color .1s;line-height:1;user-select:none}.card-star.on{color:#e8a838}.card-star.preview{color:#e8a838}.card-rating-label{font-size:11px;transition:color .1s}.sync-pill{font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:99px;display:flex;align-items:center;gap:6px}.sync-pill.synced{background:rgba(76,187,138,.15);color:var(--ok)}.sync-pill.pending{background:rgba(232,168,56,.15);color:var(--warn)}.sync-pill.error{background:rgba(232,80,80,.15);color:var(--danger)}#sync-queue-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--surface);border-top:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12px;transform:translateY(100%);transition:transform .25s ease}#sync-queue-bar.visible{transform:translateY(0)}#sync-queue-bar .sqb-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}#sync-queue-bar .sqb-done{color:var(--ok);font-size:14px}#sync-queue-bar .sqb-error{color:var(--danger);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.sync-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}#toast{position:fixed;bottom:24px;right:24px;z-index:999;background:var(--ok);color:#fff;font-weight:700;padding:12px 20px;border-radius:8px;font-size:13px;transform:translateY(60px);opacity:0;transition:all .3s;pointer-events:none}#toast.show{transform:translateY(0);opacity:1}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237880a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px!important}.item-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;font-family:var(--mono);padding:3px 9px;border-radius:99px;border:1px solid;cursor:pointer;transition:all .15s;user-select:none;letter-spacing:.3px}.item-tag.active{opacity:1}.item-tag.inactive{opacity:.28;border-style:dashed}.tag-input-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(46,51,80,.4)}.tag-input-row:last-child{border-bottom:none}.tag-input-row input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:7px 10px;color:var(--text);font-family:var(--sans);font-size:13px;outline:0}.tag-input-row input:focus{border-color:var(--accent)}.tag-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.tag-filter-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;border:1px solid var(--border);background:0 0;color:var(--muted);cursor:pointer;transition:all .15s;font-family:var(--sans)}.tag-filter-chip.active{background:var(--surface2);color:var(--text);border-color:var(--muted)}.tag-filter-chip .tag-x{font-size:11px;opacity:.5;margin-left:2px;line-height:1}.tag-filter-chip .tag-x:hover{opacity:1;color:var(--danger)}.btn-add-tag{font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;border:1px dashed var(--border);background:0 0;color:var(--muted);cursor:pointer;font-family:var(--sans);transition:all .15s;display:inline-flex;align-items:center;gap:4px}.btn-add-tag:hover{border-color:var(--accent);color:var(--accent)}.tag-inline-input{font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;border:1px solid var(--accent);background:var(--bg);color:var(--text);font-family:var(--sans);outline:0;width:110px}.item-card{position:relative;overflow:hidden;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.swipe-hint{position:absolute;left:0;top:0;bottom:0;width:64px;background:linear-gradient(90deg,rgba(76,187,138,.3),transparent);display:flex;align-items:center;justify-content:flex-start;padding-left:14px;opacity:0;pointer-events:none;border-radius:inherit;font-size:22px;transition:opacity .1s}.card-notes{font-size:12px;color:var(--muted);font-style:italic;margin-bottom:8px;line-height:1.5;padding:6px 8px;background:var(--surface2);border-radius:6px;border-left:2px solid var(--border)}.compact-view .item-card{padding:10px 14px}.compact-view .item-card .card-image,.compact-view .item-card .card-link,.compact-view .item-card .card-meta,.compact-view .item-card .card-notes,.compact-view .item-card .card-rating-label,.compact-view .item-card .card-star-rating,.compact-view .item-card .item-tag,.compact-view .item-card .log-btn,.compact-view .item-card .swipe-hint,.compact-view .item-card .tag-filter-chip,.compact-view .item-card [class*=insight],.compact-view .item-card [class*=price-trend]{display:none!important}.compact-view .item-card .stock-bar-wrap{margin-bottom:6px}.compact-view .items-grid{grid-template-columns:1fr;gap:6px}.compact-view .item-card .card-name{font-size:14px;margin-bottom:4px}.incomplete-card{background:var(--surface);border:1px dashed rgba(232,168,56,.4);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.incomplete-card .inc-name{font-size:14px;font-weight:600;color:var(--text)}.incomplete-card .inc-meta{font-size:11px;color:var(--muted);margin-top:2px;font-family:var(--mono)}.card-image{width:100%;height:120px;object-fit:contain;border-radius:8px;background:var(--surface2);margin-bottom:12px;display:block}.card-image-placeholder{width:100%;height:80px;display:flex;align-items:center;justify-content:center;font-size:36px;background:var(--surface2);border-radius:8px;margin-bottom:12px}.img-preview-wrap{margin-top:10px;display:flex;align-items:center;gap:10px}.img-preview{width:60px;height:60px;object-fit:contain;border-radius:6px;background:var(--surface2);border:1px solid var(--border)}.days-toggle{display:inline-flex;align-items:baseline;gap:3px;cursor:pointer;background:var(--surface2);border:1px solid var(--border);border-radius:99px;padding:4px 12px;transition:border-color .15s;user-select:none}.days-toggle:hover{border-color:var(--muted)}.days-opt{font-family:var(--mono);font-size:15px;font-weight:700;transition:color .2s,opacity .2s;color:var(--text)}.days-opt.faded{opacity:.28;color:var(--muted)}.days-sep{font-family:var(--mono);font-size:13px;color:var(--border);margin:0 1px}.shopping-store-section{margin-bottom:32px}.shopping-store-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--border)}.shopping-store-header h3{font-size:15px;font-weight:700}.shopping-store-count{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--surface2);padding:3px 8px;border-radius:99px}.shopping-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:10px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;transition:border-color .15s}.shopping-item:hover{border-color:var(--muted)}.shopping-item.urgent{border-left:3px solid var(--danger)}.shopping-item.soon{border-left:3px solid var(--warn)}.shopping-item-name{font-size:15px;font-weight:700;margin-bottom:4px}.shopping-item-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.shopping-meta-pill{font-size:11px;font-family:var(--mono);color:var(--muted);display:flex;align-items:center;gap:4px}.shopping-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.shopping-link{font-size:12px;padding:5px 11px;border-radius:6px;text-decoration:none;border:1px solid var(--border);transition:all .15s;display:inline-flex;align-items:center;gap:4px;font-weight:600}.shopping-link.primary{background:var(--accent-btn);color:#111;border-color:var(--accent-btn)}.shopping-link.primary:hover{background:#f0b84a}.shopping-link.alt{background:var(--surface2);color:var(--text)}.shopping-link.alt:hover{border-color:var(--muted)}.shopping-link.warn{background:rgba(232,80,80,.12);color:var(--danger);border-color:rgba(232,80,80,.3)}.shopping-checkbox{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;margin-top:3px;flex-shrink:0}.shopping-item.checked{opacity:.4}.shopping-item.checked .shopping-item-name{text-decoration:line-through}.shopping-empty{text-align:center;padding:60px 20px;color:var(--muted)}.store-picker-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s}.store-picker-row:hover{border-color:var(--muted)}.store-picker-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.store-picker-row label{font-size:14px;font-weight:600;cursor:pointer;flex:1}.store-picker-row .store-item-count{font-size:11px;font-family:var(--mono);color:var(--muted)}.sns-banner{background:rgba(76,187,138,.1);border:1px solid rgba(76,187,138,.35);border-radius:10px;padding:14px 18px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;cursor:pointer;transition:background .15s}.sns-banner:hover{background:rgba(76,187,138,.16)}.sns-banner-text{font-size:14px;line-height:1.5}.sns-banner-text strong{color:var(--ok)}.sns-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:12px;transition:border-color .15s}.sns-item:hover{border-color:var(--muted)}.sns-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:10px}.sns-item-name{font-size:15px;font-weight:700}.sns-badge{font-size:11px;font-weight:700;font-family:var(--mono);padding:3px 9px;border-radius:99px;white-space:nowrap;flex-shrink:0}.sns-badge-active{background:rgba(76,187,138,.15);color:var(--ok)}.sns-badge-eligible{background:rgba(232,168,56,.15);color:var(--warn)}.sns-badge-tracking{background:rgba(91,141,238,.15);color:var(--accent2)}.sns-stats{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px}.sns-stat{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.sns-stat strong{font-size:14px;font-weight:700;color:var(--text);font-family:var(--mono)}.sns-saving{font-size:13px;color:var(--ok);font-weight:700;font-family:var(--mono);margin-bottom:10px}.sns-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sns-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:20px;display:flex;gap:24px;flex-wrap:wrap;align-items:center}.sns-summary-stat{text-align:center;min-width:80px}.sns-summary-stat .val{font-size:26px;font-weight:700;font-family:var(--mono);color:var(--ok);line-height:1}.sns-summary-stat .lbl{font-size:11px;color:var(--muted);margin-top:4px}.sns-section-title{font-size:11px;font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:20px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.sns-empty{text-align:center;padding:60px 20px;color:var(--muted)}@media (max-width:899px){#header-burger-btn{display:inline-flex!important}#tabs>.tab[onclick*="'billing'"],#tabs>.tab[onclick*="'report'"],#tabs>.tab[onclick*="'settings'"],#tabs>.tab[onclick*='"billing"'],#tabs>.tab[onclick*='"report"'],#tabs>.tab[onclick*='"settings"']{display:none}}@media (max-width:600px){#tabs>.tab[data-mobile-tab=off]{display:none}}@media (max-width:600px){body{font-size:18px}.btn{font-size:16px}.btn-sm{font-size:15px}.filter-chip{font-size:15px}#app-header{padding:0 12px;gap:8px}.logo{font-size:14px;letter-spacing:2px}.logo span{display:none}#sync-label{display:none}.sync-pill{padding:5px 7px;margin-left:2px}#main{padding:16px 12px}#tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);flex-wrap:initial;gap:4px;padding:4px}.tab{flex:initial;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;font-size:11px;white-space:nowrap;text-align:center;min-width:0;overflow:hidden}.tab .icon-tab{width:18px;height:18px}.tab span{overflow:hidden;text-overflow:ellipsis;max-width:100%}body.burger-view-active #tabs{display:none}body.burger-view-active #tabs-sticky-wrap{min-height:0;padding:0;margin:0}body.burger-view-active #burger-view-back-btn{display:inline-flex!important;align-items:center;justify-content:center;position:absolute;top:16px;right:12px;z-index:50;width:40px;height:40px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:background .15s,transform .1s}body.burger-view-active #burger-view-back-btn:active,body.burger-view-active #burger-view-back-btn:hover{background:var(--surface);transform:translateX(-2px)}body.burger-view-active #main{position:relative}#items-grid{grid-template-columns:1fr;gap:12px}.btn-icon{padding:8px 10px;font-size:15px}.card-name{font-size:19px}.card-category{font-size:13px}.card-star{font-size:26px}.card-star-rating{gap:4px}.log-btn{padding:12px 16px;font-size:16px}.card-notes{font-size:15px}.stock-bar-label{font-size:14px}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meta-item{font-size:15px}.meta-item strong{font-size:16px}.status-badge{font-size:13px;padding:5px 11px}.cadence-badge{font-size:13px;padding:5px 11px}#filter-toggle-btn{width:100%;justify-content:center;padding:10px;font-size:14px}#filter-panel{padding:14px 12px}.filter-chip{padding:8px 14px;font-size:13px}.tag-filter-chip{padding:8px 13px;font-size:13px}.btn-add-tag{padding:8px 13px;font-size:13px}.modal-backdrop{align-items:flex-end}.modal{width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding:20px 16px 32px}.modal h2{font-size:22px}.modal .subtitle{font-size:15px}.form-grid{grid-template-columns:1fr;gap:10px}.form-full{grid-column:1}.field label{font-size:14px}.field input,.field select,.field textarea{font-size:16px}.form-input{font-size:16px}.form-label{font-size:15px}.wizard-box{padding:28px 20px;border-radius:16px}.wizard-features{grid-template-columns:1fr 1fr;gap:8px}.wizard-feature{padding:10px}.wizard-feature h4{font-size:13px}.wizard-feature p{font-size:12px}.country-grid{grid-template-columns:1fr;max-height:260px}.btn-xl{padding:12px 20px;font-size:15px}.shopping-item{grid-template-columns:1fr;gap:8px}.shopping-checkbox{width:24px;height:24px}.shopping-link{padding:8px 12px;font-size:14px}.grocery-item-name{font-size:22px}.grocery-item-meta{font-size:16px}.grocery-dept-label{font-size:15px}.grocery-dept-count{font-size:15px}#ph-chart svg{min-height:140px}#ph-chart{overflow-x:auto;-webkit-overflow-scrolling:touch}#view-stock>div:first-child{flex-wrap:wrap;gap:6px}.days-toggle{padding:5px 14px}.days-opt{font-size:17px}.setting-row{flex-wrap:wrap;gap:10px}.setting-row select{width:100%!important}.setting-info h4{font-size:16px}.setting-info p{font-size:14px}.report-table{font-size:12px}#report-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.store-picker-row{padding:13px 14px}.store-picker-row input[type=checkbox]{width:20px;height:20px}#ph-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}@keyframes fabItemIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fabSlideLeft{from{opacity:0;transform:translateX(20px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@media (max-width:699px){#fab-btn{display:flex}#app-header .btn-ghost,#app-header .btn-primary{display:none}#app-header #sync-pill{display:flex}#app-header #sync-pill{order:0}#app-header #global-search-btn{order:1}#app-header #notif-bell-btn{order:2}#app-header #header-burger-btn{order:3}#grocery-sticky-header .btn-ghost,#grocery-sticky-header .btn-primary,#view-reminders>div:first-child .btn-primary{display:none}#view-grocery,#view-reminders,#view-stock{padding-bottom:110px}body.grocery-list-open #app-header,body.grocery-list-open #grocery-phase-bar,body.grocery-list-open #grocery-sticky-header,body.grocery-list-open #tabs{display:none!important}body.grocery-list-open #main{padding-top:0;padding-left:0;padding-right:0}body.grocery-list-open #view-grocery{padding-bottom:24px}body.grocery-list-open .grocery-fs-header{display:block;position:sticky;top:0;z-index:95;background:var(--bg)}body.grocery-list-open #grocery-fs-mode-bar .grocery-phase-bar{margin-bottom:0}body.grocery-list-open #grocery-list-body{padding:8px 14px 24px}}@media (min-width:900px){#app-nav{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:220px;background:rgba(15,17,23,.97);border-right:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;padding:0;overflow-y:auto}.app-nav-logo{--top-strip-h:52px;min-height:var(--top-strip-h);padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--glass-border);margin-bottom:8px;box-sizing:border-box}.app-nav-links{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px}.app-nav-bottom{padding:8px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:4px}#app-header{display:none}#tabs-sticky-wrap{display:none}#main{margin-left:220px;max-width:none;padding:28px 36px}body.wizard-active #app-nav{display:none}#tabs{gap:6px;padding:5px}.tab{padding:9px 22px;font-size:13px}#items-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.modal{max-width:600px;padding:32px}#view-settings.active{display:block}#view-settings .settings-layout{flex-direction:row;align-items:flex-start;gap:0}#view-settings .settings-sidebar{display:none!important}#view-settings .settings-section-header{pointer-events:none;background:rgba(26,29,39,.7);border:1px solid var(--glass-border);border-bottom:none;border-radius:14px 14px 0 0;padding:16px 22px 14px;margin-bottom:0;font-size:17px}#view-settings .settings-section-header+.settings-collapsible-body.settings-card{border-top-left-radius:0;border-top-right-radius:0;border-top:none}#view-settings .settings-collapsible-body{display:block!important;margin-top:0}#view-settings .settings-card{margin-bottom:18px}#view-settings .settings-card.full-width{width:100%}#view-settings .settings-content{flex:1;min-width:0}#stock-top-sections{display:flex;flex-direction:row;gap:16px}#incomplete-section,#pending-deliveries-section{flex:1;min-width:0}#view-stock #stock-search-toolbar{flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:flex-start}#view-stock #stock-toolbar-wrap{flex:0 0 135px;max-width:135px;min-width:0}#view-stock #stock-sort-wrap{flex:0 0 135px;max-width:135px;min-width:0}#view-stock #stock-select-wrap{flex:0 0 110px;max-width:110px;min-width:0}#view-report{max-width:100%}#view-account-security,#view-budget,#view-grocery,#view-notes,#view-reminders,#view-savings,#view-settings{max-width:800px;margin-left:0;margin-right:0}#wizard .wizard-box{max-width:540px}.wizard-features{grid-template-columns:1fr 1fr;gap:12px}.country-grid{grid-template-columns:1fr 1fr 1fr}#filter-panel .filter-row{flex-wrap:nowrap}.setting-row{flex-wrap:nowrap}.setting-row select{width:auto!important}#stock-shopping-header{margin-bottom:16px}.form-grid{grid-template-columns:1fr 1fr}#health-dashboard{gap:12px}.item-card:hover{transform:translateY(-3px)}#tabs-sticky-wrap{position:sticky;top:56px;z-index:90;background:linear-gradient(to bottom,var(--bg) 60%,transparent 100%);padding:10px 0 14px;margin:-10px 0 0;margin-bottom:12px;border:none;transition:padding .2s}#tabs-sticky-wrap.tabs-scrolled{padding:6px 0 10px}#grocery-sticky-header{position:sticky;top:0;z-index:80;background:var(--bg);padding-bottom:4px;margin-bottom:0}#view-grocery #grocery-list-body{padding-top:4px}}.grocery-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.grocery-fs-header{display:none}.grocery-fs-topbar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg);border-bottom:1px solid var(--border)}.grocery-fs-back,.grocery-fs-iconbtn{flex-shrink:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:0 0;border:none;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.grocery-fs-back:hover,.grocery-fs-iconbtn:hover{background:var(--surface2)}.grocery-fs-back .icon,.grocery-fs-iconbtn .icon{width:22px;height:22px}.grocery-fs-title{flex:1;min-width:0;font-family:var(--sans);font-size:17px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grocery-fs-mode-bar:empty{display:none}.grocery-fs-mode-bar{padding:8px 12px;background:var(--bg)}.view-header{margin:0 0 16px 0}.view-header h2{margin:0}.view-header h2 .icon-lg,h2.view-header .icon-lg{width:20px;height:20px;vertical-align:-.18em}#stock-search-toolbar #filter-toggle-btn,#stock-search-toolbar #sort-select{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--muted)!important;border-radius:6px;font-size:12px;font-family:var(--sans)}#stock-search-toolbar #filter-toggle-btn:hover,#stock-search-toolbar #sort-select:hover{color:var(--text)!important}.grocery-sort-toggle{display:flex;background:var(--surface2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.grocery-sort-btn{font-family:var(--sans);font-size:12px;font-weight:600;padding:8px 12px;border:none;background:0 0;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}.grocery-sort-btn.active{background:var(--accent-btn);color:#111}.grocery-dept-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0 6px;margin-top:6px;border-bottom:1px solid var(--border)}.grocery-dept-label{font-family:var(--mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-weight:700;display:flex;align-items:center;gap:6px}.grocery-dept-count{font-size:12px;color:var(--muted);font-family:var(--mono)}.grocery-item{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid rgba(46,51,80,.35);min-height:62px}.grocery-item.checked{opacity:.4}.grocery-item.checked .grocery-item-name{text-decoration:line-through;color:var(--muted)}.grocery-item.unneeded-suppressed{opacity:.32;font-style:italic}.grocery-item.unneeded-suppressed .grocery-item-name{color:var(--muted);text-decoration-style:dashed}.grocery-item.needed{background:rgba(232,168,56,.06);border-color:rgba(232,168,56,.18)!important;border-radius:6px;padding-left:10px;padding-right:10px}.grocery-item.needed .grocery-item-name{color:var(--accent)}.grocery-item.needed::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px rgba(232,168,56,.5)}.grocery-cb{width:26px;height:26px;min-width:26px;border-radius:6px;border:2px solid var(--border);background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-appearance:none;appearance:none}.grocery-cb:checked{background:var(--ok);border-color:var(--ok)}.grocery-cb:checked::after{content:'✓';color:#111;font-size:14px;font-weight:700;display:block;line-height:1}.grocery-item-info{flex:1;min-width:0}.grocery-item-name{font-size:18px;font-weight:600;line-height:1.3}.grocery-item-meta{font-size:14px;color:var(--muted);margin-top:4px}.grocery-item-actions{display:flex;gap:4px}.grocery-icon-btn{background:0 0;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:4px;border-radius:4px;line-height:1}.grocery-icon-btn:hover{color:var(--text)}.grocery-qty-stepper{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 6px;border-radius:10px;border:1px solid transparent;margin-left:8px;transition:background .15s,border-color .15s}.grocery-qty-stepper.has-qty{background:rgba(232,168,56,.1);border-color:rgba(232,168,56,.3)}.grocery-qty-num{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--muted);min-width:22px;text-align:center;line-height:1}.grocery-qty-stepper.has-qty .grocery-qty-num{color:var(--accent)}.grocery-qty-arrows{display:flex;flex-direction:row;gap:4px}.grocery-qty-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:16px;font-weight:700;line-height:1;cursor:pointer;width:32px;height:32px;border-radius:8px;user-select:none;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .12s,border-color .12s,transform 80ms}.grocery-qty-btn:hover:not(:disabled){background:rgba(232,168,56,.1);border-color:rgba(232,168,56,.4);color:var(--accent)}.grocery-qty-btn:active:not(:disabled){transform:scale(.92);background:rgba(232,168,56,.18);color:var(--accent)}.grocery-qty-btn:disabled{opacity:.3;cursor:not-allowed}.grocery-item.checked .grocery-qty-stepper{opacity:.5}.grocery-empty{text-align:center;padding:60px 20px;color:var(--muted)}.grocery-empty-icon{font-size:48px;margin-bottom:12px}.grocery-add-row{display:flex;gap:8px;align-items:center;margin-bottom:16px}.grocery-add-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:9px 14px;color:var(--text);font-family:var(--sans);font-size:14px;outline:0}.grocery-add-input:focus{border-color:var(--accent)}.grocery-checked-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-top:8px;border-top:1px solid var(--border)}.grocery-phase-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:12px;background:linear-gradient(180deg,rgba(232,168,56,.1) 0,rgba(232,168,56,.04) 100%);border:1px solid rgba(232,168,56,.25);border-radius:12px}.grocery-phase-info{flex:1;min-width:0}.grocery-phase-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:2px}.grocery-phase-title .icon{width:14px;height:14px}.grocery-phase-meta{font-size:12px;color:var(--muted)}.grocery-phase-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.grocery-phase-cta .icon{width:14px;height:14px}.grocery-phase-cta:disabled{opacity:.45;cursor:not-allowed}.grocery-dept-group{margin-bottom:4px}.grocery-edit-dept-group{display:flex;flex-direction:column}.grocery-drag-handle{color:var(--muted);font-size:15px;cursor:grab;flex-shrink:0;touch-action:none;user-select:none;padding:0 3px;transition:color .15s}.grocery-drag-handle:hover{color:var(--accent)}.grocery-edit-row{transition:transform .1s,opacity .1s,background .1s}.grocery-edit-row.edit-selected{background:rgba(232,168,56,.08);border-color:rgba(232,168,56,.3)!important;border-radius:6px}.grocery-edit-row.dragging{opacity:.85;transform:translate(4px,-4px);background:rgba(232,168,56,.12);border-color:rgba(232,168,56,.4);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.3);z-index:10;position:relative}.grocery-context-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.4);z-index:500;min-width:180px;overflow:hidden}.grocery-context-item{display:block;width:100%;padding:13px 16px;background:0 0;border:none;color:var(--text);font-family:var(--sans);font-size:14px;text-align:left;cursor:pointer}.grocery-context-item:hover{background:var(--surface2)}.grocery-context-item.danger{color:var(--danger)}.grocery-interval-info{font-size:12px;color:var(--muted);margin-bottom:16px}.dept-manage-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid rgba(46,51,80,.4)}.dept-manage-emoji{font-size:20px;width:28px;text-align:center;flex-shrink:0}.dept-manage-name{flex:1;font-size:14px}.dept-manage-actions{display:flex;gap:2px}.dept-manage-actions .grocery-icon-btn{min-width:40px;min-height:40px;font-size:20px;display:flex;align-items:center;justify-content:center;padding:4px}.settings-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(26,29,39,.7);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;margin-bottom:4px;font-size:17px;font-weight:700;color:var(--text);transition:background .15s;user-select:none}.settings-collapsible-header:active,.settings-collapsible-header:hover{background:rgba(46,51,80,.7)}.settings-chevron{font-size:13px;color:var(--muted);transition:transform .2s;flex-shrink:0;display:inline-block}.settings-collapsible-body{margin-bottom:10px}.settings-collapsible-body.settings-card{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}#notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}@media (min-width:600px){#notes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}.note-card{border-radius:12px;border:1px solid var(--border);padding:14px;cursor:pointer;position:relative;background:var(--surface);transition:transform .15s,border-color .15s;min-height:100px;display:flex;flex-direction:column;gap:6px}.note-card:hover{transform:translateY(-2px);border-color:var(--accent)}.note-card.pinned::before{content:'📌';position:absolute;top:8px;right:8px;font-size:12px}.note-card-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;word-break:break-word}.note-card-preview{font-size:11px;color:var(--muted);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word}.note-card-lock{font-size:11px;color:var(--accent);font-family:var(--mono);margin-top:auto}.note-card-meta{display:flex;align-items:center;gap:6px;margin-top:auto;flex-wrap:wrap}.note-card-badge{font-size:10px;padding:1px 6px;border-radius:99px;font-family:var(--mono)}.note-chip{padding:5px 14px;border-radius:99px;border:1px solid var(--border);background:0 0;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.note-chip.active{background:var(--accent-btn);border-color:var(--accent-btn);color:#111}.note-chip.note-chip-danger{color:var(--danger);border-color:var(--danger);margin-left:auto}.note-chip.note-chip-danger:hover{background:var(--danger);color:#fff}.note-tool-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:16px;cursor:pointer;color:var(--text);transition:background .15s;line-height:1}.note-tool-btn:hover{background:var(--border)}.note-tool-btn:disabled{opacity:.35;cursor:not-allowed}.note-tool-btn.active{background:rgba(232,168,56,.2);border-color:var(--accent)}.note-swatch{width:24px;height:24px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.note-swatch.active,.note-swatch:hover{border-color:var(--accent)}.notes-section-label{font-size:11px;font-weight:700;color:var(--accent);font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-top:4px}.notes-section-label .icon{width:14px;height:14px}.note-fmt-btn{background:0 0;border:1px solid transparent;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700;cursor:pointer;color:var(--text);transition:background .12s;line-height:1.4;min-width:28px;text-align:center}.note-fmt-btn:hover{background:var(--border)}.note-fmt-btn.active{background:rgba(232,168,56,.2);border-color:var(--accent);color:var(--accent)}#note-body-input:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}#note-body-input ul{padding-left:1.4em;list-style:disc}#note-body-input ol{padding-left:1.4em;list-style:decimal}#note-body-input li{margin:2px 0}@media (min-width:900px){.stock-desktop-actions{display:inline-flex!important}.amazon-banner{max-width:800px}#sort-select{padding:8px 24px 8px 10px!important;height:36px;box-sizing:border-box}body.grocery-multilist #grocery-edit-toggle{display:none!important}body.grocery-multilist .grocery-toolbar .btn-primary{display:none!important}#view-notes{position:fixed;top:52px;bottom:0;left:220px;width:800px;overflow-y:auto;padding:28px 36px;display:none;background:var(--bg);z-index:10}#view-notes.active{display:block}#view-account-security.active{display:block}#view-settings{max-width:720px}}@media (max-width:899px){#view-notes{padding:0 12px 16px}body.notes-view-active #main{padding-bottom:0}body.notes-view-active #view-content{display:none}}@media (max-width:899px){#header-greeting{margin-left:6px!important}#app-header{gap:4px}}#notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}@media (min-width:900px){#notes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.note-row{flex-direction:row}}.note-row{padding:12px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;position:relative;transition:background .12s,border-color .12s;background:var(--surface)}.note-row:hover{border-color:var(--accent);background:rgba(255,255,255,.02)}.note-row:active{background:rgba(255,255,255,.03)}.note-row-preview{font-size:12px;color:var(--muted);line-height:1.4;margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.note-row .note-card-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;word-break:break-word}.note-secure-now-btn{font-size:11px;color:var(--accent);background:rgba(232,168,56,.1);border:1px solid rgba(232,168,56,.3);border-radius:6px;padding:2px 8px;cursor:pointer;margin-top:6px}.note-secure-now-btn:hover{background:rgba(232,168,56,.2)}.note-select-indicator{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid var(--border);background:0 0;cursor:pointer;transition:all .12s;margin-top:2px}.note-select-indicator.checked{background:var(--accent);border-color:var(--accent)}.note-select-indicator.checked::after{content:'✓';display:flex;align-items:center;justify-content:center;font-size:12px;color:#111;font-weight:700;width:100%;height:100%}.note-selected{background:rgba(232,168,56,.06)!important}.mfa-method-btn.active{background:rgba(232,168,56,.15);border-color:var(--accent);color:var(--accent)}.wizard-prog-step{height:4px;border-radius:2px;flex:1;background:var(--border);transition:background .2s}.wizard-prog-step.active{background:var(--accent)}.wizard-prog-step.done{background:var(--ok)}.wiz-step{animation:fadeInUp .18s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.repl-reminder-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:10px}.repl-reminder-row input{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 8px;color:var(--text);font-family:var(--sans);font-size:13px;outline:0}.order-history-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:13px}.order-stage-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px}.order-stage-badge.pending{background:rgba(232,168,56,.15);color:var(--accent)}.order-stage-badge.delivered{background:rgba(76,187,138,.15);color:var(--ok)}.order-stage-badge.using{background:rgba(91,141,238,.15);color:#5b8dee}#view-account-security{max-width:680px}#view-account-security.active{display:block!important}#view-settings{max-width:680px}#view-accessibility{max-width:680px}.acc-sec-card .acc-sec-row:not([style*="display:none"]):not([style*="display: none"]){display:flex!important}.acc-sec-card .acc-sec-row.acc-sec-row-block:not([style*="display:none"]):not([style*="display: none"]){flex-direction:column!important}.acc-sec-section-title{font-size:11px;font-weight:700;color:var(--muted);font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;padding-left:2px}.acc-sec-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.acc-sec-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.acc-sec-row:last-child{border-bottom:none}.acc-sec-row-block{flex-direction:column;align-items:flex-start}.acc-sec-label{flex:1;min-width:0}.acc-sec-h{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.acc-sec-p{font-size:12px;color:var(--muted);line-height:1.4}.acc-sec-btn{min-width:110px;justify-content:center;flex-shrink:0}.acc-sec-input{width:160px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 10px;font-family:var(--sans);font-size:13px;flex-shrink:0}.acc-sec-input:focus{border-color:var(--accent);outline:0}.acc-sec-select{width:190px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 24px 7px 10px;font-family:var(--sans);font-size:13px;flex-shrink:0}@media (min-width:900px){#settings-account-body,#settings-account-body+.settings-section-header,[onclick="toggleSettings('settings-account-body',this)"]{display:none!important}}@media (max-width:899px) and (min-width:480px){.profile-label-subtitle{display:none}}@media (max-width:899px){#header-greeting{margin-left:0!important}}@media (min-width:900px){#settings-prefs-body .settings-card{max-width:none;width:100%}#settings-prefs-body .setting-row input[type=text],#settings-prefs-body .setting-row select{min-width:160px}}#stock-toolbar-row .btn,#stock-toolbar-row select{box-sizing:border-box}#stock-top-sections{display:flex;gap:12px;margin-bottom:0}@media (max-width:899px){#stock-top-sections{flex-direction:column}}#stock-top-sections[data-empty="1"]{display:none}#settings-account-body,[onclick="toggleSettings('settings-account-body',this)"]{display:none!important}#header-shield-btn{display:none!important}.icon{width:16px;height:16px;display:inline-block;vertical-align:middle;flex-shrink:0}.icon use{pointer-events:none}.icon-sm{width:14px;height:14px}.icon-md{width:18px;height:18px}.icon-lg{width:20px;height:20px}.icon-xl{width:24px;height:24px}.icon-tab{width:22px;height:22px}.tab .icon-tab,.tab-btn .icon-tab{color:var(--muted)}.tab-btn.active .icon-tab,.tab.active .icon-tab{color:#111}.app-nav-link .icon-tab{color:var(--muted)}.app-nav-link.active .icon-tab{color:var(--accent)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-sm{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-critical{background:var(--danger)}.status-low{background:var(--warn,#e8a838)}.status-ok{background:var(--ok)}.status-none{background:var(--muted)}.star-filled{color:var(--accent)}.star-empty{color:var(--border)}[onclick*=critical] .icon{color:var(--danger)}[onclick*=warn] .icon{color:var(--accent)}[onclick*=ok] .icon{color:var(--ok)}.filter-btn-critical .icon,[title*=Critical] .icon{color:var(--danger)}.filter-btn-low .icon,[title*=Low] .icon{color:var(--accent)}.filter-btn-good .icon,[title*=Good] .icon{color:var(--ok)}body.note-open{overflow:hidden;touch-action:none}@media (min-width:900px){#note-editor-overlay{inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 64px));height:min(85vh,900px);max-height:85vh;border-radius:16px;box-shadow:0 24px 72px rgba(0,0,0,.55),0 0 0 1px var(--border)}body.note-open::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:399;pointer-events:none}#note-editor-overlay>#note-editor-toolbar{border-top-left-radius:16px;border-top-right-radius:16px}body.note-open #app-header,body.note-open #app-nav,body.note-open #wizard,body.note-open .view{filter:blur(6px);pointer-events:none}body.note-open #fab-btn,body.note-open #fab-container{display:none!important}}.item-card{padding:0!important;cursor:pointer;user-select:none;overflow:hidden}.item-card:hover{transform:translateY(-2px)}.item-card:active{transform:translateY(0)}.card-inner{padding:13px 14px 13px 18px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.card-stars-row{display:flex;gap:1px;flex-shrink:0;margin-left:auto}.card-stars-row .card-star{font-size:11px;line-height:1}.card-status{font-family:var(--mono);font-size:13px;font-weight:700;padding:2px 7px;border-radius:99px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.item-card .card-name{font-size:16px;font-weight:600;line-height:1.3;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-hero{display:flex;align-items:baseline;gap:5px;margin-bottom:10px}.card-days-num{font-family:var(--mono);font-size:30px;font-weight:700;line-height:1}.card-days-unit{font-family:var(--mono);font-size:15px;color:var(--muted)}.card-nodata{font-family:var(--mono);font-size:12px;color:var(--muted);font-style:italic;margin-bottom:10px}.card-bar{height:4px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden;margin-bottom:11px}.card-bar-fill{height:100%;border-radius:99px;transition:width .4s}.card-meta-desktop{display:none}.card-meta-item{font-size:10px;color:var(--muted);font-family:var(--mono);white-space:nowrap}.card-meta-item strong{color:var(--text);font-weight:700}.card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-qty{font-family:var(--mono);font-size:11px;color:var(--muted);background:rgba(255,255,255,.04);padding:3px 8px;border-radius:6px;border:1px solid var(--border);white-space:nowrap}.card-qty strong{color:var(--text);font-weight:700}.card-ordered{font-family:var(--mono);font-size:10px;font-weight:700;padding:3px 7px;border-radius:99px;background:rgba(91,141,238,.15);border:1px solid rgba(91,141,238,.3);color:#5b8dee;display:inline-flex;align-items:center;gap:4px}.card-ordered .icon{width:10px;height:10px}.card-expiry{font-family:var(--mono);font-size:10px;font-weight:700;padding:3px 7px;border-radius:99px;background:rgba(232,168,56,.08);border:1px solid rgba(232,168,56,.3);color:var(--accent)}.card-plus-btn-wrap{margin-left:auto;flex-shrink:0}.card-plus-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:var(--mono);font-size:12px;font-weight:700;padding:6px 12px;border-radius:8px;border:1px solid var(--accent);background:rgba(232,168,56,.1);color:var(--accent);cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0;line-height:1}.card-plus-btn:hover{background:rgba(232,168,56,.2)}.card-plus-btn:active{transform:scale(.95)}.card-plus-btn .icon{width:12px;height:12px}.card-plus-btn-delivered{border-color:rgba(76,187,138,.5);background:rgba(76,187,138,.12);color:var(--ok)}.card-plus-btn-delivered:hover{background:rgba(76,187,138,.22)}.card-plus-btn-start{border-color:rgba(91,141,238,.5);background:rgba(91,141,238,.12);color:#5b8dee}.card-plus-btn-start:hover{background:rgba(91,141,238,.22)}.card-plus-btn-decrement{border-color:rgba(120,128,160,.4);background:rgba(120,128,160,.1);color:var(--muted);font-weight:700}.card-plus-btn-decrement:hover{background:rgba(232,80,80,.15);border-color:rgba(232,80,80,.4);color:#e85050}.card-action-overlay{position:absolute;left:0;right:0;bottom:0;top:var(--card-overlay-top,50%);background:rgba(20,24,38,.78);backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%);border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 11px 11px;padding:12px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:5}.item-card.actions-open .card-action-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.item-card.actions-open .swipe-hint{display:none}.card-action-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px;width:100%;flex:1 1 auto;align-content:center}.card-action-tile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;padding:6px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text);font-family:var(--sans);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;min-height:0;white-space:nowrap;overflow:hidden}.card-action-tile:hover{background:rgba(232,168,56,.14);border-color:rgba(232,168,56,.4)}.card-action-tile:active{transform:scale(.96)}.card-action-tile .icon{width:14px;height:14px;color:var(--accent);flex-shrink:0}.card-action-tile span{text-align:left;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.compact-view .card-action-overlay{padding:8px;gap:6px}.compact-view .card-action-tile{font-size:10px;padding:5px 6px;gap:5px}.compact-view .card-action-tile .icon{width:12px;height:12px}.item-actions-modal-inner{padding:0;overflow:hidden}.ia-header{padding:16px 16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:10px}.ia-header-left{flex:1;min-width:0}.ia-cat{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.ia-name{font-size:17px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ia-status{flex-shrink:0;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.ia-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.ia-close{flex-shrink:0;width:32px;height:32px;padding:0;background:0 0;border:0;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.ia-close:hover{background:rgba(255,255,255,.06);color:var(--text)}.ia-close .icon{width:16px;height:16px}.ia-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.ia-stat{background:var(--surface);padding:14px 8px;text-align:center;min-width:0}.ia-stat-num{font-size:20px;font-weight:800;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-stat-label{font-size:10px;color:var(--muted);margin-top:4px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.4px}.ia-section{padding:14px 14px 16px}.ia-section-tight{padding-top:0}.ia-section-label{font-size:10px;font-weight:700;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;margin:2px 4px 10px}.ia-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ia-quick-btn{background:var(--surface2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:16px 8px;font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:background .15s,border-color .15s,transform .1s;min-height:76px}.ia-quick-btn:hover{background:rgba(232,168,56,.1);border-color:rgba(232,168,56,.3)}.ia-quick-btn:active{transform:scale(.97)}.ia-quick-btn .icon{width:22px;height:22px;color:var(--accent)}.ia-quick-primary{background:rgba(232,168,56,.12);border-color:rgba(232,168,56,.4)}.ia-quick-primary .icon{color:var(--accent)}.ia-action-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:10px;overflow:hidden}.ia-list-item{background:var(--surface2);border:0;width:100%;padding:14px 14px;display:flex;align-items:center;gap:12px;color:var(--text);font-family:var(--sans);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s}.ia-list-item:hover{background:rgba(255,255,255,.05)}.ia-list-item:active{background:rgba(255,255,255,.08)}.ia-list-item .icon{width:18px;height:18px;color:var(--accent);flex-shrink:0}.ia-list-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-chev{width:14px;height:14px;color:var(--muted);flex-shrink:0}.ia-tag-footer{padding-top:4px;padding-bottom:18px}.ia-tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ia-tag-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;min-height:28px;align-items:center}.ia-tag-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;font-family:var(--sans);line-height:1.2;white-space:nowrap}.ia-tag-empty{font-size:12px;color:var(--muted);font-style:italic}.ia-tag-btn{background:var(--surface2);border:1px dashed var(--border);border-radius:999px;color:var(--text);padding:6px 14px 6px 10px;font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;transition:background .15s,border-color .15s,transform .1s}.ia-tag-btn:hover{background:rgba(232,168,56,.1);border-color:rgba(232,168,56,.4)}.ia-tag-btn:active{transform:scale(.97)}.ia-tag-btn .icon{width:14px;height:14px;color:var(--accent)}@media (max-width:899px){.card-meta-desktop{display:none}.card-stars-row{display:none}}@media (min-width:900px){#items-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.card-inner{padding:12px 14px 12px 18px}.item-card .card-name{font-size:13px;margin-bottom:8px}.card-days-num{font-size:22px}.card-days-unit{font-size:11px}.card-hero{margin-bottom:7px}.card-bar{height:3px;margin-bottom:8px}.card-meta-desktop{display:flex;gap:10px;margin-bottom:7px}.card-stars-row{display:flex}.card-status{font-size:9px;padding:2px 6px}.card-category{font-size:9px}.card-qty{font-size:10px;padding:2px 7px}.card-plus-btn{font-size:11px;padding:4px 10px}}.compact-view .item-card .card-expiry,.compact-view .item-card .card-image,.compact-view .item-card .card-meta-desktop,.compact-view .item-card .card-ordered,.compact-view .item-card .card-stars-row,.compact-view .item-card .swipe-hint{display:none!important}.compact-view .item-card .card-bar{margin-bottom:6px}.compact-view #items-grid,.compact-view .items-grid{grid-template-columns:1fr!important;gap:6px!important}.compact-view .item-card .card-name{font-size:14px;margin-bottom:4px}.compact-view .item-card .card-hero{margin-bottom:6px}.compact-view .item-card .card-days-num{font-size:20px}.card-action-btns{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.card-tag-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:700;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0;line-height:1}.card-tag-btn:hover{background:rgba(255,255,255,.08);color:var(--text)}.card-tag-btn .icon{width:12px;height:12px}.card-tags-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.card-inline-tag{font-size:10px;font-family:var(--mono);font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap;letter-spacing:.2px}.card-hero-block{display:block}.card-tags-row-mobile{display:none}.card-tags-row-desktop{display:flex}@media (max-width:899px){.card-hero-block{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-hero-block>.card-hero,.card-hero-block>.card-nodata{margin-bottom:0;flex:0 1 auto}.card-tags-row-mobile{display:flex;margin-bottom:0;justify-content:flex-end;flex:0 1 auto;max-width:60%}.card-hero-block{margin-bottom:10px}.card-tags-row-desktop{display:none}.card-qty-interval{display:none}.card-qty{display:none}.card-footer:not(:has(> :not(.card-qty):not(.card-qty-interval))){display:none}.card-nodata{font-size:15px}.card-inline-tag{font-size:13px}}#card-tag-picker-modal.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:500;display:none;align-items:center;justify-content:center;padding:16px}#card-tag-picker-modal.modal-overlay.active{display:flex}#card-tag-picker-modal .modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;box-shadow:0 16px 40px rgba(0,0,0,.45)}.card-tag-toggle{font-size:12px;font-family:var(--sans);font-weight:600;padding:5px 12px;border-radius:99px;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap}.card-tag-toggle:hover{opacity:.85}.card-tag-toggle:active{transform:scale(.97)}.tag-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;padding:0;position:relative;transition:transform .1s}.tag-swatch:hover{transform:scale(1.1)}.tag-swatch.selected{outline:2px solid var(--text);outline-offset:2px}#view-stock #stock-select-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:36px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-family:var(--sans);font-size:12px;font-weight:400;cursor:pointer;outline:0}#view-stock #stock-select-btn:hover{color:var(--text)}@media (max-width:899px){#view-stock #stock-search-toolbar{flex-wrap:wrap}#view-stock #stock-toolbar-wrap{flex:1 1 calc(33.333% - 7px);max-width:calc(33.333% - 7px);order:2}#view-stock #stock-sort-wrap{flex:1 1 calc(33.333% - 7px);max-width:calc(33.333% - 7px);order:3}#view-stock #stock-select-wrap{flex:1 1 calc(33.333% - 7px);max-width:calc(33.333% - 7px);order:1}#view-stock #stock-sort-wrap #sort-select{padding-left:8px;padding-right:22px}#view-stock #stock-select-btn{padding:5px 8px;gap:6px}}@media (max-width:480px){#view-stock #stock-select-btn{justify-content:center;padding:5px;gap:0}#view-stock #stock-select-btn .manage-label{display:none}}#filter-bar .filter-chip .chip-count{display:inline-block;margin-left:4px;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent);min-width:0}#filter-bar .filter-chip .chip-count:empty{display:none}#filter-bar .filter-chip.active .chip-count{color:inherit}#health-dashboard:empty{display:none}.tag-filter-chip.status-pill{display:inline-flex;align-items:center;gap:5px;font-weight:600}.tag-filter-chip.status-pill .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.tag-filter-chip.status-pill strong{font-family:var(--mono);font-weight:700;margin-left:2px}.filter-bar-sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.5;margin:0 6px;align-self:center;flex-shrink:0}.tag-filter-chip.tag-filter-add{border-style:dashed!important;color:var(--muted)}.tag-filter-chip.tag-filter-add:hover{color:var(--accent);border-color:var(--accent)!important}.recycle-bin-section{margin-top:32px;padding:16px 14px;background:var(--surface);border:1px dashed var(--border);border-radius:12px;opacity:.85}.recycle-bin-section.recycle-bin-collapsed{padding-bottom:12px}.recycle-bin-section.recycle-bin-collapsed .recycle-bin-rows,.recycle-bin-section.recycle-bin-collapsed .recycle-bin-subtitle{display:none}.recycle-bin-section.recycle-bin-collapsed .recycle-bin-header{margin-bottom:0}.recycle-bin-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;cursor:pointer;user-select:none}.recycle-bin-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.recycle-bin-chevron{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--muted);flex-shrink:0;transition:transform .18s ease}.recycle-bin-chevron .icon{width:14px;height:14px}.recycle-bin-section.recycle-bin-collapsed .recycle-bin-chevron{transform:rotate(-90deg)}.recycle-bin-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.recycle-bin-count{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:99px;padding:2px 8px}.recycle-bin-subtitle{font-size:11px;color:var(--muted);font-family:var(--mono);margin-bottom:12px}.recycle-bin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.recycle-bin-row-info{flex:1;min-width:0}.recycle-bin-row-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.recycle-bin-row-meta{font-family:var(--mono);font-size:10px;color:var(--muted)}.recycle-bin-row-actions{display:flex;gap:6px;flex-shrink:0}.recycle-bin-delete{color:var(--danger)!important}.budget-subnav-btn{transition:background .15s,color .15s}.budget-subnav-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.05) inset}.bill-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.bill-row:last-child{border-bottom:none}.bill-row:hover{background:rgba(255,255,255,.025)}.bill-row .bill-day{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--muted);flex-shrink:0}.bill-row.is-due .bill-day{color:var(--warn);border-color:rgba(232,168,56,.4)}.bill-row.is-overdue .bill-day{color:var(--danger);border-color:rgba(232,80,80,.4);background:rgba(232,80,80,.08)}.bill-row.is-paid .bill-day{color:var(--ok);border-color:rgba(76,187,138,.4);background:rgba(76,187,138,.08)}.bill-row.is-skipped .bill-day{opacity:.5}.bill-row .bill-info{flex:1;min-width:0}.bill-row .bill-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bill-row.is-paid .bill-name{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(76,187,138,0.4)}.bill-row.is-skipped .bill-name{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(120,128,160,0.4)}.bill-row .bill-meta{font-size:11px;color:var(--muted);margin-top:2px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bill-row .bill-amount{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text);flex-shrink:0}.bill-row.is-paid .bill-amount{color:var(--ok)}.bill-row.is-overdue .bill-amount{color:var(--danger)}.bill-row.is-skipped .bill-amount{color:var(--muted);text-decoration:line-through}.bill-row .bill-amount.is-variable{color:var(--muted)}.bill-row .bill-actions{display:flex;gap:4px;flex-shrink:0}.bill-action-btn{width:30px;height:30px;border-radius:6px;background:0 0;border:1px solid transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0;padding:0}.bill-action-btn:hover{background:rgba(255,255,255,.06);border-color:var(--border);color:var(--text)}.bill-action-btn.bill-action-paid:hover{color:var(--ok)}.bill-action-btn.bill-action-skip:hover{color:var(--warn)}.bill-action-btn.bill-action-edit:hover{color:var(--accent)}.bill-action-btn svg{width:16px;height:16px}.budget-basic-link:hover{color:var(--text);border-bottom-color:var(--muted)}.budget-basic-link.active{color:var(--accent);border-bottom-color:var(--accent);border-bottom-style:solid}.bill-tag{font-size:9px;font-family:var(--mono);font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:rgba(91,141,238,.12);color:var(--accent2);border:1px solid rgba(91,141,238,.25)}.bill-list{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}#view-budget details summary svg{transition:transform .15s}#view-budget details[open]>summary>svg{transform:rotate(90deg)}@media (max-width:700px){#budget-add-bill-desktop{display:none!important}#view-budget #budget-bills-summary{width:100%}#budget-hero-amount{font-size:28px}.bill-row{padding:10px 12px;gap:10px}.bill-row .bill-action-btn{width:34px;height:34px}.bill-row .bill-action-btn.bill-action-edit{display:none}}.budget-tile-row{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin}.budget-tile-row::-webkit-scrollbar{height:6px}.budget-tile-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.budget-cat-tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;min-width:160px;flex-shrink:0;scroll-snap-align:start;cursor:pointer;transition:background .12s,border-color .12s}.budget-cat-tile:hover{background:rgba(255,255,255,.02)}.budget-cat-tile.is-filtered{border-color:var(--accent);background:rgba(232,168,56,.06)}.budget-cat-tile-name{font-size:12px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.budget-cat-tile-amt{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px}.budget-cat-tile-bar{height:4px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden}.budget-cat-tile-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.budget-cat-tile-bar-fill.is-warn{opacity:.85}.budget-cat-tile-bar-fill.is-over{background:var(--danger)!important}.budget-cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.budget-period-btn{transition:background .15s,color .15s}.budget-period-btn.active{background:var(--surface)!important;color:var(--text)!important}.spend-day-heading{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:rgba(255,255,255,.015);border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px}.spend-tx-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.spend-tx-row:last-child{border-bottom:none}.spend-tx-row:hover{background:rgba(255,255,255,.025)}.spend-tx-info{flex:1;min-width:0}.spend-tx-where{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spend-tx-cat{font-size:11px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:6px}.spend-tx-amount{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text);flex-shrink:0}.quick-add-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:13px}.quick-add-chip.is-warn{border-color:rgba(232,168,56,.35);background:rgba(232,168,56,.04)}.quick-add-chip.is-error{border-color:rgba(232,80,80,.35);background:rgba(232,80,80,.05);color:var(--muted);font-style:italic}.quick-add-chip-icon{display:inline-flex;align-items:center;color:var(--danger)}.quick-add-chip-amt{font-family:var(--mono);font-weight:700;color:var(--text);min-width:60px}.quick-add-chip-where{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.quick-add-chip-cat{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--accent)}.quick-add-chip-cat-name{font-size:12px;color:var(--muted);white-space:nowrap}.quick-add-chip-text{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.budget-setup-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.budget-setup-row input[type=checkbox]{flex-shrink:0;margin:0;cursor:pointer}@media (max-width:700px){.budget-cat-tile{min-width:145px;padding:10px 12px}.budget-cat-tile-name{font-size:11px}.budget-cat-tile-amt{font-size:13px}.spend-tx-row{padding:10px 12px;gap:10px}.quick-add-chip{padding:7px 10px;font-size:12px}.quick-add-chip-amt{min-width:56px}.budget-setup-row{flex-wrap:wrap;gap:6px}}.cashflow-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-family:var(--mono)}.cashflow-cal-head{font-size:9px;color:var(--muted);text-align:center;padding:3px 0}.cashflow-cal-cell{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 5px;font-size:9px;overflow:hidden;cursor:pointer;transition:border-color .12s,background .12s}.cashflow-cal-cell:hover{border-color:var(--muted)}.cashflow-cal-cell.muted{background:0 0;border-color:transparent;cursor:default;pointer-events:none}.cashflow-cal-cell.is-bill{background:rgba(232,80,80,.1);border-color:rgba(232,80,80,.35)}.cashflow-cal-cell.is-pay{background:rgba(76,187,138,.1);border-color:rgba(76,187,138,.35)}.cashflow-cal-cell.is-mixed{background:linear-gradient(135deg,rgba(76,187,138,.1) 0,rgba(76,187,138,.1) 50%,rgba(232,80,80,.1) 50%,rgba(232,80,80,.1) 100%);border-color:rgba(232,168,56,.35)}.cashflow-cal-cell.is-today{border-color:var(--accent)!important;border-width:1.5px}.cashflow-cal-day{font-weight:600;color:var(--text)}.cashflow-cal-cell.muted .cashflow-cal-day{display:none}.cashflow-cal-amt{font-size:8px;font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:700px){.cashflow-cal-cell{padding:3px 4px;font-size:8px}.cashflow-cal-amt{font-size:7px}}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:400;background:linear-gradient(90deg,rgba(232,168,56,.2) 0,rgba(232,168,56,.12) 100%);border-bottom:1px solid rgba(232,168,56,.4);padding:7px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--sans);font-size:12px;color:var(--text);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-height:38px;box-sizing:border-box}.demo-banner-label{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.demo-banner-icon{font-size:14px;flex-shrink:0}.demo-banner-label strong{color:var(--accent);flex-shrink:0}.demo-banner-sub{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-banner-actions{display:inline-flex;gap:6px;flex-shrink:0;align-items:center}.demo-banner-save{display:inline-flex;align-items:center;gap:5px;background:var(--accent-btn);color:#111;border:0;border-radius:7px;padding:6px 10px;font-family:var(--sans);font-weight:700;font-size:11px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .15s}.demo-banner-save:hover{box-shadow:0 2px 8px rgba(232,168,56,.35)}.demo-banner-save:active{transform:scale(.96)}.demo-banner-save .icon{width:12px;height:12px}.demo-banner-exit{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:1px solid rgba(255,255,255,.18);color:var(--muted);border-radius:7px;width:28px;height:28px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s}.demo-banner-exit:hover{background:rgba(255,255,255,.05);color:var(--text);border-color:rgba(255,255,255,.3)}.demo-banner-exit .icon{width:13px;height:13px}body.has-demo-banner{padding-top:var(--demo-banner-offset,38px)}body.has-demo-banner .view-header{scroll-margin-top:calc(var(--demo-banner-offset,38px) + 12px)}body.has-demo-banner #view-notes{padding-top:calc(var(--demo-banner-offset,38px) + 20px)}body.has-demo-banner #view-notes #notes-header,body.has-demo-banner #view-notes .view-header{margin-top:8px}@media (min-width:900px){body.has-demo-banner #main{padding-top:calc(28px + var(--demo-banner-offset,38px))}body.has-demo-banner #view-notes{padding-top:calc(28px + var(--demo-banner-offset,38px))}}@media (max-width:480px){.demo-banner-sub{display:none}.demo-banner-save{padding:6px 9px;font-size:11px}}.demo-nudge{position:fixed;z-index:350;max-width:320px;background:var(--surface);border:1px solid rgba(232,168,56,.45);border-radius:12px;padding:12px 14px;font-family:var(--sans);color:var(--text);box-shadow:0 8px 28px rgba(0,0,0,.35),0 2px 6px rgba(232,168,56,.18);opacity:0;transform:translateY(6px) scale(.97);transition:opacity .22s,transform .22s;pointer-events:auto}.demo-nudge.visible{opacity:1;transform:translateY(0) scale(1)}.demo-nudge-arrow{position:absolute;width:12px;height:12px;background:var(--surface);border-right:1px solid rgba(232,168,56,.45);border-bottom:1px solid rgba(232,168,56,.45);transform:rotate(45deg);bottom:-7px;left:50%;margin-left:-6px}.demo-nudge[data-placement=bottom] .demo-nudge-arrow{bottom:auto;top:-7px;border-right:none;border-bottom:none;border-left:1px solid rgba(232,168,56,.45);border-top:1px solid rgba(232,168,56,.45)}.demo-nudge-body{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;margin-bottom:10px}.demo-nudge-icon{font-size:16px;flex-shrink:0;line-height:1.4}.demo-nudge-text{flex:1;min-width:0}.demo-nudge-ok{background:var(--accent-btn);color:#111;border:0;border-radius:7px;padding:6px 12px;font-family:var(--sans);font-weight:700;font-size:12px;cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent;transition:transform .1s}.demo-nudge-ok:active{transform:scale(.95)}.demo-banner-tour{background:0 0;border:1px solid rgba(255,255,255,.18);color:var(--muted);border-radius:7px;padding:6px 9px;font-family:var(--sans);font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,color .12s}.demo-banner-tour:hover{background:rgba(255,255,255,.05);color:var(--text);border-color:rgba(255,255,255,.3)}.demo-banner-persona-btn{background:rgba(91,141,238,.12);border:1px solid rgba(91,141,238,.35);color:var(--accent2,#5b8dee);border-radius:7px;padding:6px 10px;font-family:var(--sans);font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.demo-banner-persona-btn:hover{background:rgba(91,141,238,.2);border-color:rgba(91,141,238,.55);color:var(--text)}.demo-banner-persona{color:var(--accent2,#5b8dee);font-weight:600}@media (max-width:480px){.demo-banner-tour{display:none}.demo-banner-persona-btn{padding:5px 8px;font-size:10px}}.safe-modal-row-link{transition:background .12s}.safe-modal-row-link:hover{background:rgba(255,255,255,.025)}.safe-modal-row-link:hover svg{color:var(--accent)!important}.strategy-option,.strategy-option *{text-transform:none!important;letter-spacing:normal!important}.strategy-option{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;font-size:13px!important;color:var(--text)!important;cursor:pointer;padding:6px 4px;margin-bottom:0!important;border-radius:6px;transition:background .12s}.strategy-option:hover{background:rgba(255,255,255,.03)}.strategy-option input[type=radio]{margin:3px 0 0 0;flex-shrink:0;cursor:pointer;width:16px;height:16px}.strategy-option-text{flex:1;min-width:0}.strategy-option-title{display:block;font-weight:600;font-size:13px;color:var(--text);line-height:1.35}.strategy-option-desc{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px;line-height:1.4}.billing-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--bg)) 0,color-mix(in srgb,var(--accent) 6%,var(--bg)) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:10px 14px;font-size:13px;position:relative;z-index:9}.billing-banner.urgent{background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 14%,var(--bg)) 0,color-mix(in srgb,var(--danger) 7%,var(--bg)) 100%);border-bottom-color:color-mix(in srgb,var(--danger) 35%,transparent)}.billing-banner-inner{display:flex;align-items:center;gap:10px;max-width:920px;margin:0 auto}.billing-banner-inner>span{flex:1;font-weight:500;color:var(--text);line-height:1.35}.billing-banner-close{background:0 0;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.billing-banner-close:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.billing-banner-close .icon{width:16px;height:16px}.billing-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);margin-bottom:6px}.billing-plan-badge.free{background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted)}.billing-plan-badge.trial{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.billing-plan-badge.paid{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.billing-plan-badge.past_due{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.billing-features{display:flex;flex-direction:column;gap:10px}.billing-feature{display:flex;align-items:flex-start;gap:10px;padding:4px 0;font-size:13px;color:var(--text)}.billing-feature .icon{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--ok)}.billing-feature.locked .icon{color:var(--muted)}.billing-feature.locked{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent)}.billing-feature small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.billing-itemcount-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:11px;font-weight:600;font-family:var(--sans)}.billing-itemcount-badge.over-limit{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.billing-lockscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;gap:16px;min-height:400px}.billing-lockscreen .lock-icon{width:56px;height:56px;padding:14px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.billing-lockscreen h3{font-size:18px;font-weight:700;margin:0;color:var(--text)}.billing-lockscreen p{font-size:14px;color:var(--muted);max-width:380px;line-height:1.5;margin:0}.billing-lockscreen .billing-lockscreen-cta{margin-top:8px}.billing-promo-result-ok{color:var(--ok)}.billing-promo-result-error{color:var(--danger)}.mobile-menu-dropdown{display:none;position:fixed;top:56px;right:12px;min-width:240px;max-width:320px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.35);padding:6px;z-index:950;flex-direction:column;gap:2px;transform:translateY(-6px) scale(.98);opacity:0;pointer-events:none;transition:transform .16s cubic-bezier(.34,1.56,.64,1),opacity .12s ease-out}.mobile-menu-dropdown.open{display:flex;transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:11px 12px;background:0 0;border:none;border-radius:8px;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--text);text-align:left;cursor:pointer;width:100%;transition:background-color .15s ease,color .15s ease}.mobile-menu-item:hover{background:rgba(232,168,56,.07);color:var(--text)}.mobile-menu-item .icon-tab{width:18px;height:18px;color:var(--muted);flex-shrink:0;transition:color .15s ease}.mobile-menu-item:hover .icon-tab{color:var(--accent)}.mobile-menu-item.active{background:var(--accent);color:#111;font-weight:700}.mobile-menu-item.active .icon-tab{color:#111}.mobile-menu-divider{height:1px;background:var(--border);margin:6px 4px;border:0}.mobile-menu-edit-btn{display:flex;align-items:center;gap:12px;padding:11px 12px;margin-top:4px;background:0 0;border:1px dashed var(--border);border-radius:8px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--muted);text-align:left;cursor:pointer;width:100%;transition:background-color .15s,color .15s,border-color .15s}.mobile-menu-edit-btn:hover{background:rgba(232,168,56,.07);color:var(--text);border-color:rgba(232,168,56,.4)}.mobile-menu-edit-btn .icon-tab{width:16px;height:16px;color:var(--muted);flex-shrink:0;transition:color .15s}.mobile-menu-edit-btn:hover .icon-tab{color:var(--accent)}.edit-tabs-list{display:flex;flex-direction:column;gap:6px;margin:14px 0 18px}.edit-tabs-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background-color .15s,border-color .15s;user-select:none}.edit-tabs-row:hover{background:rgba(232,168,56,.06);border-color:rgba(232,168,56,.3)}.edit-tabs-row.selected{background:rgba(232,168,56,.12);border-color:rgba(232,168,56,.5)}.edit-tabs-row .icon-tab{width:20px;height:20px;color:var(--accent);flex-shrink:0}.edit-tabs-row-label{flex:1;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--text)}.edit-tabs-row-position{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent);background:rgba(232,168,56,.15);padding:3px 8px;border-radius:999px;letter-spacing:.5px}.edit-tabs-checkbox{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border);background:var(--bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s}.edit-tabs-checkbox .icon{width:14px;height:14px;color:#111;opacity:0;transition:opacity .12s}.edit-tabs-row.selected .edit-tabs-checkbox{background:var(--accent);border-color:var(--accent)}.edit-tabs-row.selected .edit-tabs-checkbox .icon{opacity:1}.edit-tabs-hint{font-size:12px;color:var(--muted);line-height:1.55;margin:0 0 6px}#header-burger-btn:active,#header-burger-btn:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}@media (max-width:600px){#tabs>.tab{flex-direction:row;gap:10px;padding:14px 6px;font-size:14px;font-weight:700}#tabs>.tab .icon-tab{width:22px;height:22px}}#notif-bell-btn:active,#notif-bell-btn:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.notif-bell-badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;line-height:1;padding:2px 5px;border-radius:99px;min-width:16px;text-align:center;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;border:1.5px solid var(--bg)}.notif-panel{display:none;position:fixed;top:56px;right:12px;width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 96px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.35);z-index:950;flex-direction:column;transform:translateY(-6px) scale(.98);opacity:0;pointer-events:none;transition:transform .16s cubic-bezier(.34,1.56,.64,1),opacity .12s ease-out}.notif-panel.open{display:flex;transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.notif-panel-title{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:700;color:var(--text)}.notif-panel-title .icon{color:var(--accent)}.notif-panel-header-actions{display:flex;align-items:center;gap:4px}.notif-panel-action-btn{display:inline-flex;align-items:center;gap:4px;background:0 0;border:1px solid transparent;border-radius:6px;padding:4px 8px;color:var(--muted);font-family:var(--sans);font-size:11px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.notif-panel-action-btn:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text);border-color:var(--border)}.notif-panel-close{background:0 0;border:none;color:var(--muted);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;margin-left:2px}.notif-panel-close:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.notif-panel-body{flex:1;min-height:0;overflow-y:auto;padding:4px 6px 8px;-webkit-overflow-scrolling:touch}.notif-section-label{display:flex;align-items:center;gap:6px;padding:10px 10px 4px;font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.notif-section-label .icon{color:var(--accent)}.notif-row{display:flex;align-items:flex-start;gap:10px;padding:10px 10px;border-radius:10px;margin:2px 4px;background:0 0;transition:background-color .15s ease;border-left:3px solid transparent;touch-action:pan-y;will-change:transform}.notif-row:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.notif-row.unread{background:color-mix(in srgb,var(--accent) 8%,transparent);border-left-color:var(--accent)}.notif-row.unread:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.notif-row.pinned{background:color-mix(in srgb,var(--accent) 5%,transparent);border-left-color:var(--accent)}.notif-row.pinned.unread{background:color-mix(in srgb,var(--accent) 12%,transparent)}.notif-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);margin-top:1px}.notif-icon .icon{width:18px;height:18px}.notif-content{flex:1;min-width:0;cursor:pointer}.notif-title{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--text);line-height:1.35;margin-bottom:3px;word-wrap:break-word;overflow-wrap:break-word}.notif-body{font-family:var(--sans);font-size:13.5px;color:var(--muted);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.notif-meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:5px;display:flex;gap:6px}.notif-source{color:var(--muted)}.notif-actions{display:flex;flex-direction:column;gap:2px;flex-shrink:0;opacity:.4;transition:opacity .15s ease}.notif-row:hover .notif-actions{opacity:1}.notif-dismiss-btn,.notif-pin-btn{background:0 0;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.notif-dismiss-btn:hover,.notif-pin-btn:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.notif-pin-btn.active{color:var(--accent)}.notif-pin-btn.active:hover{color:var(--accent)}.notif-pin-btn:disabled{opacity:.3;cursor:not-allowed}.notif-pin-btn:disabled:hover{background:0 0;color:var(--muted)}.notif-dismiss-btn .icon,.notif-pin-btn .icon{width:18px;height:18px}@media (hover:none){.notif-actions{opacity:1}}.notif-ctx-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.notif-ctx-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;font-family:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:8px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.notif-ctx-btn:hover{background:color-mix(in srgb,var(--text) 8%,var(--surface2));border-color:color-mix(in srgb,var(--text) 20%,var(--border))}.notif-ctx-btn.primary{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.notif-ctx-btn.primary:hover{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.notif-ctx-btn .icon{flex-shrink:0}.notif-empty{text-align:center;padding:40px 20px;color:var(--muted)}.notif-next-reminder{margin:0 4px}.notif-next-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin:4px 6px 8px;background:color-mix(in srgb,var(--accent) 5%,transparent);border:1px dashed color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px}.notif-next-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.notif-next-icon .icon{width:18px;height:18px}.notif-next-content{flex:1;min-width:0}.notif-next-title{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--text);line-height:1.35;margin-bottom:2px;word-wrap:break-word;overflow-wrap:break-word}.notif-next-meta{font-family:var(--mono);font-size:11px;color:var(--muted)}.notif-end-terminator{text-align:center;padding:14px 0 18px;font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted);opacity:.7}.notif-history-modal{overflow:hidden}.notif-history-body{overflow-y:auto;padding:4px 6px 14px;flex:1;min-height:0}.notif-history-sort-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted);font-family:var(--sans);font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.notif-history-sort-btn:hover{background:color-mix(in srgb,var(--text) 8%,var(--surface2));color:var(--text)}.notif-history-sort-btn.active{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.notif-history-subhead{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:10px 12px 4px}.notif-history-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;margin:2px 4px}.notif-history-row:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.notif-history-row.notif-dismissed{opacity:.55}.notif-history-row.notif-dismissed .notif-title{text-decoration:line-through;text-decoration-thickness:1px}.notif-dismissed-tag{font-style:italic;color:var(--muted)}#notif-history-modal.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1200;display:none;align-items:center;justify-content:center;padding:16px}#notif-history-modal.modal-overlay.active{display:flex}#notif-history-modal .modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:560px;box-shadow:0 16px 40px rgba(0,0,0,.45)}@media (max-width:600px){#notif-history-modal.modal-overlay{padding:8px}#notif-history-modal .modal{max-width:100%;max-height:95vh}}@keyframes notifFlashPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 70%,transparent)}40%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 35%,transparent)}70%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 0,transparent)}}.notif-flash{animation:notifFlashPulse 1.6s ease-out;position:relative;z-index:1}@media (max-width:600px){.notif-panel{top:56px;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:none;height:calc(100vh - 56px);height:calc(100dvh - 56px);border-radius:16px 16px 0 0;border-bottom:none;transform:translateY(-100%);box-shadow:0 8px 32px rgba(0,0,0,.5);padding-bottom:env(safe-area-inset-bottom,0);transition:transform .22s cubic-bezier(.22, 1, .36, 1),opacity .12s ease-out}.notif-panel.open{transform:translateY(0)}.notif-panel-header{padding:14px 16px}.notif-panel-action-btn span{display:none}.notif-panel-action-btn{padding:6px 8px}.notif-row{padding:12px 10px}.notif-title{font-size:16px}.notif-body{font-size:14px}body.notif-panel-open #fab-btn,body.notif-panel-open #fab-container{z-index:900!important}}.notif-sidebar-badge{margin-left:auto;background:var(--danger);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;line-height:1;padding:2px 6px;border-radius:99px;min-width:18px;text-align:center;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}#notif-sidebar-btn{position:relative}@media (min-width:900px){.notif-panel{top:auto;bottom:16px;left:224px;right:auto;width:380px;max-height:calc(100vh - 32px);box-shadow:0 12px 36px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.35);transform:translateX(-8px) scale(.98)}.notif-panel.open{transform:translateX(0) scale(1)}#app-header #notif-bell-badge{display:none!important}}.app-nav-search-wrap{padding:8px;border-top:1px solid var(--glass-border)}.app-nav-search-btn{width:100%;position:relative;padding:7px 14px!important;border-radius:99px!important;border:1px solid var(--border)!important;background:var(--bg)!important;font-size:13px!important}.app-nav-search-btn:hover{background:var(--surface2)!important}.global-search-modal{display:none;position:fixed;inset:0;z-index:1180;align-items:flex-start;justify-content:center;padding:80px 16px 16px}.global-search-modal.open{display:flex}.global-search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.global-search-panel{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 96px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.35);overflow:hidden;animation:globalSearchIn .18s cubic-bezier(.34,1.56,.64,1)}@keyframes globalSearchIn{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.global-search-input-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.global-search-input-icon{color:var(--muted);flex-shrink:0}#global-search-input{flex:1;min-width:0;background:0 0;border:none;outline:0;color:var(--text);font-family:var(--sans);font-size:16px;padding:2px 0}#global-search-input::placeholder{color:var(--muted)}#global-search-input::-webkit-search-cancel-button,#global-search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.global-search-close{background:0 0;border:none;cursor:pointer;color:var(--muted);padding:6px;border-radius:6px;display:flex;align-items:center}.global-search-close:hover{background:var(--surface2);color:var(--text)}.global-search-results{flex:1;overflow-y:auto;padding:8px 0 12px}.global-search-empty{text-align:center;color:var(--muted);font-size:13px;padding:28px 16px}.global-search-section{padding:6px 0 4px}.global-search-section-title{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:10px 16px 6px;display:flex;align-items:center;gap:6px}.global-search-section-title .icon{width:13px;height:13px;color:var(--accent)}.global-search-section-title.current{color:var(--accent)}.global-search-section-more{font-size:11px;color:var(--muted);padding:6px 16px 4px;font-style:italic}.global-search-row{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;border-left:3px solid transparent;transition:background .1s,border-left-color .1s}.global-search-row.active,.global-search-row:hover{background:var(--surface2);border-left-color:var(--accent)}.global-search-row-icon{color:var(--muted);flex-shrink:0;width:16px;height:16px}.global-search-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.global-search-row-title{font-size:14px;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-row-sub{font-size:11px;color:var(--muted);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-row mark{background:rgba(232,168,56,.25);color:var(--text);border-radius:2px;padding:0 1px}.global-search-row.is-state-archived,.global-search-row.is-state-deleted{opacity:.62}.global-search-row.is-state-archived .global-search-row-title,.global-search-row.is-state-deleted .global-search-row-title{font-weight:500}.global-search-row.is-state-deleted .global-search-row-title{text-decoration:line-through;text-decoration-color:var(--muted)}.search-row-state-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;border-radius:3px;vertical-align:middle}.search-row-state-badge.state-archived{background:rgba(140,140,140,.18);color:var(--muted);border:1px solid var(--border)}.search-row-state-badge.state-deleted{background:rgba(220,80,80,.15);color:#c45757;border:1px solid rgba(220,80,80,.3)}.global-search-row.search-row-accessibility-chip{cursor:default;align-items:flex-start;padding-top:12px;padding-bottom:12px}.global-search-row.search-row-accessibility-chip.active,.global-search-row.search-row-accessibility-chip:hover{background:0 0;border-left-color:transparent}.global-search-row.search-row-accessibility-chip .global-search-row-icon{margin-top:2px}.global-search-row.search-row-accessibility-chip .global-search-row-sub,.global-search-row.search-row-accessibility-chip .global-search-row-title{white-space:normal}.search-row-inline-seg{margin-top:8px}.search-row-more-lists{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 8px 2px 6px;background:0 0;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.search-row-more-lists:hover{background:var(--surface2);color:var(--text);border-color:var(--accent)}.search-row-more-lists svg{width:11px;height:11px;flex-shrink:0;transition:transform .15s ease}.search-row-more-lists.expanded svg{transform:rotate(180deg)}.search-row-other-lists{margin-top:4px;display:flex;flex-direction:column;gap:1px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px}.search-row-other-list-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--text);transition:background .1s}.search-row-other-list-item:hover{background:var(--surface2)}.search-row-other-list-item svg{width:12px;height:12px;color:var(--muted);flex-shrink:0}.search-row-other-list-item.is-state-deleted{opacity:.6}.search-row-other-list-item.is-state-deleted span:first-of-type{text-decoration:line-through;text-decoration-color:var(--muted)}.global-search-filter-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface);position:sticky;bottom:0}.global-search-filter-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.global-search-filter-box{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:12px;color:var(--text)}.global-search-filter-box input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent);margin:0}.global-search-filter-box em{color:var(--muted);font-style:normal;font-family:var(--mono);font-size:11px}.global-search-filter-box:hover span{color:var(--accent)}.omnibox-results .global-search-filter-bar{position:static}.omnibox-workflow-panel{display:flex;flex-direction:column;min-height:0;max-height:100%}.omnibox-workflow-header{display:flex;align-items:flex-start;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.omnibox-workflow-header>svg{color:var(--accent);flex-shrink:0;margin-top:2px}.omnibox-workflow-title{font-size:14px;font-weight:700;color:var(--text)}.omnibox-workflow-sub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}.omnibox-workflow-back{background:0 0;border:1px solid var(--border);border-radius:6px;width:28px;height:28px;cursor:pointer;color:var(--text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:4px}.omnibox-workflow-back:hover{background:var(--surface2);border-color:var(--accent)}.omnibox-workflow-back svg{width:14px;height:14px}.omnibox-workflow-chooser{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px}.omnibox-workflow-pill{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);text-align:left;transition:background .1s,border-color .1s,transform 80ms}.omnibox-workflow-pill:not(:disabled):hover{background:var(--surface);border-color:var(--accent)}.omnibox-workflow-pill:not(:disabled):active{transform:scale(.98)}.omnibox-workflow-pill:disabled{opacity:.45;cursor:not-allowed}.omnibox-workflow-pill svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.omnibox-workflow-pill-label{font-size:13px;font-weight:700}.omnibox-workflow-pill-count{font-size:11px;font-family:var(--mono);color:var(--muted)}.omnibox-workflow-list{flex:1 1 auto;overflow-y:auto;min-height:0;padding:4px 0}.omnibox-workflow-section-label{padding:8px 16px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.omnibox-workflow-row{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border)}.omnibox-workflow-row:last-child{border-bottom:none}.omnibox-workflow-row.is-selected{background:rgba(232,168,56,.05)}.omnibox-workflow-row-check{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.omnibox-workflow-row-check input{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--accent)}.omnibox-workflow-row-icon{width:18px;height:18px;color:var(--muted);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.omnibox-workflow-row-icon svg{width:16px;height:16px}.omnibox-workflow-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.omnibox-workflow-row-title{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omnibox-workflow-row-sub{font-size:11px;color:var(--muted);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omnibox-workflow-row-buylink{display:inline-flex;align-items:center;gap:3px;color:var(--accent);text-decoration:none;font-family:var(--mono);font-weight:600;border-bottom:1px dashed transparent;transition:border-color .1s,color .1s}.omnibox-workflow-row-buylink:hover{color:var(--text);border-bottom-color:var(--accent)}.omnibox-workflow-row-buylink svg{width:10px;height:10px;flex-shrink:0}.omnibox-workflow-row-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;border-radius:3px;vertical-align:middle}.omnibox-workflow-row-badge.state-critical{background:rgba(220,80,80,.15);color:#c45757;border:1px solid rgba(220,80,80,.3)}.omnibox-workflow-row-badge.state-low{background:rgba(232,168,56,.18);color:#c47a1f;border:1px solid rgba(232,168,56,.3)}.omnibox-workflow-row-qty{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.omnibox-workflow-row-qty label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.omnibox-workflow-row-qty input{width:56px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-size:12px;font-family:var(--mono);text-align:center}.omnibox-workflow-row-qty input:focus{outline:0;border-color:var(--accent)}.omnibox-workflow-row-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .1s,border-color .1s,color .1s}.omnibox-workflow-row-btn:hover{background:var(--accent);border-color:var(--accent);color:#111}.omnibox-workflow-row-btn svg{width:12px;height:12px;flex-shrink:0}.omnibox-workflow-row-btn.btn-start-using{background:rgba(76,187,138,.15);border-color:rgba(76,187,138,.4);color:var(--ok)}.omnibox-workflow-row-btn.btn-start-using:hover{background:var(--ok);color:#fff;border-color:var(--ok)}.omnibox-workflow-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}@media (max-width:520px){.omnibox-workflow-chooser{grid-template-columns:1fr}}.search-chip{margin:6px 12px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;display:flex;flex-direction:column;gap:8px;font-size:13px}.search-chip-head{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.search-chip-head:hover .search-chip-title{color:var(--accent)}.search-chip-icon{color:var(--accent);width:18px;height:18px;flex-shrink:0}.search-chip-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid var(--border)}.search-chip-head-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.search-chip-title{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-chip-title mark{background:rgba(232,168,56,.25);color:var(--text);border-radius:2px;padding:0 1px}.search-chip-sub{font-size:11px;color:var(--muted);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-chip-actions{display:flex;gap:6px;flex-wrap:wrap}.search-chip-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.search-chip-btn:hover{background:var(--accent);border-color:var(--accent);color:#111}.search-chip-btn svg{width:12px;height:12px;flex-shrink:0}.search-chip-txlist{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px}.search-chip-tx{display:grid;grid-template-columns:80px 1fr auto;gap:8px;align-items:center;padding:5px 8px;border-radius:4px;cursor:pointer;transition:background .1s}.search-chip-tx:hover{background:var(--surface2)}.search-chip-tx-date{font-size:11px;color:var(--muted);font-family:var(--mono)}.search-chip-tx-where{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-chip-tx-amount{font-size:12px;color:var(--text);font-family:var(--mono);font-weight:600;text-align:right}.search-chip-empty{padding:8px;font-size:11px;color:var(--muted);text-align:center}.quick-add-prefill-banner{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;font-size:12px;color:var(--text)}.quick-add-prefill-banner svg{color:var(--accent)}.quick-add-prefill-banner span{flex:1}.quick-add-prefill-banner strong{color:var(--accent)}.quick-add-prefill-clear{background:0 0;border:none;color:var(--muted);font-size:18px;line-height:1;padding:0 4px;cursor:pointer;border-radius:4px}.quick-add-prefill-clear:hover{color:var(--text);background:var(--surface)}@media (max-width:899px){.global-search-modal{padding:0;align-items:flex-start;justify-content:stretch}.global-search-panel{max-width:100%;width:100%;height:50vh;max-height:50vh;border-radius:0 0 16px 16px;border-top:none;border-left:none;border-right:none}@keyframes globalSearchIn{from{opacity:.6;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}body.global-search-open{overflow:hidden;touch-action:none}@media (min-width:900px){#global-search-btn{display:none}}@media (max-width:899px){.app-nav-search-wrap{display:none}}body.bulk-select-mode .item-card{cursor:pointer;transition:outline .12s}body.bulk-select-mode .item-card:hover{outline:2px solid var(--accent);outline-offset:-2px}.item-card.selected{outline:2px solid var(--accent);outline-offset:-2px;background:rgba(232,168,56,.05)}body.bulk-select-mode .card-actions,body.bulk-select-mode .swipe-hint{display:none!important}body.bulk-select-mode #fab-btn{display:none!important}.bulk-select-bar{position:sticky;bottom:16px;z-index:700;margin:12px auto 16px;width:fit-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface);border:2px solid var(--accent);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.45),0 0 0 4px rgba(232,168,56,.12);backdrop-filter:blur(6px);flex-wrap:wrap;justify-content:center}body.bulk-select-mode-stock #view-stock #stock-select-btn{border-color:var(--accent);color:var(--accent);background:rgba(232,168,56,.08);box-shadow:0 0 0 1px var(--accent)}body.bulk-select-mode-category #budget-cat-modal .btn.btn-ghost[onclick*="toggleBulkSelectMode('category')"],body.bulk-select-mode-category #view-budget .btn.btn-ghost[onclick*="toggleBulkSelectMode('category')"],body.bulk-select-mode-grocery #view-grocery .btn.btn-ghost[onclick*="toggleBulkSelectMode('grocery')"],body.bulk-select-mode-reminder #view-reminders .btn.btn-ghost[onclick*="toggleBulkSelectMode('reminder')"]{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(232,168,56,.08)!important;box-shadow:0 0 0 1px var(--accent)}.bulk-select-bar-count{font-size:12px;font-family:var(--mono);color:var(--muted);padding-right:8px;border-right:1px solid var(--border);margin-right:4px;white-space:nowrap}@media (max-width:899px){.bulk-select-bar{position:fixed;margin:0;width:auto;bottom:12px;left:8px;right:8px;transform:none;max-width:none;border-radius:16px;padding:10px 12px;font-size:13px}}body.bulk-select-mode-grocery .grocery-picker-card{cursor:pointer;transition:outline .12s}body.bulk-select-mode-grocery .grocery-picker-card:hover{outline:2px solid var(--accent);outline-offset:-2px}.grocery-picker-card.selected{outline:2px solid var(--accent);outline-offset:-2px;background:rgba(232,168,56,.05)}body.bulk-select-mode-grocery .grocery-picker-card-actions{display:none!important}body.bulk-select-mode-reminder .reminder-card{cursor:pointer;transition:outline .12s}body.bulk-select-mode-reminder .reminder-card:hover{outline:2px solid var(--accent);outline-offset:-2px}.reminder-card.selected{outline:2px solid var(--accent);outline-offset:-2px;background:rgba(232,168,56,.05)}body.bulk-select-mode-reminder [data-bulk-disabled=true]{opacity:.45;pointer-events:auto}body.bulk-select-mode-reminder [data-bulk-disabled=true]:hover{outline:0}body.bulk-select-mode-reminder .reminder-card-actions{display:none!important}body.bulk-select-mode-reminder [data-bulk-disabled=true] .reminder-card-actions{display:none!important}body.bulk-select-mode-category .budget-cat-tile{cursor:pointer;transition:outline .12s}body.bulk-select-mode-category .budget-cat-tile:hover{outline:2px solid var(--accent);outline-offset:-2px}.budget-cat-tile.selected{outline:2px solid var(--accent);outline-offset:-2px;background:rgba(232,168,56,.08)}body.bulk-select-mode-category .budget-cat-tile.is-filtered:not(.selected){outline:0}body.bulk-select-mode-category .budget-cat-row{cursor:pointer;transition:outline .12s}body.bulk-select-mode-category .budget-cat-row:hover{outline:2px solid var(--accent);outline-offset:-2px}.budget-cat-row.selected{outline:2px solid var(--accent);outline-offset:-2px;background:rgba(232,168,56,.08)}body.bulk-select-mode-category .budget-cat-row .bill-actions{display:none!important}.omnibox{position:sticky;top:56px;z-index:95;background:var(--bg);border-bottom:1px solid var(--border)}.omnibox[data-state=expanded]{position:fixed;left:0;right:0;border-bottom-color:transparent}#omnibox-scrim{position:fixed;inset:0;z-index:94;background:rgba(15,17,23,.18);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);opacity:0;pointer-events:none;transition:opacity .18s ease-out}body.omnibox-expanded #omnibox-scrim{opacity:1;pointer-events:auto}body.omnibox-expanded,html.omnibox-locked{overflow:hidden}.omnibox-input-row{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.omnibox-input-icon{color:var(--muted);flex-shrink:0}#omnibox-input{flex:1;min-width:0;background:0 0;border:none;outline:0;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.4;padding:4px 0;resize:none;overflow:hidden;max-height:96px}#omnibox-input::placeholder{color:var(--muted)}.omnibox-clear{background:0 0;border:none;cursor:pointer;color:var(--muted);padding:6px;border-radius:6px;display:flex;align-items:center;flex-shrink:0}.omnibox-clear:hover{background:var(--surface2);color:var(--text)}.omnibox-panel{display:none;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 20px rgba(0,0,0,.3)}.omnibox[data-state=expanded] .omnibox-panel{display:flex}.omnibox-results{flex:1 1 auto;overflow-y:auto;max-height:50vh;min-height:0}.omnibox-empty{text-align:center;color:var(--muted);font-size:13px;padding:24px 16px}.omnibox-results .global-search-section{padding:4px 0 2px}.omnibox-results .global-search-section-title{padding:8px 14px 4px}.omnibox-results .global-search-row{padding:8px 14px}.omnibox-actions{background:var(--bg);border-top:1px solid var(--border);flex-shrink:0}.omnibox-action{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .12s;white-space:nowrap;text-align:left}.omnibox-action:hover{background:var(--surface);border-color:var(--muted)}.omnibox-action:active{transform:scale(.97)}.omnibox-action .icon{width:16px;height:16px;color:var(--accent);flex-shrink:0}.omnibox-action:disabled,.omnibox-action[data-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none}.omnibox-action[data-primary=true]{background:var(--accent);color:#111;border-color:var(--accent);box-shadow:0 2px 8px rgba(232,168,56,.3)}.omnibox-action[data-primary=true] .icon{color:#111}.omnibox-actions,.omnibox-actions[data-layout=chips]{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px}.omnibox-actions[data-layout=grid]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px}.omnibox-actions[data-layout=grid] .omnibox-action{justify-content:center;padding:14px 10px}.omnibox-actions[data-layout=list]{display:flex;flex-direction:column;gap:2px;padding:8px 0}.omnibox-actions[data-layout=list] .omnibox-action{width:100%;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom-color:transparent;background:0 0;padding:12px 18px}.omnibox-actions[data-layout=list] .omnibox-action:hover{background:var(--surface);border-bottom-color:var(--border)}.omnibox-actions[data-layout=list] .omnibox-action[data-primary=true]{background:rgba(232,168,56,.12);color:var(--text);box-shadow:none}.omnibox-actions[data-layout=list] .omnibox-action[data-primary=true] .icon{color:var(--accent)}@media (max-width:899px){.omnibox[data-state=expanded] .omnibox-results{max-height:40vh}.omnibox-input-row{padding:7px 12px}.omnibox-action{font-size:11px;font-weight:700}.omnibox-action .icon{width:14px;height:14px}.omnibox-actions[data-layout=chips]{padding:8px 10px;gap:5px}.omnibox-actions[data-layout=chips] .omnibox-action{padding:7px 10px}.omnibox-actions[data-layout=grid]{padding:10px 10px;gap:6px}.omnibox-actions[data-layout=grid] .omnibox-action{padding:12px 6px}.omnibox-actions[data-layout=list] .omnibox-action{padding:11px 14px}}@media (min-width:900px){.omnibox{top:0;margin-left:220px}.omnibox[data-state=expanded]{margin-left:0;left:220px;right:0;top:0}#omnibox-scrim{left:220px}.omnibox-input-row{min-height:52px;padding:0 36px;box-sizing:border-box}.omnibox-actions[data-layout=chips]{padding:12px 36px}.omnibox-actions[data-layout=grid]{padding:14px 36px}.omnibox-actions[data-layout=list]{padding:8px 0}.omnibox-actions[data-layout=list] .omnibox-action{padding-left:36px;padding-right:36px}.omnibox-results .global-search-section-title{padding-left:36px;padding-right:36px}.omnibox-results .global-search-row{padding-left:36px;padding-right:36px}.omnibox-empty{padding:28px 36px}}body.grocery-list-open .omnibox,body.note-open .omnibox,body.wizard-active .omnibox{display:none!important}.omnibox-intent-hint{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);padding:8px 14px 0;background:var(--bg);border-top:1px solid var(--border);animation:omniboxHintFade .18s ease-out}@keyframes omniboxHintFade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (min-width:900px){.omnibox-intent-hint{padding-left:36px;padding-right:36px}}.omnibox-intent-hint+.omnibox-actions{border-top:none;padding-top:8px}.omnibox-action[data-disabled=true]{pointer-events:auto;cursor:pointer;opacity:.4}.omnibox-action[data-disabled=true]:hover{opacity:.65;background:var(--surface);border-color:var(--muted)}.omnibox-spend-preview{padding:10px 14px;background:var(--bg);border-top:1px solid var(--border)}.omnibox-spend-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.omnibox-spend-preview-label{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.omnibox-spend-preview-chips{display:flex;flex-direction:column;gap:5px}.omnibox-spend-preview+.omnibox-intent-hint{border-top:none}@media (min-width:900px){.omnibox-spend-preview{padding-left:36px;padding-right:36px}}@media (hover:hover){.omnibox-action[data-hint]{position:relative}.omnibox-action[data-hint]::after{content:attr(data-hint);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(2px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;font-family:var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;max-width:320px;overflow-wrap:anywhere;pointer-events:none;opacity:0;transition:opacity .12s,transform .12s;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.4)}.omnibox-action[data-hint]:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}.omnibox-action[data-hint]:last-of-type::after,.omnibox-action[data-hint]:nth-last-of-type(2)::after{white-space:normal;width:240px;text-align:left}}@media (hover:none){.omnibox-action[data-hint]:focus{position:relative}.omnibox-action[data-hint]:focus::after{content:attr(data-hint);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;font-family:var(--sans);letter-spacing:0;text-transform:none;width:max-content;max-width:80vw;pointer-events:none;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.4)}.btn-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.banner-close,.modal .close,.modal-close,[aria-label=Close],[aria-label=Dismiss]{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}@media (max-width:899px){.omnibox-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px;padding:10px 12px}.omnibox-actions .omnibox-action{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;font-size:11px;white-space:nowrap;text-align:center;min-width:0;overflow:hidden}.omnibox-actions .omnibox-action .icon{width:18px;height:18px}.omnibox-actions .omnibox-action[data-action=stockroom]{order:1}.omnibox-actions .omnibox-action[data-action=spend]{order:2}.omnibox-actions .omnibox-action[data-action=notes]{order:3}.omnibox-actions .omnibox-action[data-action=groceries]{order:4}.omnibox-actions .omnibox-action[data-action=reminders]{order:5}.omnibox-actions .omnibox-action[data-action=search]{order:6}}.omnibox-backdrop{display:none}@media (max-width:899px){.omnibox-backdrop{display:block;position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);z-index:94;opacity:0;pointer-events:none;transition:opacity .18s ease-out;-webkit-tap-highlight-color:transparent}.omnibox-backdrop.visible{opacity:1;pointer-events:auto}}body.global-search-open .omnibox-backdrop,body.grocery-list-open .omnibox-backdrop,body.note-open .omnibox-backdrop,body.wizard-active .omnibox-backdrop{display:none!important}.theme-seg{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:2px;gap:0;flex-shrink:0;flex-wrap:wrap}.theme-seg-btn{background:0 0;border:none;color:var(--muted);font-family:var(--sans);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;-webkit-tap-highlight-color:transparent;min-height:32px}.theme-seg-btn:hover{color:var(--text)}.theme-seg-btn.active{background:var(--accent-btn);color:#111}.theme-seg-btn .icon{width:13px;height:13px}html[data-theme=light] .theme-seg-btn.active{box-shadow:0 1px 3px rgba(0,0,0,.12)}html[data-theme=hc] .theme-seg-btn.active{background:var(--accent);color:#000;box-shadow:none}html[data-theme=light] #app-header{background:rgba(255,255,255,var(--surface-opacity));box-shadow:0 1px 0 rgba(0,0,0,.05),0 4px 20px rgba(0,0,0,.06)}html[data-theme=light] #tabs{background:rgba(255,255,255,.7)}html[data-theme=light] .settings-card{background:rgba(255,255,255,.7)}html[data-theme=light] .modal{background:rgba(255,255,255,.92);box-shadow:var(--glass-shadow),0 0 0 1px rgba(0,0,0,.03) inset}html[data-theme=light] #app-nav{background:rgba(255,255,255,.95);border-right:1px solid var(--glass-border)}html[data-theme=light] .settings-collapsible-header{background:rgba(255,255,255,.7)}html[data-theme=light] .settings-collapsible-header:active,html[data-theme=light] .settings-collapsible-header:hover{background:rgba(232,232,220,.8)}html[data-theme=light] #view-settings .settings-section-header{background:rgba(255,255,255,.7)}html[data-theme=light] .btn-ghost{background:rgba(0,0,0,.03);border:1px solid var(--border)}html[data-theme=light] .btn-ghost:hover{background:rgba(0,0,0,.06);border-color:var(--muted)}html[data-theme=light] .btn-primary:hover{background:#e8a838}html[data-theme=light] .item-card:hover{border-color:var(--accent)}html[data-theme=light] .note-row:hover{background:rgba(0,0,0,.025)}html[data-theme=light] .note-row:active{background:rgba(0,0,0,.04)}html[data-theme=light] .mobile-menu-item:hover{background:rgba(192,132,24,.1)}html[data-theme=light] .app-nav-link:hover{background:rgba(192,132,24,.08)}html[data-theme=light] .app-nav-link.active{background:rgba(192,132,24,.14)}html[data-theme=light] .dept-manage-row,html[data-theme=light] .grocery-item,html[data-theme=light] .log-entry,html[data-theme=light] .report-table td,html[data-theme=light] .setting-row,html[data-theme=light] .tag-input-row{border-bottom-color:rgba(0,0,0,.06)}.history-row{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .1s,background .1s}.history-row:hover{border-color:var(--accent)}.history-row.is-expanded{background:var(--surface);border-color:var(--accent)}.history-row-head{display:flex;align-items:center;gap:8px}.history-row-summary{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row-meta{margin-top:3px;font-size:11px;color:var(--muted);font-family:var(--mono);display:flex;gap:6px;flex-wrap:wrap}.history-row-device{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:0 5px;font-size:10px;font-weight:700;color:var(--muted)}.history-row-restore{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px}.history-row-restore svg{width:12px;height:12px}.history-row-detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.history-detail-block{display:flex;flex-direction:column;gap:4px}.history-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.history-detail-json{margin:0;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:11px;line-height:1.4;color:var(--text);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.history-detail-empty{font-size:12px;color:var(--muted);padding:6px 0;font-style:italic}html[data-theme=light] .card-action-overlay{background:rgba(255,255,255,.92);backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%);border-top:1px solid rgba(0,0,0,.08)}html[data-theme=light] .card-action-tile{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08);color:var(--text)}html[data-theme=light] .card-action-tile:hover{background:rgba(192,132,24,.12);border-color:rgba(192,132,24,.4)}html[data-theme=light] #budget-subnav{background:var(--bg)!important;border-color:var(--border)!important}.budget-subnav-btn.active{background:var(--surface)!important;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 0 rgba(255,255,255,.05) inset!important}html[data-theme=light] .budget-subnav-btn.active{box-shadow:0 1px 3px rgba(0,0,0,.08)!important}html[data-theme=light] #note-editor-overlay[style*="var(--bg)"]{background:var(--surface)!important}html[data-theme=light] body.note-open::before{background:rgba(0,0,0,.15)!important}html[data-theme=light] .note-swatch[data-colour=""]{background:var(--surface)!important;border:1px solid var(--border)}html[data-theme=light] .note-swatch[data-colour="#3a2e10"]{background:#fbeccc!important}html[data-theme=light] .note-swatch[data-colour="#3a1010"]{background:#fbd6d6!important}html[data-theme=light] .note-swatch[data-colour="#0e3020"]{background:#d3ecdd!important}html[data-theme=light] .note-swatch[data-colour="#0e2040"]{background:#d6e2f5!important}html[data-theme=light] .note-swatch[data-colour="#2a1040"]{background:#e5d8f0!important}html[data-theme=light] .note-swatch[data-colour="#0e3030"]{background:#d3ecec!important}body.has-demo-banner #app-header{top:var(--demo-banner-offset,38px)!important}body.has-demo-banner .omnibox{top:calc(var(--demo-banner-offset,38px) + 56px)!important}body.has-demo-banner .omnibox[data-state=expanded]{top:calc(var(--demo-banner-offset,38px) + 56px)!important}@media (min-width:900px){body.has-demo-banner .omnibox{top:var(--demo-banner-offset,38px)!important}body.has-demo-banner .omnibox[data-state=expanded]{top:var(--demo-banner-offset,38px)!important}}.shortcuts-help-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .18s ease}.shortcuts-help-overlay.show{opacity:1;pointer-events:auto}.shortcuts-help-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.4);width:100%;max-width:420px;max-height:80vh;overflow-y:auto;transform:translateY(8px);transition:transform .18s ease}.shortcuts-help-overlay.show .shortcuts-help-card{transform:translateY(0)}.shortcuts-help-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.shortcuts-help-close{background:0 0;border:none;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px}.shortcuts-help-close:hover{color:var(--text)}.shortcuts-help-body{padding:8px 18px 18px}.shortcut-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:130px}.shortcut-kbd{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:3px 7px;white-space:nowrap}.shortcut-then{font-size:11px;color:var(--muted);font-family:var(--sans)}.shortcut-desc{font-size:13px;color:var(--text)}@media (prefers-reduced-motion:reduce){.shortcuts-help-card,.shortcuts-help-overlay{transition:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}