*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1a1a1a}.app{display:flex;flex-direction:column;min-height:100vh;max-width:720px;margin:0 auto;background:#fff}.app-header{background:#f60;color:#fff;padding:1rem;text-align:center}.app-header h1{margin:0;font-size:1.25rem}.app-version{margin-top:.25rem;font-size:.7rem;opacity:.7}.scope-toggle{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.5rem;background:#f4f4f4;border-bottom:1px solid #e0e0e0}.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:#333;white-space:nowrap}.account-menu-item:hover{background:#f4f4f4;color:#f60}.scope-toggle-buttons{display:flex;justify-content:center;gap:.5rem;grid-column:2}.scope-button{background:#fff;border:1px solid #ccc;color:#555;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;cursor:pointer}.scope-button.active{background:#f60;border-color:#f60;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:#f60;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:#1a1a1a;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;padding:.9rem;border:none;background:none;font-size:.95rem;cursor:pointer;color:#555}.nav-button.active{color:#f60;font-weight:700;border-top:2px solid #ff6600}.btn{background:#f60;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;cursor:pointer}.btn:disabled{background:#ccc;cursor:default}.btn-secondary{background:#eee;color:#333}.btn-danger{background:#d9362e;color:#fff;margin-left:.5rem}.btn-small{padding:.3rem .6rem;font-size:.8rem}.btn-tiny{padding:.25rem .5rem;font-size:.7rem;border-radius:4px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.page-title-row h2{display:flex;align-items:center;gap:.3rem}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 #ccc;border-radius:4px}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid #eee;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 #eee;padding-bottom:.5rem}.receipt-item-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem;font-size:.85rem;color:#555}.items-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.item-card{border-bottom:1px solid #eee;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:#666}.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 #eee;border-radius:6px;padding:.6rem;margin-bottom:.5rem;cursor:pointer}.product-card:hover{background:#fafafa}.stats-card{border:1px solid #eee;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 #eee}.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 #ddd;border-radius:4px;background:#f7f7f7;color:#555;cursor:pointer}.stepper button:hover{background:#eee;color:#f60}.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 #eee;border-radius:6px;padding:.5rem;text-align:center;cursor:pointer}.stat-static{cursor:default}.stat-label{display:block;font-size:.75rem;color:#777}.stat-value{display:block;font-weight:700;font-size:1.1rem}.stat-subvalue{display:block;font-size:.75rem;color:#777}.history-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee;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 #ccc;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:.4rem .6rem;white-space:nowrap;font-weight:400;font-size:.8rem;color:#333;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:#777}.receipt-editor{border-top:2px solid #eee;margin-top:1rem;padding-top:1rem}.receipt-list-item{border-bottom:1px solid #eee;padding:.6rem 0;display:flex;justify-content:space-between;cursor:pointer}.receipt-list-item:hover{background:#fafafa}.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:#777;display:inline-flex;align-items:center}.icon-button:hover,.icon-button-active{color:#f60}.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 #ddd;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:#777;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:#f4f4f4;border:1px solid #ddd;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;color:#555}.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 #eee}.profile-page{display:flex;flex-direction:column;gap:1rem}.profile-photo-placeholder{width:80px;height:80px;border-radius:50%;background:#f4f4f4;border:1px solid #ddd;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 #eee;padding-top:1rem}.profile-danger-zone h3{margin-top:0;font-size:1rem;color:#d9362e}