body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3a3939;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.Add{display:flex;justify-content:center;min-height:calc(100vh - 100px);padding-top:50px}.Add form{gap:30px;width:300px}.Add form,.Add form label{align-items:flex-start;display:flex;flex-direction:column}.Add form label{color:#fff;width:100%}.Add form label .date{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.Add form label .date input{width:130px}.Add form label input{border:none;border-radius:12px;height:30px;padding:5px;width:300px}.Add form button{align-items:center;background-color:#fff;border:2px solid #000;border-radius:12px;display:flex;font-size:22px;height:40px;justify-content:center;margin-top:50px;transition:background-color .2s;width:100%}.Add form button:hover{background-color:#d1d1d1}.PopUpConfirm{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;height:150px;justify-content:space-between;left:50%;padding:5px;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:2}.PopUpConfirm span{align-items:center;display:flex;height:70%;justify-content:center;text-align:center}.PopUpConfirm .btnContainer{align-items:center;display:flex;height:30%;justify-content:space-between;width:100%}.PopUpConfirm .btnContainer button{background-color:#2db92f;border:none;border-radius:7px;cursor:pointer;height:100%;transition:.2s;width:45%}.PopUpConfirm .btnContainer button:first-child{background-color:#0000;border:1px solid #2db92f;color:#000}.PopUpConfirm .btnContainer button:first-child:hover{border-color:#0c4d0d}.PopUpConfirm .btnContainer button:last-child:hover{background-color:#0c4d0d}.LoginContainer{gap:50px;min-height:100vh;padding-top:50px}.LoginContainer,.LoginContainer form{align-items:center;display:flex;flex-direction:column;width:100%}.LoginContainer form{color:#fff;gap:10px}.LoginContainer form .title{font-size:25px}.LoginContainer form label{display:flex;flex-direction:column}@media(min-width:400px){.LoginContainer{flex-direction:row;padding:0}}.Nav{background-color:#514f4f;flex-direction:column;gap:5px;height:150px;justify-content:space-between;padding:5px 0;width:100%}.Nav,.Nav .left{align-items:center;display:flex}.Nav .left{gap:10px}.Nav .left .logoutContainer{align-items:center;background-color:#ffffff4d;border-radius:50px;display:flex;height:30px;justify-content:center;transition:background-color .2s;width:30px}.Nav .left .logoutContainer:hover{background-color:#fff}.Nav .left .logoutContainer img{height:90%;object-fit:contain;width:90%}.Nav .left .title{font-size:30px}.Nav .searchContainer{display:flex;gap:10px}.Nav .searchContainer input{border:none;border-radius:12px;font-size:20px;height:30px;max-width:300px;padding:10px;width:200px}.Nav .searchContainer select{border-radius:12px}.Nav .right{gap:2px}.Nav .right,.Nav .right button{align-items:center;display:flex}.Nav .right button{background-color:#c8c8da;border:1px solid #fff;border-radius:5px;cursor:pointer;font-size:8px;height:40px;justify-content:center;width:40px}.Nav .right button img{height:90%;object-fit:contain;width:90%}.Nav .right .inactive{cursor:not-allowed;opacity:.5}@media(min-width:580px){.Nav{gap:30px;padding:0 30px}.Nav .title{font-size:30px;font-weight:700}.Nav input{flex:1 1}.Nav .toggle{height:40px;width:100px}.Nav{align-items:center;background-color:#514f4f;display:flex;flex-direction:row;gap:5px;height:100px;justify-content:space-between;padding:0 20px;width:100%}}.Sell{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px 5px;width:100%}.Sell span.title{color:#fff;font-size:40px;margin-bottom:30px}.Sell div.Product{background-color:#a5a5ab}@media(min-width:400px){.Sell{padding:20px}}.Product{align-items:center;border-radius:12px;display:flex;justify-content:space-between;min-height:50px;padding:5px;width:100%}.Product .name{flex:1 1;font-size:#000}.Product .right{align-items:center;border-radius:7px;display:flex;justify-content:flex-end;margin-left:10px;overflow:hidden;width:auto}.Product .right .date{background-color:#c7c7c7;width:70px}.Product .right .date,.Product .right .price{align-items:center;display:flex;height:50px;justify-content:center}.Product .right .price{background-color:#dbdbdb;min-width:70px;padding:2px}.Product .right .receipt{align-items:center;background-color:#bb3737;display:flex;height:50px;justify-content:center;transition:background-color .2s;width:50px}.Product .right .receipt img{height:100%;object-fit:cover;width:100%}.Product .right .true{background-color:#6bbe6b}.Product .right .false{cursor:pointer}.Product .right .false:hover{background-color:red}.Product .right .pieces{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:center;width:50px}.Product .right button{background-color:#e5dddd;border:none;font-size:10px;height:50px;transition:background-color .2s;width:50px}.Product .right button:hover{background-color:#817777}.Product .right .edit{background-color:#ac7b7b}.Product .right .edit:hover{background-color:#d00e0e}.PopUpSell{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;height:200px;justify-content:space-between;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px;z-index:2}.PopUpSell .topBar{background-color:#bdbdbd;font-size:10px;font-weight:700;height:60px;justify-content:center}.PopUpSell .topBar,.PopUpSell label{align-items:center;display:flex;padding:5px;width:100%}.PopUpSell label{font-size:13px;justify-content:flex-start}.PopUpSell label input{width:50px}.PopUpSell label.price,.PopUpSell label.price input{width:100%}.PopUpSell button{background-color:#dcd9d9;border:none;border-radius:7px;height:40px;margin:5px;width:calc(100% - 10px)}.Background{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0003;height:100vh;left:0;position:absolute;top:0;width:100vw}.bigger{height:250px}.PopUpEditData{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;height:250px;justify-content:space-between;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:2}.PopUpEditData .topBar{align-items:center;background-color:#bdbdbd;display:flex;font-size:10px;font-weight:700;height:30px;justify-content:center;text-align:center;width:100%}.PopUpEditData label{display:flex;flex-direction:column;width:calc(100% - 10px)}.PopUpEditData .date{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:calc(100% - 10px)}.PopUpEditData .date label{width:45%}.PopUpEditData button{background-color:#bdbdbd;border:none;border-radius:7px;height:30px;margin-bottom:5px;width:calc(100% - 10px)}.Sold{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px 5px;width:100%}.Sold span.title{color:#fff;font-size:40px;margin-bottom:30px}.Sold div.Product{background-color:#e0bbbb}.Sold div.Product .right button{display:none}@media(min-width:400px){.Sold{padding:20px}}
/*# sourceMappingURL=main.f1994277.css.map*/