@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";:root{--primary:#ff80ab;--primary-light:#ffacc5;--secondary:#b39ddb;--accent:#fff9c4;--bg-gradient:linear-gradient(135deg, #fce4ec 0%, #f3e5f5 100%);--text-main:#4a4a4a;--text-muted:#8e8e8e;--card-bg:#fffffff2;--radius:30px;--shadow:0 10px 30px #ff80ab26;--font-main:"Quicksand", sans-serif}*{box-sizing:border-box;font-family:var(--font-main);margin:0;padding:0}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-main);overflow-x:hidden}#root{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.app-card{background:#fff;border:4px solid #fff5f8;border-radius:35px;width:100%;max-width:580px;padding:40px;box-shadow:0 20px 50px #ff80ab1a}.app-header{text-align:center;margin-bottom:30px}.stats-pill{color:#fbc02d;background:#fff9c4;border-radius:20px;margin-top:15px;padding:5px 20px;font-size:.85rem;font-weight:800;display:inline-block}.modern-form{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.form-main-row,.form-sub-row{gap:10px;display:flex}.pretty-input-container{flex:1;position:relative}.qty-input-container{max-width:90px}.pretty-icon{color:#ffacc5;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pretty-input{color:#4a4a4a;background:#fff;border:2px solid #fff0f5;border-radius:18px;outline:none;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s}.pretty-input:focus{background:snow;border-color:#ff80ab}.main-input{flex:3}.qty-input,.edit-qty-input{text-align:center;padding-left:32px}.sub-input{padding-left:40px;font-size:.9rem}.pretty-add-btn{color:#fff;cursor:pointer;background:#ff80ab;border:none;border-radius:18px;align-items:center;gap:8px;padding:0 20px;font-weight:700;display:flex;box-shadow:0 4px 15px #ff80ab4d}.list-wrapper{flex-direction:column;gap:20px;display:flex}.shopping-list{flex-direction:column;gap:12px;max-height:400px;padding-right:5px;list-style:none;display:flex;overflow-y:auto}.list-item{background:#fff;border:2px solid #fff5f8;border-radius:22px;justify-content:space-between;align-items:center;padding:15px 20px;transition:all .2s;display:flex}.list-item.editing{background:snow;border-color:#ff80ab;flex-direction:column;align-items:stretch;gap:10px}.item-left{align-items:center;gap:15px;display:flex}.pretty-check{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.item-info{flex-direction:column;display:flex}.item-title{align-items:center;gap:10px;display:flex}.name-group{align-items:center;gap:8px;display:flex}.qty-badge{color:#ff80ab;background:#fff0f5;border:1px solid #ffdde1;border-radius:10px;padding:2px 8px;font-size:.8rem;font-weight:800}.item-name{color:#4a4a4a;font-size:1.1rem;font-weight:700}.cat-tag{color:#00000080;text-transform:uppercase;border-radius:10px;padding:3px 8px;font-size:.65rem;font-weight:800}.item-date-text{color:#9e9e9e;margin-top:2px;font-size:.75rem}.list-item.completed{opacity:.5;background:#fdfdfd}.list-item.completed .item-name{text-decoration:line-through}.item-right-actions{gap:5px;display:flex}.pretty-edit,.pretty-delete{color:#ffd1dc;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;transition:all .2s}.pretty-edit:hover{color:#ff80ab;background:#fff0f5}.pretty-delete:hover{color:#ff5252;background:#fff0f0}.edit-mode-container{flex-direction:column;gap:10px;display:flex}.edit-main-row{gap:10px;display:flex}.edit-name-input{flex:3}.edit-qty-input{flex:1;max-width:80px}.edit-actions{gap:5px;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.save-btn{color:#fff;background:#48bb78}.cancel-btn{color:#fff;background:#cbd5e0}.edit-sub-row{gap:10px;display:flex}.edit-sub-input{flex:1;padding:8px 12px;font-size:.85rem}.pretty-clear-all{color:#ff80ab;cursor:pointer;background:#fff5f8;border:2px solid #fff0f5;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.pretty-clear-all:hover{color:#fff;background:#ff80ab;border-color:#ff80ab}.shopping-list::-webkit-scrollbar{width:6px}.shopping-list::-webkit-scrollbar-thumb{background:#fff0f5;border-radius:10px}