:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-border:#e5e8ec;--color-text:#1a2229;--color-text-muted:#667085;--color-primary:#0d9488;--color-primary-dark:#0b7d72;--color-primary-light:#e6f6f4;--color-accent:#f5a524;--color-success:#10b981;--color-success-light:#e7f8f1;--color-danger:#e4483a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 16px #10182814;--shadow-lg:0 12px 32px #1018281f}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f9;background:var(--color-bg);color:#1a2229;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:380px;padding:40px 36px;text-align:center;width:100%}.logo{display:block;height:auto;margin:0 auto 24px;width:96px}.login-box h2{color:var(--color-text);font-size:20px;margin:-8px 0 20px}form{display:flex;flex-direction:column}input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:#98a2b3}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;margin-top:4px;padding:12px;transition:background-color .15s ease}button:hover{background-color:var(--color-primary-dark)}.error-message{background-color:#fef3f2;border:1px solid #fecdca;border-radius:var(--radius-sm);color:#b42318;font-size:13px;margin-bottom:15px;padding:10px 12px}p{color:var(--color-text-muted);font-size:14px;margin-top:20px}a{color:var(--color-primary);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}.fullscreen-shopping{background:var(--color-bg);bottom:0;overflow-y:auto;padding-top:60px}.fullscreen-shopping,.shopping-nav{left:0;position:fixed;right:0;top:0}.shopping-nav{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;height:60px;justify-content:space-between;padding:0 15px;z-index:1000}.shopping-nav-left{align-items:center;display:flex;gap:12px}.shopping-logo{height:36px;width:auto}.shopping-mode-toggle{background:var(--color-bg)}.shopping-filter-pills{display:flex;gap:6px}.shopping-filter-pills button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all .15s ease}.shopping-filter-pills button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.search-container{align-items:center;display:flex;justify-content:center;margin-bottom:30px;position:relative}.search-input-wrap{max-width:520px;position:relative;width:100%}.search-container input[type=text]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);font-family:inherit;font-size:15px;padding:13px 20px 13px 44px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.search-container input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.search-icon{display:flex;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-icon svg{color:#98a2b3}.search-container .suggestions-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:50%;list-style:none;margin-top:8px;max-height:420px;max-width:520px;overflow:hidden;overflow-y:auto;padding:0;position:absolute;top:100%;transform:translateX(-50%);width:100%;z-index:1000}.searching-indicator{color:var(--color-text-muted);font-size:14px;padding:20px;text-align:center}.search-container .suggestion-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:background-color .15s ease}.search-container .suggestion-item:last-child{border-bottom:none}.search-container .suggestion-item:hover{background-color:var(--color-bg)}.search-container .suggestion-info{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.search-container .suggestion-text{flex:1 1;min-width:0}.search-container .suggestion-name{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.35}.search-container .suggestion-size{color:var(--color-text-muted);font-size:13px;font-weight:500}.search-container .suggestion-prices{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:4px 14px;margin-top:6px}.search-container .suggestion-image{border-radius:var(--radius-sm);flex-shrink:0;height:44px;object-fit:cover;width:44px}.search-container .add-button{align-self:center;background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:background-color .15s ease}.search-container .add-button:hover{background-color:var(--color-primary-dark)}@media (max-width:768px){.search-container input[type=text]{font-size:14px;max-width:calc(100% - 40px);padding:12px 16px 12px 40px}.search-icon{left:30px}.shopping-nav{padding:0 10px}.shopping-filter-pills button{font-size:12px;padding:6px 12px}.search-container .suggestion-image{height:36px;width:36px}}@media (max-width:480px){.shopping-logo{height:30px}.mode-toggle-compact .mode-label{display:none}}.item-list{margin:0 auto;max-width:1400px;width:100%}.item-list h2{color:var(--color-text);font-size:22px;margin-bottom:24px}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-buttons button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:all .15s ease}.filter-buttons button:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.size-buttons{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;display:flex;gap:2px;padding:3px}.size-buttons button{background:#0000;border:none;border-radius:16px;color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:600;min-width:36px;padding:6px 14px;transition:all .15s ease}.size-buttons button:hover{color:var(--color-text)}.size-buttons button.active{background:var(--color-primary);color:#fff}.total-price{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:20px;font-weight:700;margin-bottom:24px;padding:18px;text-align:center}.savings{color:var(--color-success);font-size:15px;font-weight:600;margin-top:6px}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:14px;margin:10px 0;padding:32px 20px;text-align:center}.item-grid{grid-gap:16px;display:grid;gap:16px;padding:10px 0}.item-grid.tile-medium{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.item-grid.tile-small{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.item-grid.tile-small .item-tile{padding:14px}.item-grid.tile-small .item-image{max-height:72px;max-width:72px}.item-grid.tile-small .item-name{font-size:13px;min-height:34px}.item-grid.tile-small .item-prices div{font-size:12px;padding:5px 10px}.item-grid.tile-large{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.item-grid.tile-large .item-tile{padding:28px}.item-grid.tile-large .item-image{max-height:140px;max-width:140px}.item-grid.tile-large .item-name{font-size:17px;min-height:48px}.item-grid.tile-large .item-prices div{font-size:15px;padding:9px 18px}.item-grid.shopping-list{gap:6px;grid-template-columns:1fr;padding-bottom:90px}.item-grid.shopping-list,.item-list.shopping-mode{margin:0 auto;max-width:600px}.shopping-total-bar{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -4px 16px #10182814;display:flex;justify-content:space-between;left:0;padding:16px 20px;position:fixed;right:0;z-index:999}.shopping-total-bar .total-amount{color:var(--color-text);font-size:22px;font-weight:700}.shopping-total-bar .savings-amount{color:var(--color-success);font-size:16px;font-weight:600}.shopping-mode .item-tile{align-items:center;border-radius:var(--radius-sm);cursor:pointer;flex-direction:row;justify-content:flex-start;padding:10px 14px}.shopping-mode .item-tile.bought{opacity:.5}.bought-check{align-items:center;border:2px solid var(--color-border);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-right:12px;transition:all .15s ease;width:22px}.bought-check.checked{background:var(--color-primary);border-color:var(--color-primary)}.shopping-mode .item-image{margin-bottom:0;margin-right:12px;max-height:38px;max-width:38px;padding:3px}.shopping-mode .item-info{flex:1 1;min-width:0;text-align:left}.shopping-mode .item-name{font-size:13px;margin-bottom:2px;min-height:auto;text-align:left}.shopping-mode .item-prices{flex-direction:row;flex-wrap:wrap;gap:4px 10px;margin-top:2px}.shopping-mode .item-prices div{font-size:12px;padding:3px 9px}.item-tile{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:box-shadow .15s ease,border-color .15s ease}.item-tile:hover{border-color:#d0d5dd;box-shadow:var(--shadow-md)}.item-tile.bought{background:var(--color-bg);opacity:.6}.item-tile.bought .item-name{text-decoration:line-through}.item-tile.shopping-list{flex-direction:row;gap:16px}.item-image{background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:14px;max-height:100px;max-width:100px;object-fit:contain;padding:6px}.item-info{text-align:center;width:100%}.item-name{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.4;margin-bottom:10px;min-height:40px;text-align:center}.item-size{color:var(--color-text-muted);font-weight:500}.item-prices{display:flex;flex-direction:column;gap:6px;margin-top:10px}.item-prices div{border-radius:var(--radius-sm);font-size:13px;font-weight:600;padding:7px 14px}.item-prices .best-price{background:var(--color-success-light);color:#067a55}.item-prices .other-price{background:var(--color-bg);color:#98a2b3;text-decoration:line-through}.remove-button{background:#0000;border:1px solid #fecdca;border-radius:20px;color:var(--color-danger);cursor:pointer;font-size:13px;font-weight:600;margin-top:14px;padding:8px 18px;transition:all .15s ease}.remove-button:hover{background:#fef3f2}@media (max-width:768px){.item-list{padding:0 10px}.controls-row{flex-direction:column;gap:15px;margin-bottom:20px}.filter-buttons{justify-content:center;width:100%}.filter-buttons button{font-size:13px;padding:8px 16px}.item-grid.tile-medium{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item-grid.tile-small{gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.item-grid.tile-large{gap:16px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.shopping-total-bar .total-amount{font-size:19px}.shopping-total-bar .savings-amount{font-size:15px}}.App{background:var(--color-bg);min-height:100vh}.App-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:24px;justify-content:space-between;padding:14px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.App-header,.header-left{align-items:center;display:flex}.header-left{gap:14px}.App-logo{height:42px;width:auto}.App-nav{display:flex;flex:1 1;gap:8px}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:15px;font-weight:600;padding:8px 14px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.nav-link:hover{background:var(--color-bg);color:var(--color-text)}.nav-link.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.header-actions{align-items:center;display:flex;gap:12px}.mode-toggle-compact{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;display:flex;gap:8px;padding:6px 10px}.mode-toggle-compact .mode-label{color:var(--color-text-muted);font-size:13px;font-weight:600}.mode-toggle-compact .switch{display:inline-block;height:22px;position:relative;width:42px}.mode-toggle-compact .switch input{height:0;opacity:0;width:0}.mode-toggle-compact .slider{background-color:#d0d5dd;border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.mode-toggle-compact .slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:16px;left:3px;position:absolute;transition:.2s;width:16px}.mode-toggle-compact input:checked+.slider{background-color:var(--color-primary)}.mode-toggle-compact input:checked+.slider:before{transform:translateX(20px)}.logout-button{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;transition:all .15s ease}.logout-button:hover{background:var(--color-bg);border-color:#c7ccd4;color:var(--color-text)}main{margin:0 auto;max-width:1400px;padding:32px 24px}.loading{align-items:center;background:var(--color-bg);color:var(--color-text-muted);display:flex;font-size:18px;height:100vh;justify-content:center}@media (max-width:768px){.App-header{gap:15px;padding:12px 15px}.header-left{gap:8px}.App-logo{height:34px}.App-nav{gap:4px}.nav-link{font-size:14px;padding:6px 10px}.header-actions{gap:8px}.logout-button{font-size:13px;padding:8px 14px}main{padding:20px 15px}}@media (max-width:480px){.App-header{gap:10px;padding:10px 12px}.header-left{gap:6px}.App-logo{height:30px}.App-nav,.mode-toggle-compact .mode-label{display:none}.mode-toggle-compact{padding:4px 8px}.logout-button{font-size:12px;padding:6px 12px}}
/*# sourceMappingURL=main.e64a22d1.css.map*/