*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ebf5f7;color:#111827}.app{display:flex;flex-direction:column;min-height:100vh;max-width:720px;margin:0 auto;background:#fff}.app-header{background:#1d7a8a;color:#fff;padding:.6rem 1rem;padding-top:calc(.6rem + env(safe-area-inset-top,0px));text-align:center}.app-header h1{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.app-version{margin-top:.1rem;font-size:.65rem;opacity:.5}.scope-toggle{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.5rem;background:#ebf5f7;border-bottom:1px solid #C8E4E8}.scope-toggle-side{display:flex;align-items:center}.scope-toggle-side-right{justify-content:flex-end}.scope-toggle-side .icon-button{font-size:1.3rem;padding:.4rem .6rem}.account-menu{position:relative}.account-menu-popover{position:absolute;top:calc(100% + .3rem);right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001f;padding:.4rem;z-index:30;min-width:160px;display:flex;flex-direction:column;gap:.2rem}.account-menu-name{padding:.3rem .5rem;font-size:.85rem;font-weight:600;border-bottom:1px solid #eee;margin-bottom:.2rem;white-space:nowrap}.account-menu-item{background:none;border:none;text-align:left;padding:.4rem .5rem;font-size:.9rem;cursor:pointer;border-radius:4px;color:#111827;white-space:nowrap}.account-menu-item:hover{background:#ebf5f7;color:#e07830}.scope-toggle-buttons{display:flex;justify-content:center;gap:.5rem;grid-column:2}.scope-button{background:#fff;border:1px solid #ccc;color:#4a8090;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;cursor:pointer}.scope-button.active{background:#1d7a8a;border-color:#1d7a8a;color:#fff;font-weight:600}.auth-page{max-width:360px;margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.auth-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;align-items:center}.link-button{background:none;border:none;color:#e07830;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0}.link-button-light{color:#fff}.update-banner{position:fixed;bottom:3.5rem;left:0;right:0;z-index:2000;background:#111827;color:#fff;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:720px;margin:0 auto}.update-banner span{font-size:.9rem}.app-main{flex:1;padding:1rem 1rem 5rem}.app-nav{position:fixed;bottom:0;left:0;right:0;max-width:720px;margin:0 auto;display:flex;border-top:1px solid #ddd;background:#fff}.nav-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.45rem .25rem;padding-bottom:calc(.45rem + env(safe-area-inset-bottom,0px));border:none;border-top:2px solid transparent;background:none;cursor:pointer;color:#4a8090;min-height:56px;transition:color .12s}.nav-button.active{color:#e07830;border-top-color:#e07830}.nav-icon{display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1}.nav-label{font-size:.7rem;font-weight:500;line-height:1}.btn{background:#1d7a8a;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;cursor:pointer;transition:background-color .12s}.btn:hover:not(:disabled){background:#166876}.btn:disabled{background:#ccc;cursor:default}.btn-secondary{background:#e8f5f7;color:#1d7a8a;border:1px solid #C8E4E8}.btn-secondary:hover:not(:disabled){background:#c8e8ed}.btn-accent{background:#e07830;color:#fff;border:none}.btn-accent:hover:not(:disabled){background:#c06020}.btn-danger{background:#d9362e;color:#fff;margin-left:.5rem}.btn-danger:hover:not(:disabled){background:#b92820}.btn-small{padding:.35rem .75rem;font-size:.85rem;display:inline-flex;align-items:center;gap:.35rem}.btn-tiny{padding:.25rem .5rem;font-size:.75rem;border-radius:4px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.page-title-row h2{margin:0;font-size:1.1rem}.page-title-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}input[type=text],input[type=search],input[type=number],input[type=date],input[type=password],input[type=email]{width:100%;padding:.5rem;font-size:1rem;border:1px solid #C8E4E8;border-radius:4px}input[type=text]:focus,input[type=search]:focus,input[type=number]:focus,input[type=date]:focus,input[type=password]:focus,input[type=email]:focus{outline:2px solid #1D7A8A;outline-offset:1px;border-color:#1d7a8a}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid #D8EEF2;padding:.4rem;text-align:left;overflow-wrap:break-word}.receipt-items{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.receipt-item{border-bottom:1px solid #D8EEF2;padding-bottom:.5rem}.receipt-item-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem;font-size:.85rem;color:#4a8090}.items-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.item-card{border-bottom:1px solid #D8EEF2;padding-bottom:.5rem}.item-row-main{display:flex;gap:.5rem;margin-bottom:.3rem}.item-row-main input.field-auto{width:auto;min-width:3ch}.item-row-details{display:flex;flex-wrap:wrap;gap:.75rem}.item-row-details label{display:flex;flex-direction:column;font-size:.75rem;color:#4a8090}.item-row-details input{width:auto}.item-card input{font-size:.85rem;padding:.3rem}th:nth-child(2),td:nth-child(2){width:30%}.error{color:#c0392b;background:#fdecea;border:1px solid #f5c6cb;border-radius:4px;padding:.5rem;margin:.5rem 0}.success{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:.5rem;margin:.5rem 0}.product-card{border:1px solid #D8EEF2;border-radius:6px;padding:.65rem .75rem;margin-bottom:.4rem;cursor:pointer;transition:background-color .12s}.product-card:hover{background:#f2f9fa}.product-card-row{display:flex;justify-content:space-between;align-items:flex-start}.product-card-title{display:flex;align-items:center;gap:.5rem;min-width:0}.product-card-title strong{font-size:.85rem;color:#111827;line-height:1.3;min-width:0;overflow-wrap:break-word}.stats-card{border:1px solid #D8EEF2;border-radius:6px;padding:.6rem .75rem;margin:1rem 0}.period-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:.6rem;margin-bottom:.6rem;border-bottom:1px solid #D8EEF2}.stepper{display:flex;align-items:center;gap:.5rem}.stepper button{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:1px solid #C8E4E8;border-radius:4px;background:#f7f7f7;color:#4a8090;cursor:pointer}.stepper button:hover{background:#e8f5f7;color:#e07830}.stepper-value{min-width:1.5rem;text-align:center;font-weight:600}.price-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;margin:1rem 0}.stats-card .price-stats{margin:0}.stats-card .stat{border:none;padding:.25rem}.stat{border:1px solid #D8EEF2;border-radius:6px;padding:.5rem;text-align:center;cursor:pointer}.stat-static{cursor:default}.stat-label{display:block;font-size:.75rem;color:#4a8090}.stat-value{display:block;font-weight:700;font-size:1.1rem}.stat-subvalue{display:block;font-size:.75rem;color:#4a8090}.history-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #D8EEF2;transition:background-color .3s}.history-item.highlighted{background-color:#fff3cd}.history-price{font-weight:700}.history-price.lowest{color:#2e7d32}.history-price.highest{color:#c0392b}.price-high{color:#c0392b;font-weight:700}.price-low{color:#2e7d32;font-weight:700}.clickable{cursor:pointer}.clickable:hover{text-decoration:underline}.tooltip-cell{position:relative}.tooltip-box{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.3rem;background:#fff;border:1px solid #C8E4E8;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:.4rem .6rem;white-space:nowrap;font-weight:400;font-size:.8rem;color:#111827;text-align:left;z-index:10}.tooltip-cell:hover>.tooltip-box{display:block}.alert-icon{position:relative;display:inline-block;cursor:help}.alert-icon .tooltip-box{white-space:normal;width:220px}.alert-icon:hover .tooltip-box{display:block}.notes{font-size:.8rem;color:#4a8090}.receipt-editor{border-top:2px solid #D8EEF2;margin-top:1rem;padding-top:1rem}.receipt-list-item{border-bottom:1px solid #D8EEF2;padding:.75rem .25rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;cursor:pointer;min-height:60px;transition:background-color .12s}.receipt-list-item:hover{background:#f2f9fa}.receipt-list-item__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.receipt-list-item__store{font-size:.95rem;color:#111827;line-height:1.3}.receipt-list-item__price{font-weight:700;font-size:1rem;color:#1d7a8a;white-space:nowrap;flex-shrink:0}.date-filter{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.date-filter label{display:flex;flex-direction:column;font-size:.85rem}.date-filter input[type=date]{width:auto}.icon-button{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0 .2rem;vertical-align:middle;color:#4a8090;display:inline-flex;align-items:center}.icon-button:hover,.icon-button-active{color:#e07830}.search-bar{position:relative;margin-bottom:1rem}.search-bar input[type=search]{width:100%;padding-right:2.5rem}.filter-control{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center}.filter-control .icon-button{font-size:1.3rem;padding:.4rem .6rem}.filter-popover{position:absolute;top:calc(100% + .3rem);right:0;background:#fff;border:1px solid #C8E4E8;border-radius:6px;box-shadow:0 2px 8px #0000001f;padding:.5rem;z-index:20;min-width:160px;display:flex;flex-direction:column;gap:.3rem;max-height:260px;overflow-y:auto}.filter-popover-empty{font-size:.85rem;color:#4a8090;padding:.3rem}.filter-option{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;white-space:nowrap}.filter-popover-wide{min-width:220px}.filter-field{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;white-space:nowrap}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.filter-chip{display:inline-flex;align-items:center;gap:.3rem;background:#e0f2f5;border:1px solid #C8E4E8;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;color:#1d7a8a}.filter-chip .icon-button{font-size:.75rem;padding:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:1.5rem;max-width:90vw;width:480px}.modal-compare{width:100%;margin:1rem 0}.modal-compare th,.modal-compare td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid #D8EEF2}.profile-page{display:flex;flex-direction:column;gap:1rem}.profile-photo-placeholder{width:80px;height:80px;border-radius:50%;background:#ebf5f7;border:1px solid #C8E4E8;display:flex;align-items:center;justify-content:center;color:#aaa;margin:0 auto}.form-row{display:flex;gap:.75rem}.form-row>label{flex:1;min-width:0}.profile-danger-zone{border-top:1px solid #D8EEF2;padding-top:1rem}.profile-danger-zone h3{margin-top:0;font-size:1rem;color:#d9362e}